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

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

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

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

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

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

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

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

В 2023 году Гэри Ийеш на конференции Pubcon Pro September сказал следующее:

С точки зрения Google, было бы довольно глупо полагаться на теги H1-H6 для понимания порядка и иерархии контента. Используйте теги H там, где это необходимо и где это имеет смысл.

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

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

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

Подзаголовки 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>

Для просмотра заголовков есть как минимум 3 варианта:

1. Использовать исходный код страницы (неудобно). 
2. Использовать плагин, например, SEO META in 1 CLICK (удобно).
3. Использовать букмарлет (наглядно). 

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

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

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

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

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

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

• H1 выступает в качестве альтернативы тайтлу 🡆 на странице важно наличие  H1.
• Чтобы сниппет был релевантным, он должен содержать ключевые слова 🡆 H1 тоже должен их содержать. Это еще важно и потому, что ключи в заголовках участвуют в текстовой релевантности в отличии от тайтла. 

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

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

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

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

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

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

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

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

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

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

В тестировании участвовало 1800 страниц, а сам тест длился 22 дня. С помощью скрипта отслеживалось стал ли Гугл выводить обновленный заголовок в сниппете. 

В результате Googlebot обошел около 94% страниц из выборки, а количество кликов по сниппетам увеличилось на 8,3%.

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

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

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

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

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

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

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

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