Как правильно прописать теги h1, h2, h3 и остальные для лучшей SEO-оптимизации

SeoВсе блогеры знают, что без правильной внутренней оптимизации своих веб-ресурсов счастливое будущее его вряд ли настанет.  В этой статье я хотела бы рассказать, как правильно прописывать html заголовки (по-другому - теги) h1, h2, h3 и другие. То есть так, как  их предпочитают видеть поисковые системы.

Вообще, я не мастер писать статьи про html- и css-коды,  так как на данный момент моих знаний на эту тему недостаточно. Но я активно занимаюсь самообразованием и всякими «ковыряниями» в файлах моего блога…Итак...

 Как правильно применять html заголовки в Wordpress

Начинающие блогеры думают, что заголовки h1-h6 существуют для выделения текста разными размерами шрифта. Это не так предназначение этих заголовков - оптимизация контента. Судя по последним веяниям SEO-оптимизации, правильно присваивать html-теги нужно в таком порядке:

Использование и оптимизация тега h1

По-другому этот заголовок называют "заголовок первого уровня". Когда поисковые роботы сканируют страницы, то они передают самый большой вес фразам, заключенным в тег h1, а потом ранжируют по убывающей фразы в h2, h3, h4 и т. д.

Как правильно прописать заголовок h1

Тег h1 должен быть прописан только один раз на странице. То есть он должен быть либо в заголовке сайта, если это главная страница, либо в названии  страницы (поста).  В самой статье этот тег использовать не нужно. Для наилучшего SEO-эффекта в названии сайта или поста нужно обязательно употребить ключевые слова.

Где прописать тег h1

Открываем админку WordPress.

Заголовки записей (постов)

Находим в меню Внешний вид/Редактор/Одна запись (single.php).

В файле single.php такой код:

тег h2

и делаем его такого вида:

тег h1

Заголовки страниц

Теперь нужно прописать заголовки страниц.

Открываем Внешний вид/Редактор/Шаблон страницы (page.php). Вносим изменения.

html  тег h1 для page

Редактирование тега h1 для шаблона WordPress

Сейчас нужно настроить оптимизированный вывод заголовка сайта. Для этого открываем Внешний вид/Редактор/Заголовок (header.php). В моем случае получились изменения такого вида:

html тег h1 для header 

Сохраняем изменения, обновляемся и проверяем результат.

Использование тегов h2, h3, h4, h5, h6

Тег h2

Этот заголовок используем так:

Для главной страницы. Если Главная прописана в h1, тогда названия постов на ней прописываются в h2.

В теле статей. Если заголовок поста заключен в h1, то h2 может использоваться для подзаголовков несколько раз.

К слову, этот тег не должен использоваться в виджетах сайдбара.

Тег h3

Такой тег нужно использовать, если уже был применен тег h2, для написания подзаголовков постов. Его выбираем при оформлении статьи в админпанели.

тег h3

Теги h4, h5, h6

На практике эти теги применяются реже. Если вам нужно их использовать, то старайтесь соблюдать их очередность и уровень вложенности, то есть логическую цепочку.

В итоге структура страницы сайта/блога должна иметь такой вид:

теги H1-H6

В подзаголовках последовательно, один за другим по убыванию применяем h2, h3, h4, h5 и h6.

В каждый из них очень полезно включать ключевые слова. Но без фанатизма.

На этом у меня все. Как обстоят дела с правильными заголовками на Ваших ресурсах? Все верно прописано? Пишите об этом в комментариях.

Желаю удачи!

Вы можете оставить комментарий, или Трекбэк с вашего сайта.
Расскажите друзьям об этой статье!
Подписка на обновления

