Заголовки h1 h2 h3 что такое: Как использовать заголовки H1-H3 на странице в SEO – Заголовки h1-h6: как правильно прописать, примеры

Как использовать заголовки h2-h4 на странице в SEO

h2-h4

Как нужно правильно использовать заголовки h2-h4 на странице с точки зрения SEO? Существует ряд правил, касающихся иерархии и содержания заголовков h2-H6, соблюдение которых положительно влияют на раскрутку сайта.

Чтобы спрогнозировать, как поисковые системы будут оценивать использование заголовков на странице, нужно отчётливо понимать для чего они служат. Пользователям удобнее и легче воспринимать хорошо структурированный контент. Текст должен быть разбит на логические блоки и оснащён картинками, где нужно — списками и таблицами.

Заголовки используются для таких блоков, которые в свою очередь, состоят из абзацев. Нужно стараться, чтобы каждый абзац был логически завершённой мыслью. Обратимся к схеме, которая лучшим образом демонстрирует правильную иерархию заголовков h2-h4 на странице:

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

Что касается заголовков h5-H6, то они могут быть использованы для блоков с неосновной, дополнительной, информацией на странице. Или их можно вообще не использовать. Содержание заголовков нижних уровней, явно в меньшей степени, влияет на релевантность страницы в глазах поисковых машин.

Следующая схема демонстрирует нарушение иерархической вложенности заголовков:

Вообще html-документы должны иметь не только логически выстроенную структуру, но и иметь семантическую разметку. Это значит — использование тегов по их прямому назначению. Не стоит с их помощью украшать страницу. Логическая структура и разметка позволяют поисковым машинам без труда определять смысловые части страницы, и она лучше ранжируется.

Теги h2-H6 с точки зрения SEO

Если стандарты HTML допускают некоторые вольности в отношении использования тегов, то с точки зрения SEO это недопустимо. Теги h2-H6 не должны содержать внутри себя других тегов, таких как B, Strong и прочих. Некоторые время назад на мой сайт был наложен фильтр Панда, основной причиной которого, по моему мнению, было не соблюдение этого правила.

С точки зрения SEO, теги h2-H6 не должны иметь классов CSS. Поисковые системы воспринимают class у тегов h2-H6, как попытку манипуляции. Подразумевается, что вы уменьшаете размер шрифта у заголовков и используете их не по назначению, а для повышения релевантности страницы. Выход такой: используйте CSS, но без классов.

Что касается универсального атрибута id, то в HTML5 он используется как якорь. Если идентификатор единственный не только на странице, но и на всём сайте, то видимо отношение к нему будет лояльнее.

Ссылки внутри заголовков тоже не допустимы. Спецификация HTML5 допускает обратную ситуацию: можно поместить в тег A весь блок, состоящий из любых элементов, кроме самого тега A: заголовка, абзаца, изображения, строковых элементов Span. Возможно в этом случае, это тоже допустимо.

Ключевые слова в тегах h2-H6

Теперь о наличии ключевых слов в тегах h2-H6. Конечно, они обязательно должны присутствовать в заголовках. Необходимо соблюдать общее правило для всех ключей на странице. Чем они ближе к её началу, и к началу, содержащего их элемента, тем выше будет их вес.

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

Снова обратимся к иерархии документа. Более важные ключевые фразы должны находиться в h2, а менее важные — располагаться по убыванию: в h3, h4. Но как быть с тегом Title? Лучше не делать теги Title и h2 идентичными, однако желательно, чтобы основная ключевая фраза содержалась в обоих.

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

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

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

Читайте подробнее обо всём комплексе мер по seo раскрутке, где представлены инструкции по оптимизации сайта и улучшению внешних и поведенческих факторов. Кратко восстановим в памяти основные правила использования тегов h2-H6 на странице:

  1. Правильная иерархия.
  2. Внутри нет других тегов и ссылок.
  3. Нет классов.
  4. Наличие ключевых слов. Соответствие степени их важности рангу заголовка.

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

Что такое заголовки Н2 и Н3?, DELETED — Advego.com

Тип текста: ЛюбойКопирайтингРерайтинг без источникаПеревод

Язык: ЛюбойRussian - РусскийEnglishGermany - DeutschSpanish - EspañolFrench - FrançaisChinese - 中国Ukrainian - УкраїнськаJapanese - 日本のPortuguese - PortuguêsPolish - PolskiItalian - ItalianoTurkish - TürkArabic - العربيةVietnamese - tiếng ViệtKorean - 한국의Urdu - اردوPersian - فارسیHindi - हिन्दीDutch - HollandskFinnish - suomalainenAnother language - другой язык

