Заголовки h1 — h6 для SEO: подробная инструкция

Александр Овсянников (Интернет Мажор)
Обновлено: 30.07.2019
Заголовки h1-h6

Заголовки h1 — h6 — это элементы разметки HTML, которые определяют уровень важности заголовков на странице.

Соответственно, заголовок h1 является наиболее важным, а заголовок h6 — наименее. Благодаря этим тегам составляется правильная иерархия структуры страницы.

Для чего нужны

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

То есть, основное предназначение заголовков — привлечение внимания пользователя.

Но нельзя забывать и о том, что благодаря заголовкам, вебмастер создает грамотную иерархию, структуру контента на странице, удобство для потребления контента, что напрямую влияет на SEO-оптимизацию ресурса.

Анализируя заголовки, поисковые роботы оценивают общую релевантность и актуальность информации, представленной на странице, для пользователя.

Заголовки в статье

Визуально, заголовки в теле документа выглядят следующим образом:

Заголовки h1-h6 в статье

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

Заголовки в коде

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

Баннер заработок на малостраничных сайтах
Заголовки h1-h6 в коде

Более наглядный пример в коде:

Пример h1 в коде

Тут все понятно и логично: каждый заголовок задается соответствующим HTML-тегом своего уровня.

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

Оформляя страницу сайта, нужно обязательно использовать заголовки. Но делать это нужно логично и обдуманно. Существует строгий порядок расположения тегов h1-h6 в теле документа.

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

Например, на нашем сайте он выглядит вот так:

Пример заголовка h1 на сайте

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

Очень часто, этого заголовка h2 достаточно для грамотного и правильного оформления страницы. Но бывает и так, что приходится использовать следующий заголовок: h3.

Пример заголовков h2 и h3

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

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

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

Главное — нужно заботиться об удобстве восприятия материала пользователем.

Для примера приведу правильную иерархию статьи:

заголовки

Почему h1 самый главный

Заголовок h1 — это общий заголовок всего документа, поэтому он может использоваться только один раз.

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

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

Почему h1 должен различаться с Title

Title также является основным заголовком документа, но указывается он не только для посетителей сайта, но и для поисковых роботов. Увидеть title можно на странице поисковой выдачи или во вкладке браузера с открытой страницей сайта.

Пример title
Пример отображения title в поисковой выдаче

Заголовок h1 должен отличаться от Title, потому что у них разная цель.

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

Во вторых. Заголовок h1 указывает поисковым системам на то, что контент, расположенный на этой странице, соответствует вписанному в нее заголовку title, ранее изученному пользователем на странице поисковой выдачи.

А основная задача title — это быть оптимизированным под поисковые запросы. Более подробно про составление title читайте в нашей статье.

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

Но повторяя их содержимое вы не даете поисковой системе ничего нового. Поэтому желательно их затачивать под разные цели. Title — преимущественно для seo. H1 — для конверсии и мареткинга. Это в идеале, но а сама реализация зависит от конкретной ситуации.

Требования к h1

  • Нужно стараться делать заголовок h1 кратким, но в то же время максимально информативным. В идеале не более 5-7 слов.
  • Заголовок h1 не рекомендуется повторять на одной и той же странице несколько раз. Главное правило: одна страница — один заголовок h1.
  • Заголовок размещается вверху всего документа.
  • Перед заголовком h1 нельзя использовать менее приоритетный заголовки h2, h3 и т.д.

Существует негласное мнение, что длина заголовка h1 не должна превышать 50 символов. Но не критично, если этот предел будет превышен. Все индивидуально и зависит от содержимого страницы.

В заголовке h1, как и в title, рекомендуется использовать ключевые слова. Если получается сделать это в точном вхождении запроса — замечательно. Если такой возможности нет, то запрос можно разбавить. Главное, чтобы заголовок был читабельным и понятным.

Как сделать заголовок цепляющим

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

Существуют множество приемов составления привлекательного заголовка. Рассмотрим некоторые из них.

Решаем проблему пользователя

Например, можно написать два разных заголовка:

  • «Болит голова? Избавьтесь от головной боли за неделю!»
  • «Можно ли избавиться от головной боли?»

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

Интригуем посетителя

Опять, для примера два варианта заголовков:

  • «Делимся самым эффективным методом лечения головной боли!»
  • «Хороший метод лечения головной боли!»

Первый заголовок будет более привлекательным для посетителя.

Метод «экзамена»

