Как использовать заголовки h2-h4 на странице в SEO
Как нужно правильно использовать заголовки h2-h4 на странице с точки зрения SEO? Существует ряд правил, касающихся иерархии и содержания заголовков h2-H6, соблюдение которых положительно влияют на раскрутку сайта.
Чтобы спрогнозировать, как поисковые системы будут оценивать использование заголовков на странице, нужно отчётливо понимать для чего они служат. Пользователям удобнее и легче воспринимать хорошо структурированный контент. Текст должен быть разбит на логические блоки и оснащён картинками, где нужно — списками и таблицами.
Заголовки используются для таких блоков, которые в свою очередь, состоят из абзацев. Нужно стараться, чтобы каждый абзац был логически завершённой мыслью. Обратимся к схеме, которая лучшим образом демонстрирует правильную иерархию заголовков h2-h4 на странице:
Что касается заголовков h5-H6, то они могут быть использованы для блоков с неосновной, дополнительной, информацией на странице. Или их можно вообще не использовать. Содержание заголовков нижних уровней, явно в меньшей степени, влияет на релевантность страницы в глазах поисковых машин.
Следующая схема демонстрирует нарушение иерархической вложенности заголовков:
Вообще html-документы должны иметь не только логически выстроенную структуру, но и иметь семантическую разметку. Это значит — использование тегов по их прямому назначению. Не стоит с их помощью украшать страницу. Логическая структура и разметка позволяют поисковым машинам без труда определять смысловые части страницы, и она лучше ранжируется.
Теги h2-H6 с точки зрения SEO
Если стандарты HTML допускают некоторые вольности в отношении использования тегов, то с точки зрения SEO это недопустимо. Теги h2-H6 не должны содержать внутри себя других тегов, таких как B, Strong и прочих. Некоторые время назад на мой сайт был наложен фильтр Панда, основной причиной которого, по моему мнению, было не соблюдение этого правила.
С точки зрения SEO, теги h2-H6 не должны иметь классов CSS. Поисковые системы воспринимают class у тегов h2-H6, как попытку манипуляции. Подразумевается, что вы уменьшаете размер шрифта у заголовков и используете их не по назначению, а для повышения релевантности страницы. Выход такой: используйте CSS, но без классов.
Что касается универсального атрибута id, то в HTML5 он используется как якорь. Если идентификатор единственный не только на странице, но и на всём сайте, то видимо отношение к нему будет лояльнее.
Ключевые слова в тегах h2-H6
Теперь о наличии ключевых слов в тегах h2-H6. Конечно, они обязательно должны присутствовать в заголовках. Необходимо соблюдать общее правило для всех ключей на странице. Чем они ближе к её началу, и к началу, содержащего их элемента, тем выше будет их вес.
Обратите внимание на градиентный фон иллюстраций для этой статьи — он отображает значимость ключей на странице. Там где цвет темнее, вес ключей будет выше.
Снова обратимся к иерархии документа. Более важные ключевые фразы должны находиться в h2, а менее важные — располагаться по убыванию: в h3, h4. Но как быть с тегом Title? Лучше не делать теги Title и h2 идентичными, однако желательно, чтобы основная ключевая фраза содержалась в обоих.
Часть слов из Title, которые не вошли в h2, можно «разнести» по другим заголовкам. В них так же могут повторяться некоторые слова из основной ключевой фразы. Получатся «разбавленные» ключи, которые будут приводить трафик по низкочастотным запросам. Но не злоупотребляйте такими повторениями, не более 2-3 на странице, а то нарвётесь на санкции за переоптимизацию.
Теперь о типичных ошибках, и подведём итоги. Не перечисляйте в заголовках ключи через запятую, используйте знаки препинания по минимуму. Не стоит напирать на одни высокочастотные ключи. Лучшим будет краткий заголовок, отображающий логически выраженную мысль.
Не забывайте об уникальности заголовков в масштабе своего сайта, а лучше всей Сети, хотя это и трудновыполнимо. Ошибкой будет их чрезмерное употребление, когда под заголовком будет находиться один «жиденький» абзац, а дальше опять последует заголовок.
Читайте подробнее обо всём комплексе мер по seo раскрутке, где представлены инструкции по оптимизации сайта и улучшению внешних и поведенческих факторов. Кратко восстановим в памяти основные правила использования тегов h2-H6 на странице:
- Правильная иерархия.
- Внутри нет других тегов и ссылок.
- Нет классов.
- Наличие ключевых слов. Соответствие степени их важности рангу заголовка.
Некоторые вебмастера используют готовые шаблоны сайтов, где тег 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.
За сим разрешите откланяться. Ваш дед-сеошник.
Задавайте вопросы.