Категория: ЛюбаяБез категорииIT, софтАвиация, военная техника, ГОАвто, мотоАзартные игры, казино, покерБытовая техникаДизайн и предметы интерьераДомашние животныеДомашние растения, цветы, растительный мирЗакон и ПравоИгрушки, товары для детейИнтернет-маркетинг, SEO, SMM, создание сайтовИстория, религия, традиции и обрядыКиноКомпьютерные игры, видеоигры и приставкиКрасота и здоровье, питание, диеты, фитнесКулинарияКультура и искусствоЛандшафтный дизайн и архитектураМатериалы 18+Мебель и аксессуарыМедицина, лечение и профилактика болезнейМобильные игры и приложенияМода и СтильМузыкаНаука, открытия, высокие технологииНедвижимостьНепознанное: фэн-шуй, астрология, гороскопыОбразование, учеба, тренингиОтдых, активные игры, охота и рыбалкаОтношения, знакомства, личная жизньПолиграфия, рекламная продукция, маркетингПолитика: аналитика и обзорыПраздники и торжества, свадьбаПрирода и экологияПромышленность и оборудованиеПсихологияРабота и карьера, фрилансРемонт и обустройствоРукоделие, хобби, handmadeСад и огород, сельское хозяйствоСемья, воспитание детей, беременность и родыСобственный бизнес, ForexСпорт и спортивный инвентарь, велотехникаСтихи и поздравленияСтроительный инструмент и материалы, садовая техникаСтроительство домов, дачное хозяйствоТуризм, достопримечательностиУслуги и сервисФинансы, банки и кредиты, экономикаФототехника, искусство фотографииЭлектроника: гаджеты, мобильные телефоны, компьютеры, телевизорыЮмор

Теги заголовков h2, h3, h4 на страницах сайта: использование для SEO, примеры

Техническая SEO-оптимизация страниц предполагает использование целого ряда тегов и мета-тегов: <title>, <meta name="description">, <link rel="canonical"> и других. От грамотного применения этих тегов, их атрибутов и содержимого во многом зависит, правильно ли поисковая система распознает ваш контент, насколько высоко он будет ранжироваться, как будет выглядеть сниппет в поисковой выдаче, какая версия страницы будет показана пользователю.

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

Немного теории

Всего в HTML существует 6 тегов заголовков – от <h2> до <h6>. Цифра в теге показывает относительную важность раздела, идущего после заголовка: <h2> является наиболее значительным, тогда как <h6> – наименее. В соответствии с этим, по умолчанию HTML отображает заголовки разных уровней шрифтами разных размеров: <h2> будет самым крупным, а каждый последующий – немного меньше.

Теги заголовков – это блочные элементы: они всегда располагаются с новой строки; также с новой строки размещаются элементы, следующие за ними.

Как оптимизировать заголовки для SEO

Одним из самых сильных сигналов для поисковых систем является заголовок первого уровня <h2>. Он уступает по силе тегу <title>, однако ключевые слова, содержащиеся в нем, также оказывают сильное влияние на ранжирование.

Исходя из этого, мы в Arto Web Agency используем такой подход к составлению заголовков: употребляя ключевые слова, размещаем самые высокочастотные и важные ключи в <title>, следующие по важности – в <h2>. В этих двух тегах можно использовать одни и те же слова, однако, с точки зрения оптимизации лучше делать их различными: так вы сможете употребить больше ключевых слов и их синонимов.

Заголовки более низких уровней (<h3>, <h4> и так далее) являются более слабыми сигналами для поискового робота. В них можно включить низкочастотные и менее важные ключевые слова. Те ключи, которые «не поместятся» в заголовки, стоит употребить непосредственно в тексте. Пример ТЗ для копирайтера с заголовками, составленными по такому принципу, вы можете увидеть ниже.

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

Пример страницы из ТЗ для копирайтера со структурой заголовков статьи, составленной на основе поисковых запросов

Важно не «переспамить» заголовки ключевыми словами: желательно, чтобы в пределах одного заголовка каждое ключевое слово встречалось не более одного раза; если же контекст требует употребить его несколько раз, то лучше включать слово в разных словоформах.

Именно из-за того, что теги заголовков имеют важное семантическое значение, не стоит ими пренебрегать и оформлять в виде заголовка обычный текст при помощи стилей, как это иногда делают вебмастера. С другой стороны, не следует использовать теги <h2> – <h6> как элементы дизайна, например, выделять этими тегами семантически незначимые элементы страницы: например, ссылку на корзину в интернет-магазине или фразу «Наш блог» в боковой панели товарного каталога.

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

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

Нужна помощь по SEO?

Мы в Arto готовы помочь! Наше агентство предоставляет улуги SEO-аудита, консультаций и продвижения сайтов как молодого бизнеса, так и крупных компаний. Наш подход – максимальная открытость и ответственность. Если у вас есть запрос на поисковую оптимизацию, свяжитесь с нами, нажав на кнопку ниже. НАПИСАТЬ ЗАПРОС Воспользуйтесь этой формой, чтобы отправить запрос. Как только мы обработаем ваше обращение, то сразу свяжемся с вами.