Данный способ составления заголовков провоцирует пользователя открыть статью, с целью проверки собственных знаний. Например:

  • «Вы точно знаете, что правильно боретесь с головной болью?»
  • «Все ли вам известно о борьбе с головной болью.»

Первый вариант опять более удачный, нежели второй.

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

Как использовать заголовки h2-h6

  • Необходимо понимать, что наименьший заголовок не может присутствовать в тексте, в котором нет большего заголовка. Например, если в документе прописан заголовок h3, то перед ним обязательно должен стоять заголовок h2.
  • Чем выше приоритетность заголовка, тем больше должен быть размер его шрифта. Во всех известных CMS эта функция, как правило, реализована по умолчанию.
  • Каждый заголовок должен быть емким и информативным, отображающим основную суть материала, последующего за ним.
  • Теги h2-h6 не должны включать в себя другие HTML теги или элементы разметки.
  • Не нужно спамить в заголовках ключевыми словами. Как правило, запросы используются при составлении title и h1. В заголовках h2-h6 ключи использовать можно, но стоит делать это с осторожностью. Главное — это раскрыть суть информации, которая последует за заголовком.
  • Нужно помнить что в поисковую выдачу Яндекс вместо title могут попадать заголовки h2-h3.

Не нужно пытаться вставить все уровни заголовков в текст, руководствуясь принципом «чтобы было». Если объем информации небольшой, то заголовков h2-h6 может и не быть. В первую очередь, нужно руководствоваться здравым смыслом, ориентируясь на то, насколько удобно читать ваш текст. Ну и, конечно же, необходимо соблюдать иерархию заголовков, о которой мы говорили ранее.

Частые ошибки использования заголовков h1-h6

Зачастую, составляя заголовки h1-h6, вебмастера допускают одни и те же ошибки. Разберем их более подробно.

  • На странице встречаются несколько заголовков h1. Это самая грубая ошибка, которая, как не странно, встречается чаще всего. Главное правило: один документ — один заголовок h1.
  • Не соблюдается иерархия заголовков. Не все понимают этот момент, считая, что вправе оформлять текст так, как заблагорассудится. Поисковые системы считают иначе. Иерархия заголовков должна соблюдаться.
  • Заголовки, составленные из ключевых слов. Использовать ключи в заголовках можно, то только в пределах разумного. Не стоит оформлять в виде заголовка несколько ключей, перечисляемых через запятую. Как правило, заголовки содержат ключи в порядке их приоритетности. То есть, заголовок h1 включает в себя наиболее высокочастотный запрос, а заголовок h6 (если он используется) — низкочастотный запрос.
  • Не стоит использовать теги h2-h6 в элементах меню или в других заголовках, которые не относятся к контенту.

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

WordPress — наиболее распространенная система управления сайтом. Поэтому разберемся с ней более подробно.

Заголовок h1 прописывается в поле над основным содержимым документа:

Добавить заголовок h1 в wordpress

Остальные уровни заголовков h2-h4 оформляются следующим образом. Пишется текст и преобразуется в заголовок:

Wordpress выбор заголовков

После выбирается необходимый уровень заголовка:

Wordpress вставка h2-h4

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

Заголовок h2 в коде wordpress

Частые вопросы

Можно ли использовать заголовок h1 несколько раз в HTML 5?

HTML 5 в своих правилах разрешает использовать несколько заголовков h1. Но я специально написал с этим вопросом в службу поддержки Яндекс, на что они мне ответили, что рекомендуется использовать h1 всего один раз, даже в HTML 5.

Обязательно ли использовать заголовок h1 на главной странице?

Не обязательно, если это невозможно осуществить, то можно и не использовать.

Заключение

Использование заголовков в документе позволяет сделать текст более удобным для восприятия пользователя. Составляя заголовки, нужно соблюдать их иерархию и заботиться о привлекательности и емкости текста. Заголовки не должны быть кликбейтными и «желтыми». Каждый заголовок должен соответствовать тексту, который следует после него.

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

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

Рейтинг статьи: / 5. Кол-во оценок:

Александр Овсянников ака Интернет Мажор
Занимаюсь продвижением и заработком на сайтах с 2009 года.
2
Оставить комментарий
avatar
1 Цепочка комментария
1 Ответы по цепочке
1 Последователи
 
Популярнейший комментарий
Цепочка актуального комментария
2 Авторы комментариев
Интернет МажорНикита Авторы недавних комментариев
  Подписаться  
Уведомление о
Никита
Никита

Хотел сказать спасибо за отличные статьи! Надеюсь вы не забрасите проект.