Комментариев к записи: 32

  1. Vlad:

    Здравствуйте!

    Отличная и очень полезная статья! Когда-то изучал эту тему, а потом шаблон сменил и как-то все забыл подправить….

    Как по мне второй вариант лучше…

    Раньше все время задавался вопросом в какой тег брать заголовок статьи и поэтому тег h1 тоже ставил как подзаголовок в самом посте…

    Но, потом начал исправляться!

    Вообщем, спасибо вам за окончательное объяснение! 😉

    • Юлия:

      Пожалуйста! Эти моменты очень важны. Поэтому нужно их исправлять. И следить на протяжении всей жизнедеятельности блога, чтобы все подзаголовки шли в порядке убывания. 😉

  2. Константин Белан:

    Хорошая статья, Юлия! Я со всем соглашусь, кроме одного момента: в заголовке статьи должен быть прописан тег h1, а не h2. То есть должно выглядеть так . Это будет правильнее в плане внутренней оптимизации!

    • Юлия:

      Да это в последнее время стало, что называется «писком Сео-оптимизации». И я тоже начала переделывать все заголовки статей в H1, а подзаголовки в H2, … и т.д. Всегда есть что делать по оптимизации! Ведь предпочтения ПС со временем меняются 🙂

  3. Елена Контиевская:

    Согласна с Костей. По умолчанию вордпресс присваивает Заголовку поста тег h1, а все остальные подзаголовки конечно же нужно прописывать по иерархии в порядке убывания. То есть значимость и выделения тегами должны соответствовать правилам. В своей последней статье за 9 июля я как раз выложила для вас все фишки сео оптимизации текста. Я их расписала на 20 пунктов с кратким описанием. Зайдите, ребята, почитайте и видео Александра Кочетова там после поста обязательно посмотрите, полезный обучающий ролик. Эти фишки наш учитель дает нам в учебном тренинговом центре СоДекон. Как туда попасть и бесплатно поучиться всего 20 дней наполнению сайта правильно оптимизированным контентом? Прочитав мою статью, там есть ссылка на вход на тренинг.

  4. Denis:

    Полностью согласен с Еленой и Костей h1 идёт по умолчанию. Хотя встречал такие блоги где и h2 было по умолчанию.

  5. Аня:

    Почему в последнее время? Я уже 2 года как, так делаю, заголовки в h1 😉

  6. Denis:

    Заголовок поста должен быть в Н1 в записи и в Н2 на главной в анонсах,архивах,рубриках.Важно при этом если пост в Н1 то название сайта должно менятся на другой тег.Все это замечательно реализовано в старых шаблонах вордпресс.Но с приходом HTML5 все заголовки перевернулись с ног на голову.И Н1 может теперь быть несколько штук на странице.

    • Юлия:

      Когда h1 несколько штук на странице — это неверно. Нужно, чтобы был только один такой заголовок. У меня так раньше было на главной. Заголовок сайта в h2, а заголовки постов в h1. Теперь я переделала. На каждой странице — теперь только один-единственный. Причем заголовки постов только в h1.

  7. Denis:

    Кто вам сказал что неверно? Если заголовки находятся в нутри тега section их может быть любое количество.

  8. Denis:

    Если на вашем сайте используется HTML5, то заголовки переделывать не нужно, если заголовки находится внутри тега section. Это необходимо для семантики веб-страницы.

  9. Геннадий Ольховский:

    По умолчанию H1 — это заголовок блога, H2 заголовок статьи, но заголовок статьи в коде меняют на H1, так лучше для оптимизации, но у меня в коде я поменять его не могу, может кто разбирается в кодах, скину чтобы посмотрели. А? 😉

  10. Vlad:

    Могу посмотреть! Скиньте мне свой шаблон на почту! Данные есть на блоге! 😉

  11. Денис:

    Гена, если еще актуально могу глянуть. Да действительно у тебя заголовки в Н2 выводятся

  12. Евгения Куварина:

    Я тоже использую H1 для заголовка статьи, в шаблоне все настроено, как надо, а вот бесплатные шаблоны приходится переделывать, так как там Н2

  13. Денис:

    Заметил что,в последних шаблонах Н2 редко используют видимо разработчики исправляются 😉

  14. Ирина:

    Весьма интересно. Но у меня вопрос, файл single.php — это файл шаблона. А в моем шаблоне он выглядет так:

    И что делать в таком случае?

  15. Татьяна:

    Прочитала Юлия вашу статью и поняла, что у меня проблемы с Заголовком постов(записей).Он наверное прописан как Н2. Посмотрите пожалуйста. Спасибо.

    • Юлия:

      Татьяна, посмотрела Ваш блог. Да заголовки статей прописаны в H2. Главная страница в H1. Тут все было бы хорошо. И можно так оставить. НО! Далее по тексту статей Вы опять употребляете заголовок H2. Это уже хуже. Нужно соблюдать иерархию написания заголовков-подзаголовков. То есть если не хотите править заголовки всего блога и копаться в кодах, можно просмотреть каждую статью и исправить все подзаголовки в них.
      И еще.. Не нужно теги H2, H3 выделять strong.

  16. Татьяна:

    Юлия, спасибо вам за статью. Благодаря ей я исправила все, теперь все правильно прописано.

    • Юлия:

      Всегда пожалуйста! Обращайтесь, чем смогу — помогу. 🙂

  17. Татьяна:

    Юлия, подскажите пожалуйста, почему у меня в коде поста (статьи) нету названия статьи — в title написано название сайта. Как можно это исправить? В коде главной страницы и названия статей, написано одинаково. (Красота. Здоровье. Путешествия. Секреты красоты, молодости и здоровья) — вот так написано в коде главной страницы и поста (записи). Спасибо.

    • Юлия:

      Скорее всего Вам нужно проверить настройки плагина All in One SEO Pack.
      Формат для записей: %post_title%. А у Вас, наверное, прописано: %blog_title% — Заголовок блога.

  18. рыбалка:

    Полезная статья. Спасибо!

  19. Олеся:

    Посмотрите у меня, пожалуйста. У меня заголовки статей Н1 выводятся?

    • Юлия:

      На главной странице заголовки статей выводятся в H2 — это правильно.
      Неправильно, что description Вашего сайта прописаны также в H2. Правильнее сделать в тегах meta name=»description» content=».
      На страница с контентом теги нужно исправлять. Заголовки постов прописаны в H2, заголовок сайта — H1, description сайт также в H2.

  20. Андрей:

    Спасибо за полезную и интересную статью!

  21. Антон:

    Спасибо. всё получилось. Одну строку только и поправил.

    • Юлия:

      Пожалуйста! Рада, что смогла Вам помочь.

  22. Татьяна:

    Здравствуйте, Юля! Давно была на вашем сайте. Еще раз спасибо за вашу нужную статью. Она мне помогла разобраться как правильно прописывать теги.

    • Юлия:

      Всегда пожалуйста! Заходите ко мне в гости чаще! 🙂

Оставить комментарий

Subscribe without commenting