Логическая последовательность заголовков

Размещая заголовки на странице, стоит следить за тем, чтобы они располагались в правильной иерархической последовательности. Согласно стандартам HTML4, заголовок первого уровня на странице должен быть только один (это правило может нарушаться в HTML5, о чем поговорим ниже). Внутри текста, обозначенного заголовком <h2>, может быть несколько разделов, каждый из которых начинается с заголовка <h3>; в свою очередь, каждый из них можно разбить на подразделы заголовками <h4> и так далее. При этом некоторые из разделов могут и не иметь подразделов. Вот так, например, будет выглядеть правильная логическая структура заголовков:

А так – неправильная:

Заголовки третьего уровня встречаются реже, чем второго: для небольшой статьи объемом до 5000 символов обычно вполне можно обойтись тегами <h2> и <h3>. Заголовки четвертого и ниже уровней используются достаточно редко. Они могут иметь смысл для текстов большого объема и сложной структуры – например, юридической или технической документации, но такие документы зачастую будет удобнее загрузить на сайт в формате PDF, а не выделять для них отдельную HTML-страницу.

Аудит заголовков

Для быстрой проверки заголовков на всем сайте можно воспользоваться Screaming Frog SEO Spider или другим приложением для SEO-аудита. После проверки вы сможете увидеть страницы, где заголовки первого уровня отсутствуют или дублируются, слишком длинные заголовки и т.д.

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

Пример отображения структуры страницы в HeadingsMap

Кроме правильной последовательности тегов <h2> – <h6>, стоит помнить и о том, чтобы размер шрифта соответствовал важности заголовка. Согласитесь, если на странице есть, например, три уровня заголовков, то ее структура уже и так достаточно сложна; если же вдруг окажется, что заголовок третьего уровня при помощи стилей выведен более крупным шрифтом, чем второго уровня, то пользователь легко запутается в тексте.

Теги заголовков и HTML5

В стандарте HTML5 были введены новые семантические элементы: <section>, <article> и другие. Использование этих элементов позволяет размещать внутри каждого из них свою иерархию заголовков; то есть, на странице теперь может быть больше одного заголовка <h2>. Это может быть удобно, например, для ленты блога, где общим заголовком первого уровня для страницы будет, например, «Наш блог», а заголовками отдельных секций – названия статей. С другой стороны, можно сохранить общую структуру заголовков для всей страницы. То есть, приемлемыми будут оба варианта:

В Google также утверждают, что в использовании нескольких заголовков <h2> на странице нет ничего предосудительного: поисковая система корректно распознает такую разметку.

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

  • Всегда используйте на странице заголовок первого уровня <h2> (один на всю страницу или отдельный для каждой секции). Другие заголовки применяйте тогда, когда они действительно нужны, чтобы структурировать контент.
  • Используйте в заголовках ключевые слова. Чем выше уровень заголовка, тем более важные и частотные ключевые слова должны в нем фигурировать. Не злоупотребляйте ключевыми словами, чтобы избежать «переоптимизации».
  • Следите за релевантностью заголовков: они должны кратко передавать то, о чем пойдет речь в тексте.
  • Соблюдайте логическую последовательность тегов заголовков.
  • Не используйте заголовки как элементы дизайна.
  • Старайтесь делать заголовки цепляющими, чтобы привлечь пользователей.

Влияние заголовков h2, h3, h4, h5, h5, h6 на продвижение

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

Справочник BookHtml.ru: правильная и валидная запись атрибутов и заголовков

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

Примеры правильных h2 заголовков на основе запроса «продвижение сайтов»:

Продвижение сайтов
Поисковое продвижение сайтов
Продвижение сайтов в поисковиках

Заголовки h3 – h6 должны содержать в себе различные склонения ключевых слов и более подробно раскрывать в себе тему страницы. Например:

Методы продвижения сайтов
Гарантии на продвижение сайта
Как продвинуть сайт быстро

Дополнительно хочется отметить заголовки в сайдбарах или подвалах сайтов. Такие подзаголовки, как «Каталог», «Новости», «Полезная информация», «Акции» я всегда разбиваю по смыслу и заключаю в теги h4 – h5. Судя по опыту, это даёт хорошие плюсы к продвижению сайта. Таким образом мы не только охватываем в оптимизации большее количество словосочетаний, но и разбавляем заголовки, тем самым минимизируя риск словить фильтр за переспам.

Использование нескольких тегов h2 на странице

Для примера приведу сайт, которым я в своё время занимался: 98auto.ru

Как явно видно на скриншоте, сайт занимает 2 позицию по вполне себе высококонкурентному запросу «авто в кредит». Позиции сайта постоянно прыгают, но всегда находятся в топ3. И вот на главной странице этого сайта присутствуют 6 (шесть) тегов h2.

За сим разрешите откланяться. Ваш дед-сеошник.

Задавайте вопросы.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *