Правильные заголовки

Честно говоря, проверять свой шаблон на правильность оформления заголовков мне и в голову не приходило. Я полагал, что уж разработчик-то должен был такие моменты учитывать априори. И только совсем недавно и совершенно случайно я обнаружил, что все заголовки статей у меня живут в тегах h2.

Ну что-ж, будет наперёд наука. И в этой очень меленькой статье я расскажу о важности использования тега заголовков H1.

Многие недооценивают их значение и в том числе, как оказалось, даже создатели некоторых шаблонов для популярного движка WordPress, в чём я убедился на примере шаблона своего блога. Такие недочёты надо исправлять в обязательном порядке и чем быстрее, тем лучше.

Дело в том, что теги заголовков служат не только для визуального представления текста пользователю, но и учитываются поисковыми системами при ранжировании текста! Причём из набора заголовков H1-H6 поисковиками учитываются только H1- H3.  Остальные, с 4 по 6, используются редко и, в основном, когда объём текста достаточно большой для некоей его логической структуризации для читателя.

Таким образом, в идеале заголовок статьи должен обрамляться тегами <h1></h1>. Кстати, почти все сервисы-анализаторы SEO в отдельный пункт выносят наличие этих тегов.

А теги h2 и h3 используются при необходимости для структуризации подаваемого материала.

Но так-ли это у Вас и как это проверить и, при необходимости, исправить?

Как проверить

Способ первый

Посмотреть исходный код страницы. Для чего щёлкнуть по странице правой кнопкой мыши и выбрать из появившегося меню соответствующий пункт. Или же просто нажать комбинацию клавиш Ctrl+U

Откроется окно с исходным кодом, придётся долго листать вниз, пропуская множество строк со всевозможным кодом, ссылками, скриптами, определениями стилей и меню, пока наконец не найдём заголовок своей страницы. Применительно к данной статье это:

<h1 class="headline4">Правильные заголовки</h1>

Согласитесь - очень неудобно. Но... как вариант...

Способ второй

Для браузеров Chrom и FireFox есть замечательное расширение - Firebug. Насчет других браузеров не скажу, так-как в основном пользуюсь этими, но возможно есть и для них. Это расширение позволяет легко посмотреть код и стили любого элемента страницы. Более того! Вы можете произвольно менять стиль и сразу видеть изменения на странице, правда это нигде не сохраняется и после обновления страницы всё возвращается в исходное состояние. Очень удобно для всяких экспериментов.

После установки расширения Firebug интегрируется в меню, вызываемом при клике правой кнопки мышки по странице. Теперь достаточно щёлкнуть правой кнопкой по любому элементу, в данном случае по заголовку страницы и увидим следующее (кликнете по картинке для её увеличения)):

Выбираем соответствующий пункт и получаем окошечко с информацией внизу нашей страницы.

Намного проще и удобнее.

Итак, мы убедились, что заголовок страницы обрамлён тегами H1, а значит всё нормально, поисковые системы довольны и мы можем спать спокойно. Но что делать в случае, если это не так? До недавнего времени у меня так и было - "не так", заголовок сидел в H2.

Исправляем теги заголовка

Для этого нам понадобится FileZilla или аналогичный ftp-клиент.

Открываем файл wp-content/themes/Ваша_тема/single.php

находим

<h2><?php the_title(); ?></h2>

при этом надо понимать, что строка у Вас будет скорее всего иная но в ней обязательно должно быть

<?php the_title(); ?>

меняем теги (в данном примере h2 на h1) и сохраняем файл. Теперь в статьях всегда будет правильный по оформлению заголовок.

Но на этом ещё не всё. Для полного, так сказать завершения процесса, необходимо проверить и поменять теги на главной странице и на странице отображения архивов.

За главную в разных шаблонах и, в зависимости от условий, могут отвечать следующие файлы, находящиеся в папке Вашей темы wp-content/themes/Ваша_тема/index.php, либо wp-content/themes/Ваша_тема/page.php, либо wp-content/themes/Ваша_тема/home.php

За показ статей в архивах wp-content/themes/Ваша_тема/archive.php
В этих файлах по аналогии с тем, что делали выше  ищем строку с кодом

<?php the_title(); ?>

и меняем теги.

Дополнения и уточнения к этой статье смотрите в материале Оптимизация заголовков

Вот теперь всё. Удачи Вам и до встречи на этом блоге.

Материалы по теме:

Google опустит в выдаче немобильные сайты

Переезд на новый домен

Проблема с обновлением WordPress и плагинов

Удаление записей WordPress

Плагин визуального редактора комментариев снова закрыт

Оптимизация изображений – формат webp