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

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

Каждая страница должна начинаться с главного заголовка h1. Желательно, чтобы этот тег встречался один раз на странице. H1 обозначает основную тему или суть контента.

Например, на странице «Как правильно написать title» для главного заголовка используется тег h1.


Следующим по значимости идет заголовок h2. Его можно использовать несколько раз на странице, в зависимости от объема и смысловой нагрузки контента. Зачастую этого уровня достаточно для формирования логичной структуры. Однако, когда требуется дальнейшее разделение контента, используют заголовки h3. Например, на той же странице «Как правильно написать title», я использую h2 для «практики составления», а «подход» оформляю с помощью h3.

Заголовки h3 применяются внутри разделов, обозначенных h2, углубляя смысловое деление.

Важный нюанс. Не следует использовать заголовок более низкого уровня, если на странице отсутствует заголовок более высокого. Так, если в структуре нет заголовка h3, то не стоит использовать h4. Хотя это не считается критической ошибкой, SEO-оптимизация складывается из множества подобных деталей. Поэтому рекомендуется придерживаться иерархии.

Нажмите для раскрытия...

Заголовки h4 применяются редко, а h5 и h6 встречаются и того реже. Но это не значит, что их нельзя использовать, если возникает такая необходимость. Главное, чтобы структура страницы была удобна для восприятия как пользователем, так и поисковыми системами.

Пример правильной иерархии:

• h1 - Основная тема страницы
  • h2 - Подтема 1
    • h3 - Раздел 1.1
    • h3 - Раздел 1.2
  • h2 - Подтема 2
    • h3 - Раздел 2.1
      • h4 - Подраздел 2.1.1

На лендинге разметка заголовков может выглядеть так. Самый главный заголовок h1 вверху лендинга, заголовок для блока h2, заголовки триггеров в h3.

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

Тег h1 — это главный заголовок веб-страницы, своего рода «визитная карточка» всего контента. Поэтому он используется лишь единожды. Именно по этому заголовку посетитель сайта делает вывод о содержании страницы и решает, стоит ли углубляться в чтение статьи или страницы. Чтобы создать заголовок h1, который точно отразит суть документа, нужно понимать его отличие от title и учитывать основные правила оформления.

Почему метатег title и h1 должны различаться​

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

Важно знать! Иногда поисковые алгоритмы могут использовать h1 вместо title в выдаче, если сочтут его более релевантным запросу пользователя. Таким образом, title и h1 выполняют разные задачи, и, в идеале, должны различаться.

Нажмите для раскрытия...

Одинаковые title и h1 на странице само по себе не является признаком спама, и в ряде случаев, особенно в узкоспециализированных тематиках это может быть вполне оправданная стратегия из-за сложности формулирования различных вариантов. Однако, дублирование контента в этих двух тегах лишает поисковую систему возможности выбора оптимального заголовка для отображения в выдаче. Поэтому целесообразно настраивать их для разных целей: title ориентировать на ключевые запросы, а h1 – на привлечение внимания пользователей и маркетинговые цели. Это идеальный сценарий, но практическое воплощение может варьироваться в зависимости от конкретных условий.

Основные требования к заголовку h1​

1. Заголовок h1 должен быть лаконичным, но при этом ёмко и точно отражать суть содержимого страницы.
2. Хоть и в правилах html 5 написано, что заголовок h1 на странице может использоваться несколько раз. В конечном счете, вы должны стремиться к созданию логичной и понятной структуры для пользователей и поисковых систем. Если вы используете семантическую разметку, то использование нескольких h1 может быть уместно. Но если вы просто используете h1 для выделения различных блоков, не разбивая контент на семантические элементы, то лучше придерживаться принципа одного h1 на страницу. Я всегда использую только один h1 на странице в любом случае. Но и нужно понимать, что иногда h1 можно и вовсе не использовать, например для главной страницы сайта, где вместо заголовка может быть слайдер или другой элемент.
3. Размещайте h1 в самом начале контента. Перед ним не должны располагаться заголовки более низкого уровня (h2, h3 и т.д.).
4. Хотя существует неофициальное мнение, что длина h1 не должна превышать 50 символов, это не является строгим ограничением и может варьироваться в зависимости от конкретной страницы.
5. Как и в title, в h1 рекомендуется включать ключевые слова. Если это возможно, желательно использовать точное вхождение запроса, в противном случае можно разбавить его, но при этом сохранить читабельность и понятность для пользователя.

Как применять заголовки h2-h6 на странице​

1. Иерархия. Не используйте младший заголовок (например, h3) без предшествующего старшего (h2).
2. Размер. Заголовки более высокого уровня (h2) должны быть крупнее (размер шрифта), чем заголовки более низкого уровня (h3, h4 и т.д.).
3. Информативность. Каждый заголовок должен кратко и точно отражать тему следующего за ним раздела.
4. Ключевые слова. Не злоупотребляйте ключами. Используйте их умеренно, делая акцент на смысловой нагрузке. Помните, что заголовки h2-h3 могут попадать в сниппет поисковых систем.
5. Целесообразность. Используйте столько уровней заголовков, сколько необходимо для удобного чтения. Не нужно использовать все уровни "для галочки".
6. Логика. Структура заголовков должна быть логичной и помогать читателю ориентироваться в тексте.

Как делать заголовки вовлекающими​

Главная задача заголовка — показать, что вы предлагаете решение проблемы пользователя, а не просто товар или услугу.

Заголовок должен быть:

1. Кратким и информативным. Заголовок должен быть лаконичным, но передавать суть.
2. Привлекательным. Заголовок должен вызывать желание кликнуть.
3. Не обманывать. Заголовок должен соответствовать содержанию, иначе вы потеряете доверие пользователей. Не обманывайте ожидания, цель — привлечь, а не разочаровать.

Техники как сделать заголовок интересным:

1. Предлагайте решение:
Пример: Вместо "Можно ли избавиться от лишнего жира?", используйте "Избавьтесь от лишнего жира!".
Суть: Четко обещайте результат, но избегайте завышенных ожиданий.

2. Интригуйте:
Пример: Вместо "Хороший метод для похудения!", используйте "Делимся самым эффективным методом похудения!".
Суть: Заинтересуйте, обещая что-то уникальное или особенное.

Составляйте заголовки так, чтобы они были краткими, понятными и привлекательными, решая проблему пользователя и отвечая его запросу.

Частые ошибки​

Начинающие копирайтеры, редакторы или SEO-специалисты часто допускают одни и те же ошибки при работе с оптимизацией заголовков. Вот основные из них:

• Несколько h1. Лучше на странице использовать один h1.
• Нарушение иерархии. Несоблюдение порядка заголовков (например, h3 перед h2). Структура должна быть последовательной.
• Заспамленность ключевыми словами. Не превращайте заголовки в перечисление ключевых слов. Ключи нужны, но в разумных пределах и по приоритетности (h1 — самый важный ключ).
• Использование не по назначению. Не используйте h2-h6 в меню или в заголовках, не связанных с основным контентом.
• Несоответствие контенту. Заголовки должны точно соответствовать тексту, следующему за ними, без кликбейта и «желтизны».

Грамотное использование заголовков может улучшать читаемость и SEO-показатели страницы. Соблюдайте иерархию, информативность и умеренность ключевых слов. Заголовки должны быть написаны в первую очередь для людей, а потом уже для поисковых систем.