<h1>–<h6>: HTML-элементы заголовков секций
Примечание: Атрибут align устаревший; не используйте его.
Примечания к использованию
- Информация о заголовке может использоваться пользовательскими агентами, например, для автоматического создания оглавления для документа
- Не используйте низкие уровни чтобы снизить размер шрифта: используйте CSSfont-size вместо.
- Избегайте пропуск уровней заголовков: всегда начинайте с <h1> , потом используйте <h2> , и так далее.
- Вам следует рассмотреть избегание использования <h1> более раза на страницу.
Примеры
Все заголовки
Следующий код показывает все уровни заголовков в действии
Вот результат этого кода:
Пример страницы
Следующий код показывает несколько заголовков с некоторым содержанием под ними .
Проблемы доступности
Навигация
Обычный метод навигации для пользователей программ чтения с экрана — это переход от заголовка к заголовку для быстрого определения содержимого страницы. Из-за этого важно не пропускать один или несколько уровней заголовка. Это может создать путаницу, так как человеку, который движется по этому пути, может быть интересно узнать, где находится отсутствующий заголовок.
Не делай
Делай
Расположение
Заголовки могут быть вложены в подразделы, чтобы отразить организацию содержимого страницы. Большинство программ чтения с экрана также могут создавать упорядоченный список всех заголовков на странице, что может помочь человеку быстро определить иерархию содержимого:
- h1 Жуки
- h2 Этимология
- h2 Распределение и разнообразие
- h2 Эволюция
- h3 Поздний палеозой
- h3 Юрский период
- h3 Меловойский период
- h3 Кайнозойский период
- h3 Голова
- h4 Рот
- h4 Передгрудь
- h4 Пиероторакс
Когда заголовки вложены, уровни заголовков могут быть «пропущены» при закрытии подраздела.
Содержание раздела маркировки
Другим распространённым методом навигации для пользователей программ чтения с экрана является создание списка содержимого секций и использование его для определения макета страницы.
Содержимое секционирования можно пометить, используя комбинацию aria-labelledby и id атрибута, с ярлыком, кратко описывающим назначение раздела. Этот метод полезен в ситуациях, когда на одной странице имеется более одного элемента секционирования.
Пример
В этом примере технология чтения с экрана объявила бы, что есть два <nav> разделы, один называется «Основная навигация», а другой — «Нижний колонтитул». Если ярлыки не были предоставлены, человеку, использующему программное обеспечение для чтения с экрана, возможно, придётся расследовать каждый nav содержание элемента, чтобы определить их назначение.
Как правильно написать SEO заголовки h1, h2, h3. Проверка тегов на странице
Заголовки необходимы, чтобы коротко описать основную тематику текста на странице, грамотно его структурировать, выделить разделы, показать их иерархию. С их помощью пользователю будет намного проще ориентироваться в контенте и находить нужный ему материал.
Иерархия заголовков на странице
В языке HTML, на котором создаются web-стрницы, существует 6 уровней заголовков — от тега h1 до h6. Каждый из них в иерархической цепочке подчинен предыдущему. Самый главный заголовок — тег h1, в него вложен подзаголовок h2, соответственно, h3 уже разграничивает текст внутри h2 и т. д.
Пример иерархии с правильной вложенностью тегов:
Как мы видим, в такой иерархии прослеживается логическая последовательность, благодаря которой становится понятно содержание текста и тематика каждого раздела. Недопустимо нарушать иерархию, например, использовать тег Н3 перед Н2 или использовать тег Н6, если на странице нет Н4 и Н5. Как правило, для оформления текста на сайте достаточно тегов Н1 — Н3. Остальные используют в редких случаях.
Пример визуального отображения заголовков в тексте:
Как заголовки в тексте влияют на продвижение сайтов?
Правильно оформленные заголовки помогают пользователю ориентироваться на странице. Текст с удобной структурой и интересными подзаголовками привлекает посетителей и побуждает их дольше оставаться на странице интернет-магазина. Это положительно отражается на поведенческих характеристиках сайта и способствует росту его позиций в результатах поисковой выдачи.
Яндекс и Google рекомендуют использовать заголовки и подзаголовки для удобства пользователей.
Они помогают и поисковым роботам быстрее разобраться со структурой документа, определить характер и качество контента. Содержимое заголовков учитывается поисковыми системами для определения релевантности страницы поисковому запросу.
Слова, размещенные в тег Н1, получают больший вес, чем остальной текст на странице.
Заголовок (тег) h1
Тег h1 — самый главный заголовок на странице. Он считается названием документа и должен отображать суть размещенного контента. Это поможет пользователям и поисковым роботам точно определить назначение страницы.
Неправильное употребление данного заголовка может просто негативно сказаться на ранжировании станицы, именно поэтому его написанию и оптимизации следует уделить особое внимание.
Правила, которые нужно соблюдать при написании Н1
Правильно написанный заголовок уровня Н1:
располагается выше текста и заголовков следующих уровней и пишется шрифтом наибольшего размера;
отражает содержание текста;
присутствует на странице в единственном экземпляре, если иного не требует логическая структура текста;
не совпадает с Тitle (тайтл) или другими тегами;
уникален для каждой страницы;
длина тега имеет значение: не слишком длинный (количество 60-70 символов) — хотя при ранжировании учитывается больше слов, чем выводится на экран, надо учитывать, что чем больше слов в заголовке, тем меньше будет "вес" каждого из них по формуле БМ25;
содержит в себе ключевое слово — это значимый фактор ранжирования для поисковых систем;
не должен быть переоптимизированным;
в конце не ставится точка (при этом может стоять восклицательный или знак вопроса).
Как прописывать ключевые слова в Н1?
Заголовок на главной странице должен содержать в себе релевантные запросы. Это значимый фактор ранжирования для поисковых систем. На страницах с описанием конкретных товаров пишите заголовки с низкочастотными ключевыми словами.
Ключевое слово должно находиться как можно ближе к началу заголовка.
Избегайте переспама в Н1. Не стоит употреблять слишком много ключевых слов и включать фразы в прямом вхождении, если они звучат неестественно. Используйте разные словоформы и разбавленные вхождения.
Не обязательно всегда начинать заголовок со слов «купить» или «цена» — это может стать негативным сигналом для поисковых систем.
Употребление заголовков Н1 и Тitle
Н1 не должен совпадать с МЕТА-тегом Тitle — заголовком, который описывает содержимое страницы для поисковых систем, а также отображается во вкладке браузера. Тitle можно увидеть и в качестве заголовка сниппета в поисковой выдаче.
Использование одинаковые ключевых слов в МЕТА-теге Тitle и заголовке H1 создает угрозу наложения санкций со стороны поисковых систем. Поскольку Тitle и тег h1 имеют большое значение для ранжирования сайта в результатах поиска, то написание одних и тех же ключевых слов в данных элементах может быть расценено как попытка искусственного увеличения их веса. Также не рекомендуется использовать дубль тега h1 в Description.
Страницы с совпадающими тегами Title и Н1 показывает отчет «Ошибки МЕТА тегов» в разделе «SEO-аудит» сервиса «Лабрика».
Сколько раз можно прописать заголовок (тег) Н1 на странице?
Только один! Правилами языка HTML 5 допускается использование нескольких заголовков Н1.
Тег h1 для Google
Согласно нашим исследованиям, Google не считает наличие нескольких заголовков Н1 критической ошибкой. Специалист компании Мэтт Каттс также говорил о возможности размещения на странице нескольких тегов H1 в тех случаях, когда этого требует логическая структура контента. Однако автор рекомендовал не злоупотреблять этим тэгом и не применять его без необходимости. Например, не стоит выделять тэгами заголовка значительные фрагменты текста. Это, как и слишком частое использование заголовков, не соответствующее структуре статьи, может привести к понижению страницы в результатах поисковой выдачи.
Тег h1 для Яндекс
Важно понимать: для Яндекса присутствие нескольких тегов h1 на странице является отрицательным сигналом ранжирования в интернете.
Информацию по наличию на странице нескольких заголовков h1 можно получить с помощью отчета «Ошибки МЕТА тегов» в разделе «Технический аудит» сервиса «Лабрика».
Как составить «цепляющий» заголовок?
Создание привлекательных заголовков — сложная работа. Чтобы заголовок привлекал внимание пользователей он должен:
сразу показать читателю полезность данного контента — например, предложить решение проблемы, получение какой-либо выгоды и т. п.:
«Как писать заголовки в SMM»;
добавлять интригу — обещать какую-либо эксклюзивную, самую полную, самую актуальную информацию:
«Создаем самый надежный пароль и запоминаем его»;
быть понятным и предоставлять точные, конкретные данные в цифрах — это вызовет больше доверия:
«100+ заголовков, привлекающих внимание»;
обозначать некоторую целевую аудиторию, то есть указывать, для кого предназначен контент страницы:
«Как придумать заголовок к статье? Шпаргалка копирайтера»;
включать побудительные глаголы — они помогут создать нужное вам отношение пользователя к содержимому страницы:
«Получайте новости о конкурсах и грантах быстрее всех!»;
бросать читателю вызов, предлагать ему проверить свои знания:
«А вы знаете, как правильно читать книги?».
Помните, что создание заголовка должно соответствовать контенту страницы вообще. Если вы обманете ожидания читателя, вызванные заголовком, то потеряете доверие к следующим своим текстам и трафик.
Правила оформления заголовков Н2 — Н6
Подзаголовки уровней Н2 — Н6 прописываются внутри текста страницы, чтобы выделить его разделы. Они также учитываются поисковыми системами при анализе контента страницы и должны соответствовать определенным правилам.
располагаться в строгом соответствии с уровнем иерархии;
раскрывать тематику раздела;
начинаться с новой строки;
отличаться по стилю от основного текста и заголовков других уровней;
Заголовки не должны:
включать ниакие другие теги, например, для дополнительного выделения жирным шрифтом;
использоваться для выделения фраз и предложений, не являющихся заголовками по смыслу;
избыточно наполняться ключевыми словами;
находиться в элементах меню и содержать активные ссылки.
Переспам ключевыми словами и наличие тегов в заголовках Н1, Н2, Н3 можно найти с помощью отчета «Тошнота слов на страницах» в разделе «SEO-аудит» сервиса «Лабрика».
Способы: как сделать заголовок Н1 — Н6 в CMS ?
Обычно в шаблонах систем управления контентом (CMS) заголовок Н1 отображается как название страницы. В других CMS Н1, как и подзаголовки в тексте, нужно вручную добавить в содержимом страницы с помощью редактора. Для этого нужный текст выделяется, а в меню выбирается заголовок соответствующего уровня. Проверьте, как прописываются заголовки в систем управления вашего ресурса.
Пример в WordPress:
Сколько всего уровней заголовков HX?
Использование html тега заголовка h1 на странице допускается не более одиного раза и по умолчанию, заголовок первого уровня H1 отображается самым крупным (среди прочих тегов H) шрифтом жирного начертания. Остальные теги заголовков H имеют шрифт меньшего размера в зависимости от уровня.
Сколько всего уровней заголовков HTML?
Спецификация HTML описывает шесть видов заголовков: <h1> , <h2> , <h3> , <h4> , <h5> и <h6> . Число в названии элемента отражает его приоритет. При этом <h1> самый общий, а <h6> наиболее специфичный.
Чем отличается h1 от h2?
Заголовок H1 должен встречаться на странице только один раз. Данный заголовок помещается в самом начале текста, желательно вверху страницы. Заголовок H1 должен располагаться выше заголовков других уровней (перед ним не допускается ставить, например, заголовок H2).
Сколько должно быть h2 на странице?
Сколько заголовков h2 может быть на странице для эффективного продвижения сайта? Ограничения по количеству заголовка есть только у H1, он должен быть на странице 1. Заголовков H2 может быть сколько угодно, но для эффективного продвижения сайта необходимо соблюдать структуру.
Как сделать заголовок H1?
Записывают заголовки в виде html тегов от <h1> до <h6>. Они отвечают за структуру страницы и ранжируются по приоритету важности. <H1> — заголовок первого уровня, он оглавляет текст и пишется в начале страницы. Его анализируют поисковики в первую очередь.
Что должно быть в H1?
Принципы грамотного составления h1Он должен быть уникальным для всех страниц сайта и легко читаться;Не должен дублировать мета-тег title, но и не должен противоречить ему;Не пишите слишком длинные H1 (используйте больше текста в title);Не используйте этот тег более чем один раз на странице;
Как правильно написать H1?
Правила заполнениябыть прописан на каждой странице;быть использован в коде страницы только один раз;отличаться от title страницы;находиться в контенте страницы выше других тегов заголовков и отличаться от них визуально размером шрифта;иметь вхождение основного ключевого слова, релевантного данной странице;•4 июл. 2018 г.
Что такое H 1?
h1 (h – от header, а 1 – это уровень) – это заголовок первого уровня, который не является мета-тегом, но вместе с мета-тегами title и description составляют основу представления страницы для поисковиков.
Как найти H1 на сайте?
Чтобы найти тег H1: Используйте Ctrl + F и введите <H1, чтобы проверить наличие тега на странице.
Как правильно писать заголовки на сайте?
Заголовки — первое, что прочитают посетители вашего лендинга. Как правильно писать заголовки на сайтеПишите в заголовке о пользе товара или услуги. . Если у вас есть реальное преимущество перед конкурентами — вынесите его в заголовок.Если можете указать цифру — указывайте.Заголовок должен быть не более двух-трех строк.•12 февр. 2020 г.
Какой правильный HTML код для добавления цвета фона?
Цвет фона веб-страницы задается с использованием атрибута bgcolor тега <body>. Цвет можно указывать в шестнадцатеричном значении или по его имени.
Как оформить заголовок HTML?
Сделать заголовок текста страницы в html очень просто — достаточно между тегами <h>(<h1>, <h2>. ) написать его содержание. В результате, написанный текст получит заданные по умолчанию размер, отступы станет заголовком.
Как можно оформить заголовок?
При оформлении заголовка следует учесть правила:заголовок располагают «по центру» страницы или «по левому краю»;точка в конце заголовка не ставится;перенос слов в заголовках не допускается;не желательно переносить часть заголовка, оставляя на конце предлог, или часть названия (см.
Как сделать заголовок для текста?
Добавление заголовкаВыделите текст, который хотите использовать в качестве заголовка.На вкладке Главная наводите указатель мыши на разные виды заголовков в коллекции стилей. Чтобы увидеть, как будет выглядеть стиль заголовка в документе, задержите на нем указатель. Выберите понравившийся вариант.
Как сделать параграф в HTML?
Для разметки параграфов предназначен тег <p> (от английского «paragraph»). По умолчанию абзацы начинаются с новой строки и отделяются от остального контента отступами сверху и снизу. Так что, если нужно отделить один блок текста от другого, верным решением будет заключить их в теги <p> .
Сколько всего уровней заголовков hx
Когда пишется HTML-документ, текст структурно делится на просто текст, заголовки частей текста, заголовки более высокого уровня и т.д. Первый уровень заголовков (самый большой) обозначается цифрой 1, следующий — 2, и т.д. Большинство броузеров поддерживает интерпретацию шести уровней заголовков, определяя каждому из них собственный стиль. Заголовки выше шестого уровня не являются стандартом и могут не поддерживаться броузером. Заголовок самого верхнего уровня имеет признак "1". Синтакс заголовка уровня 1 следующий:
<H1> Заголовок первого уровня </H1>
Заголовки другого уровня могут быть представлены в общем случае так:<Hx> Заголовок x-го уровня </Hx>
где x — цифра от 1 до 6, определяющая уровень заголовка.HTML заголовки бывают 6-ти уровней, каждый из которых отличается величиной. За создание заголовка отвечает тэг <Hx> и парный закрывающий его тэг </Hx>. Где x – это число от 1 до 6-ти, которое определяет уровень заголовка.
Таким образом, тэг <h1> </h1> определяет самый большой размер заголовка, а тэг <h6> </h6> самый маленький. На рисунке вы можете видеть все уровни заголовков от 1-го до 6-го.
В основном применяют заголовки более высоких уровней, очень редко применяются заголовки 6-го и 5-го уровней.
<h1>–<h6>: HTML-элементы заголовков секций
Следующий код показывает несколько заголовков с некоторым содержанием под ними .
Проблемы доступности
Навигация
Обычный метод навигации для пользователей программ чтения с экрана — это переход от заголовка к заголовку для быстрого определения содержимого страницы. Из-за этого важно не пропускать один или несколько уровней заголовка. Это может создать путаницу, так как человеку, который движется по этому пути, может быть интересно узнать, где находится отсутствующий заголовок.
Не делай
Делай
Расположение
Заголовки могут быть вложены в подразделы, чтобы отразить организацию содержимого страницы. Большинство программ чтения с экрана также могут создавать упорядоченный список всех заголовков на странице, что может помочь человеку быстро определить иерархию содержимого:
- h1 Жуки
- h2 Этимология
- h2 Распределение и разнообразие
- h2 Эволюция
- h3 Поздний полиозой
- h3 Юрский период
- h3 Меловойский период
- h3 К айнозойский период
- h3 Голова
- h4 Рот
- h4 Передгрудь
- h4 Пиероторакс
Когда заголовки вложены, уровни заголовков могут быть «пропущены» при закрытии подраздела.
Содержание раздела маркировки
Другим распространённым методом навигации для пользователей программ чтения с экрана является создание списка содержимого секций и использование его для определения макета страницы.
Содержимое секционирования можно пометить, используя комбинацию aria-labelledby и id атрибута, с ярлыком, кратко описывающим назначение раздела. Этот метод полезен в ситуациях, когда на одной странице имеется более одного элемента секционирования.
Пример
В этом примере технология чтения с экрана объявила бы, что есть два <nav> разделы, один называется «Основная навигация», а другой — «Нижний колонтитул». Если ярлыки не были предоставлены, человеку, использующему программное обеспечение для чтения с экрана, возможно, придётся расследовать каждый nav содержание элемента, чтобы определить их назначение.
Оптимизация h1-h6 заголовков: все, что нужно знать
Грамотно оформленные заголовки, включая Н1 заголовок , привлекают внимание и позволяют легко ориентироваться на странице.
Чем дольше посетитель задерживается на ней, тем лучше поведенческие характеристики сайта. И тем, соответственно, выше его ранжирование в результатах поиска.
Как извлекать пользу из заглавий для структурирования текста, рассмотрим в этом материале.
Содержание статьи:
1. Что такое теги H1 — H6
Для начала разберемся, что такое заголовок Н1 . Это главное название страницы, который может дополняться подзаголовками нижних уровней, прописанными в виде тегов.
Для их обозначения используются HTML теги H1 – H6. Всего с уществует шесть уровней — от Н1 до Н6, где т ег <h1> обозначает заголовок самого верхнего уровня, а тег <h6> – самого нижнего.
Главный заголовок страницы в коде выглядит как <h1>Заголовок</h1>. По аналогии создаются другие подзаголовки.
Обычно для оформления текста на сайте достаточно применения тегов Н1-Н3. Теги Н4-Н6 используются редко – для очень больших текстов.
Теги Н1-Н6 являются инструментом оптимизации структуры страницы сайта.
2. Зачем нужны заголовки H1 — H6
С точки зрения бизнеса теги Н1-Н6 способствуют повышению в ранжировании сайта и увеличению трафика.
С точки зрения поисковых систем они помогают разобраться со структурой текста на странице сайта и сделать вывод о релевантности страницы поисковому запросу . При этом поисковики учитывают:
– расположение подзаголовков относительно друг друга;
Другими словами, за счет заголовков поисковик определяет содержание контента.
При этом, Джон Мюллер заявил , что что теги H1 не играют роли в ранжировании, хотя речь идет, скорее, о текстовой оптимизации. Рекомендации Яндекса говорят :
3. Иерархия заголовков на страницеи
В иерархической цепочке каждый из шести уровней подчинен предыдущему. Н1 заголовок обозначает главное заглавие на странице, Н2 является частью Н1, в свою очередь Н3 входит в тег Н2 и т. д.
Если визуализировать, это будет выглядеть так:
H1 H2 H3 H4 H5 H6
Логика иерархии делает понятным содержание текста и тематику каждого раздела. Нельзя нарушать очередность тегов, к примеру, выводить тег Н3 перед Н2 или применять Н5, когда на странице нет Н4. Поисковый робот сочтет это за попытку ввести в заблуждение посетителя и понизит рейтинг страницы.
4. Основные правила оформления заголовков
В мире SEO правила меняются. На сегодня существует наработанный свод правил о том, как следует оформлять заголовки. Знатоки предпочитают их придерживаться, время от времени проверяя их экспериментально.
4.1. Иерархия заголовков
Теги должны располагаться на странице в порядке убывания после <h1>.
Рекомендуется, чтобы заголовок старшего уровня оказался ниже подзаголовка нижнего уровня, например, <h2> ниже <h3>
4.2. Длина заголовков
Поисковые системы не прописывают точные требования на эту тему вообще и по поводу длины тега h1 , в частности. В свою очередь знатоки СЕО рекомендуют ограничиться максимумом в 7 слов или 50-60 символов . Такой размер заголовка не перегружает страницу визуально, вмещается в одну строку и нет опасности, что при ошибке при отображении названия на сайте вся техническая информация не появится на экране.
Важно: Если не получается сделать короче, то нужно следить, чтобы ключевые слова располагались поближе к началу.
4.3. Ключевые слова в заголовках
Н1 должен содержать релевантный поисковый запрос. Если заголовок длинный, то ключевое слово должно находиться как можно ближе к началу предложения.
Остальные заголовки Н2-Н6 не так влияют на продвижение, поэтому для них рекомендуют использовать ключи с размытым вхождением.
4.4. Читабельность
Заголовки Н должны сразу давать понять, о чем страница. У каждого уровня заглавий должен быть свой размер шрифта. У Н1 он должен быть самым высоким на странице.
Как правило, посетитель ожидает найти ответ на вопрос, который он задал поисковой системе. Если страница не соответствует заголовку, то он быстро уйдет, что ухудшит поведенческие характеристики сайта.
4.5. Уникальность
Это must have. Все заголовки Н1 не должны повторяться в пределах сайта и отображать ключевой запрос, который ведет на страницу.
В глазах поисковиков у главного заголовка страницы наибольший вес, хотя они об этом не говорят прямо.
Кстати . Эксперимент Сайруса Шепарта с H1 тегами подтвердил, что замена всех заголовков в блоге на H1 или на H2 (без H1 в начале) не дает значительных изменений, стоящих внимания. Это не говорит о том, что H1 не является фактором ранжирования.
4.6. Отсутствие лишних тегов в заголовках
Спецификация HTML не запрещает теги внутри заголовков, но это нежелательно с точки зрения сео.
Лишние символы и теги лучше убрать из заголовков. Они усложняют поисковикам анализ текста. Кроме того, всегда есть вероятность ошибки, когда в подзаголовок на странице будет выведена часть технической информации.
5. Оптимизация заголовка H1
H1 вместе с мета-тегами помогает поисковикам определить тематику страницы, поэтому стоит уделять особое внимание тому, как прописать заголовок h1 для его оптимизации.
Для этого, нужно проследить, чтобы:
– тег <h1> присутствовал на странице по возможности не более одного раза (можно и больше, детальнее об этом – ниже);
– он должен быть текстовым по наполнению и отражать контент страницы;
– должен содержать ключевую фразу, ключ должен размещаться как можно ближе к началу;
– длина – немного короче, чем у Title – до 50 символов, не больше 7 слов;
– не должен совпадать с содержимым <title> и другими тегами;
– уникальный в пределах сайта;
– расположение – выше текста и заголовков следующих уровней с выделением шрифтом большего размера.
6. Оптимизация заголовка H2
Заголовок Н2, как, впрочем, и подзаголовки Н3-Н6, применяют для разбивки текста на логические информационные блоки.
При их оптимизации нужно проконтролировать, чтобы они:
иерархически располагались ниже h 1 заголовка ;
если использования вспомогательных ключевых слов в Н2 не избежать, то они должны быть с очень размытым вхождением;
по длине, наполнению и соответствию тексту – те же требования, что и для Н1.
7. Оптимизация заголовков H3-Н6
При оптимизации подзаголовков уровня Н3-Н6 следует избегать переспама ключевыми словами. Зато здесь можно широко использовать вспомогательные запросы и слова.
Эти заглавия также учитываются поисковиками, поэтому они должны:
– размещаться согласно иерархии в виде тегов;
– информировать про содержимое раздела;
– располагаться в новой строке;
– их стиль должен отличаться от текста и заголовков других уровней.
8. Вопросы и ответы по заголовкам H1-H6
– Сколько раз можно использовать заголовок Н1 на странице?
Считается, что, если использовать этот тег больше одного раза, то поисковые системы понизят сайт в ранжировании. По поводу Яндекса особой ясности по этому вопросу нет, его представители никак не комментируют подобное.
А вот по поводу Гугла – разберёмся вместе с экспертом этой поисковой системы Джоном Мюллером. На скрине его ответ по этому поводу в 2017 году.
А в сентябре 2019 Джон Мюллер детализировал его:
Из моего опыта. Придерживаюсь старой практики (один H1 на странице), но именно в комбинации со структурой тегов всей страницы (логичное распределение подтем на H2-H4). Чем проще – тем лучше.
Но, если на страницах дублируется тег H1 (не содержание, а именно тег в коде), но заголовки все равно выполняют свою функцию для пользователя – это может быть не критичным замечанием (и в конкретных случаях нецелесообразным к исправлению).
– Отличия заголовка TITLE от заголовка H1
Во-первых, они отличаются по расположению в разделах кода: Title находится в, Н1 – в.
Во-вторых, по видимости пользователем. Title отображается в верхней части браузера и показывается в органической выдаче. Тогда как Н1 всегда виден только на странице. Иногда поисковая система может его использовать для сниппета вместо описания, если сочтет его релевантным запросу.
– Допустим ли переспам в заголовках H1-H6?
Переспам, то есть использование множества ключей в одном заголовке, недопустим. Наказание со стороны поисковиком не заставит себя ждать.
– Может ли H1 дублировать Title?
Желательно, чтобы Н1 содержал те же ключевые фразы, что и Title, но при этом теги не должны 100% дублировать друг друга. В Title можно добавить больше детализирующих ключевых слов без ущерба смыслу.
9. Инструменты для работы с H1
Проверить h1 страницы , а также все мета-теги можно при помощи специальных онлайн-инструментов. Рассмотрим три самые известные из них.
– Расширения для браузера: SEO META in 1 CLICK
Первый способ – установить расширение для браузера: SEO META in 1 CLICK
– Букмарклеты: Мета теги страницы
Второй способ — проверка при помощи букмарклетов. Букмарклет – это скрипт в виде браузерной закладки. Букмарклеты установить можно здесь .
– Netpeak Spider
Третий способ — использовать специальные онлайн-программы, к примеру, Netpeak Spider . Этот вариант подходит для проверки мета-тегов на всем сайте, а не только на одной странице.
Нужна помощь в правильном оформлении заголовков?
Напишите нам в любой мессенджер!
10. Заключение
Если грамотно использовать потенциал Н1-Н6 и знать, как прописать заголовок страницы , то в итоге можно получить: