Оставить заявку

Как использовать заголовки H1-H6 с пользой для SEO?

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

Зачем нужны заголовки

Грамотно составленные заголовки полезны как посетителям, так и поисковым системам.

Для людей 🧑‍🤝‍🧑

Во-первых, в заголовках кратко указывается, о чем будет последующий текст. Во-вторых, они помогают визуально структурировать текст. Все это позволяет посетителям ориентироваться на странице и находить ответы. Как следствие улучшаются поведенческие факторы, которые учитывают поисковые системы.  

Для примера рассмотрим 2 текста:  

Пример №1
Пример №1

В примере №1 читать текст тяжело, так как он не структурирован. Посетитель, увидев такую портянку, вероятно, сразу закроет страницу и она получит отрицательную оценку в расчете формулы релевантности (т.е. rel-). Затем он вернется в выдачу, откроет другой сайт, как на примере №2, прочитает текст и получит ответ. Закроет выдачу, а страница получит rel+, так как решила задачу посетителя.

Для роботов 🤖

Поисковые системы используют заголовки, чтобы понять структуру документа, его содержимое, а также для формирования сниппетов. 

Представитель Гугла Джон Мюллер рассказывает, как поисковик обрабатывает заголовки:

«…заголовки на странице помогают нам лучше понять содержание страницы. Это не единственный фактор ранжирования, который у нас есть. Мы также смотрим на контент сам по себе. Но иногда наличие четкого заголовка на странице дает нам немного больше информации о том, о чем этот раздел».

В справке Яндекса говорится примерно тоже самое:

«Правильное оформление заголовков в тексте помогает пользователю быстрее сориентироваться на странице, а значит, экономит его время. Кроме того, и роботу Яндекса будет проще разобраться со структурой документа. Поэтому следует выделять этими тегами заголовки в соответствии с иерархией документа».

Какие бывают

Существуют 6 уровней заголовков: Н1-H6, где H1 - высший, а H6 - низший. Чем ниже уровень, тем ниже и относительная важность секции, расположенной после него.

H1 – это заголовок первого уровня, который используется для обозначения содержимого всей страницы. В HTML-коде он оформляется так: <h1>Заголовок</h1>. На странице должен быть только один тег H1.

Подзаголовки H2, H3 используются, чтобы разделить контент на логически связанные части. 

H4, H5, H6 используются редко и по необходимости (так как для структурирования информации обычно хватает заголовков первых трех уровней).

Иерархия заголовков

Важно соблюдать правильную вложенность заголовков (далее в подтверждение этому будет кейс). Заголовок Н2 должен находиться после Н1, H3 после H2 и так далее.

Пример структуры в HTML: 

<h1>Рептилоиды: что мы знаем о них?</h1>

<h2>Этимология</h2>

<h2>Эволюция</h2>

<h2>Распределение и разнообразие</h2>

  <h3>Поздний палеозой</h3>

  <h3>Юрский период</h3>

  <h3>Меловойский период</h3>

<h2>Внешняя морфология</h2>

Почему заголовки важны для SEO в 2022

С августа 2021 Google стал часто использовать содержимое H1 в качестве заголовка сниппета. Намного чаще, чем раньше. Порядка ~60% тайтлов стали браться не из тега Title

В первом сниппете заголовок взять из тега Title, во втором из H1

В первом сниппете заголовок взять из тега Title, во втором из H1

Новость от 24 августа 2021 из официального блога Гугл Поиска: 

«Более 10 лет назад мы начали использовать для создания заголовков не только HTML-текст, но и другие сигналы. Новая система делает то же самое – но гораздо эффективнее. В частности, она учитывает текст, который видят посетители, открывая веб-страницу. При этом используется и основной заголовок на странице (который авторы задают с помощью разных тегов, включая <H1>) и другой текст, выделенный стилями».

Известный западный SEO-специалист Сайрус Шепард провел исследование в ходе которого выявил:

«Совпадение тегов title и заголовков H1 помогает уменьшить количество переписываний».

Из этих трех новостей следует:

  • H1 выступает в качестве альтернативы тайтлу 🡆 на странице важно наличие  H1.
  • Чтобы сниппет был релевантным, он должен содержать ключевые слова 🡆 H1 тоже должен их содержать. Это еще важно и потому, что ключи в заголовках участвуют в текстовой релевантности в отличии от тайтла. 
Зоны документа, которые влияют на текстовую релевантность. Источник: seo-rocket.pro/relevance-zones/

Зоны документа, которые влияют на текстовую релевантность. Источник: seo-rocket.pro/relevance-zones/

Semrush в своем исследовании 1,2 млн статей выявил, что:

  • >50% документов со сложной структурой (H2+H3+H4) высокоэффективны с точки зрения посещаемости и вовлеченности (социальные расшаривания). 
  • 44% с простой структурой (H2+H3) также высокоэффективны.
  • 39% без структуры (без H2) малоэффективны.
Графики зависимости эффективности страниц от наличия на них разных заголовков

Графики зависимости эффективности страниц от наличия на них разных заголовков

Заголовки в связке с якорными ссылками упрощают навигацию по странице и способствуют созданию быстрых ссылок в сниппете. Более подробно написано в статье «Как сделать сниппет в поиске кликабельным: якорные ссылки».

Пример якорных ссылок

Пример якорных ссылок

Заголовки соответствующие поисковому запросу помогают в формировании быстрых ответов и как результат попаданию на нулевую позицию. Подробнее читайте в статье «Как попасть в блок с ответами Google».

Блок быстрых ответов (нулевая позиция)

Блок быстрых ответов (нулевая позиция)

SEO-Кейсы

Кейс №1: Рост кликов на 4,5% после изменения структуры заголовков

Компания Semrush провела сплит-тест, который заключался в изменении структуры заголовков на листингах интернет-магазина.

Изначально подзаголовки H3 не были иерархически подтемами предыдущего заголовка H2. В качестве эксперимента заголовки H3 заменили на H2, чтобы поисковые системы смогли лучше понять структуру.

Наглядно, что было сделано

Наглядно, что было сделано

По результатам тестирования был замечен рост органического трафика на контрольные страницы на 4,5%. Кроме того было зафиксировано увеличение количества показов, которое позволяет предположить, что протестированные страницы стали более релевантными различным запросам.

Кейс №2: рост SEO-трафика на 62% после указания корректного Н1

На сайте юридической фирмы в качестве тега H1 использовался логотип на всех страницах.

Лого в качестве заголовка H1

Лого в качестве заголовка H1

В рамках оптимизации компанией Mockingbird были прописаны уникальные H1 для каждой страницы. Как результат — увеличение трафика на 62%. 

Рекомендации Гугла

Ознакомьтесь с рекомендациями непосредственно из Гугл справки, а далее мы приведем наглядные примеры на их основе.

/

Чек-лист, как использовать заголовки 

  • Размещайте H1 на видном месте.
  • Заголовок первого уровня должен однозначно определять содержимое страницы.
  • Используйте в H1 ключевой запрос.
  • Структурируйте документ с помощью тегов H2-H6.
  • Используйте LSI-слова в H2-H6.
  • Убедитесь, что подзаголовки соответствуют тексту, который к ним относится.
  • Следите за корректной вложенностью подзаголовков.  
  • Используйте заголовки в паре с якорными ссылками для формирования расширенных сниппетов.
  • Размер шрифта заголовка должен уменьшаться по мере его вложенности от H1 к H6.
Правильное использование заголовков
Правильное использование заголовков

На примере выше:

  • один H1 и определяет содержание документа;
  • в заголовках используются ключи и LSI;
  • соблюдена иерархия заголовков;
  • заголовки в формах оформлены не через заголовки (так они не определяют структуру документа), а через <p>;
  • есть якорные ссылки на заголовки;
  • соблюдена визуальная вложенность заголовков за счет использования стилей.

Чего не нужно делать

  • Спамить ключами во всех заголовках. 
  • Использовать более одного тега H1 на странице.
  • Использовать одинаковый Н1 на разных страницах. 
  • Использовать заголовки в качестве скрытого текста. 
  • Использовать в тегах заголовков стили.
  • Выделять тегами заголовков текст, который не помогает определить структуру (например в формах обратной связи).
Неправильное использование заголовков
Неправильное использование заголовков

На примере выше:

  • два H1, причем один из них в качестве лого;
  • нарушена иерархия заголовков: в H2 вложен H4;
  • ФИО специалистов выделены тегами H3, хотя они не определяют структуру.

Вывод 

Оптимизация заголовков на сайте — это один из многочисленных факторов, которые помогут вам улучшить позиции. Чтобы получить лучший эффект работайте с сайтом по всем направлениям. Например грамотно используйте внутренние ссылки, правильно настройте пагинацию и ЧПУ-адреса.

Нужно эффективное SEO?

Обращайтесь, сделаем, как для себя

Рекомендуем почитать

Хотите попробовать с нами?

Оставьте заявку или позвоните нам по номеру 8 (800) 775-67-49.

Оставить заявку
след самолета
Нажмите и держите для максимального увеличения