Описание и назначение заголовков h1-h6

Описание и назначение заголовков h1-h6

Одна из главных составляющих seo оптимизации сайта является структурированная информация. Чем логичнее и понятнее будет оформлен контент на сайте, тем лояльнее будут относиться к нему поисковые системы. Грамотная расстановка заголовков и самого содержания, увеличит доверие к вашему ресурсу не только в глазах поисковиков, но и в глазах пользователей. А это, именно то, что любят поисковые системы.

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

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

Первый заголовок H1 - Генерал.

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

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

Аналогия заголовка с генералом. В воинской части обычно генерал один. Отдал один раз приказ, а остальное делают младшие по званию. В нашем случае H1 должен находиться в верху страницы обычно в начале статьи или в заголовке над статьёй.

Второй загловок H2 - Майор.

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

Данный заголовок в сайтостроительстве очень популярный. И если засунуть в шаблон главный заголовок h1 не каждый разработчик осмелиться, то заголовок h2 может повторяться на одной странице до 5 - 10 раз (и это только в самом шаблоне). Естественно, это наигрубейшая ошибка, но тем не менее, такое к сожалению делают и очень часто.

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

Третий заголовок H3 - Капитан.

Второй по популярности заголовок, который используют в шаблонах для сайтов. Заголовком h3 обычно выделяют малозначимые тексты. Например используют в заголовках комментариев “Оставьте комментарий” или в рекомендательных блоках “Статьи по теме”. В общем, зачастую суют везде, где нужно как-то выделить часть самостоятельного текста, но не сильно броским способом и меньшим размером.

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

Аналогия заголовка с капитаном. Капитан, это что-то среднее, между руководителем и исполнителем. И вроде бы он командует, но тем не менее, на ряду со всеми идет в бой при надобности. Точно так же и заголовок H3, имеет больший вес по сравнению с обычными сео тегами em или strong, но иногда используется и как рабочая лошадка для выделения не особо значимого контента.

Четвертый заголовок H4 - Прапорщик.

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

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

Аналогия заголовка с прапорщиком. Прапорщик, это своего рода бригадир, который воюет со всеми бойцами на равне, но имеет некий статус и власть (пусть и незначительную). Так же и заголовок H4, практически ничем не отличается от сео тегов, но при этом имеет власть над ними и воспринимается, соответственно, по серьёзнее чем они (имеются ввиду seo теги em или strong).

Пятый заголовок H5 - Сержант.

Данным заголовком в статьях пользуются гораздо реже чем всеми предыдущими. Многие из вебмастеров вообще не используют никогда. Чтобы по правильной структуре статьи добраться до использования заголовка H5, придется вымудрить достаточно глубокую структуру. К сожалению, не все способны это правильно сделать. Поэтому заголовок h5 вы редко где встретите. Обычно обходятся первыми тремя, ну максимум четырмя от силы и дальше уже не лезут.

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

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

Шестой заголовок H6 - Рядовой.

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

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

Аналогия заголовка с рядовым. Для рядового главное чтобы он был в списке. Приехал, отметился, уехал. Большинство рядовых после армии никогда не попадают в реальные бои. Как и заголовок H6, вроде бы существует, но им не пользуются практически никогда.

Правильная структура заголовков h1-h6.

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

Чтобы правильно пользоваться заголовками h1-h6 на страницах своего сайта, нужно понять схему постоения этих заголовков. Как только вы поймёте принцип, составлять структуру статьи будет гораздо легче.

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

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

Представьте что вся статья целиком это блок под заголовком H1. Одна статья = один заголовок. Вам нужно разбить эту статью на несколько частей по меньше. Делается это заголовками H2. Предположим их будет пять. Каждая часть по рекомендации SEO специалистов должна находиться в районе 300 слов. То есть, если ваша статья содержит 1500 слов, то её можно разбить на пять частей по 300 слов. Получается, на такой объем статьи, можно использовать пять заголовков H2.

Если в этих частях текста нужно разделить информацию ещё на несколько частей, тогда в бой вступают теги H3. Они должны разделять на части каждую из вышестоящих частей. То же самое происходит по цепочки в глубину. Тег h4 разделяет на части старшего брата, тег h5 его и так далее. Более наглядно на картинке ниже:

Как вы видите, получилась некая матрешка “Один в другом”. Именно такая структура является правильной для сео оптимизации статьи. 

Очень важный момент:

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

Так в заголовке H1 может быть десять заголовков H2. Заголовки второго уровня могут разделяться ещё по пять частей, заголовками H3. Заголовки H3 в свою очередь могут разделяться на ещё три части текста и так до бесконечности. Главное понять саму структуру построения.

Пример использования заголовков H1 - H6.

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

< h1 >Заголовок первого уровня< /h1 >
…
  < h2 >Второго уровня< /h2 >
  …
  < h2 >Второго уровня< /h2 >
  …
       < h3 >Третьего уровня< /h3 >
       …
       < h3 >Третьего уровня< /h3 >
       …
  < h2 >Второго уровня< /h2 >
  …
       < h3 >Третьего уровня< /h3 >
       …
       < h3 >Третьего уровня< /h3 >
       …
             < h4 >Четвертого уровня< /h4 >
             …
             < h4 >Четвертого уровня< /h4 >
             …
  < h2 >Второго уровня< /h2 >
  …
       < h3 >Третьего уровня< /h3 >
       …
             < h4 >Четвертого уровня< /h4 >
             …
             < h4 >Четвертого уровня< /h4 >
             …
                   < h5 >Четвертого уровня< /h5 >
                   …
                   < h5 >Четвертого уровня< /h5 >
                   …
                   < h5 >Четвертого уровня< /h5 >
                   …
       < h3 >Третьего уровня< /h3 >
       …
  < h2 >Второго уровня< /h2 >
  …

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

Важно понимать! Чем выше заголовок по своей лестнице, тем больше ему нужно минимального текста в блоках, которые он разграничивает.

Например:

Заголовок первого уровня, является главным, он описывает полностью всю статью.
Заголовок второго уровня, описывает куски статьи примерно по 300 слов каждый.
Заголовок третьего уровня, разграничивает на куски примерно по 100 слов.
Заголовок четвертого уровня, разделяет на части примерно по 50 слов минимум.
И так далее.

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

Как узнать сколько заголовков h1-h6 на странице?

Есть достаточно много сервисов и софта, чтобы узнать количество заголовков на любой странице сайта. Мы же разберём два самых удобных и самых доступных бесплатных варианта.

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

Обратите внимание на структуру в примере. Первый заголовок описывает полностью страницу. Второй заголовок описывает автора, он не такой главный в данном случае. Третий заголовок описывает блок со свежими статьями на блоге, а в этом блоке находятся три статьи у которых заголовки четвертого уровня. Получается статьи находятся внутри блока “Свежие посты”. Это пример правильной структуры заголовков на сайте.

Итак, мы проверили главную страницу, а чтобы проверить внутренние страницы, можно воспользоваться специальным плагином от команды Serpstat. Плагин бесплатный. Скачать его можно в маркете вашего браузера. Называется он Serpstat plugin SEO. В поиске его найти проще простого под нужный вам браузер. После установки, нажмите на его значок в правом верхнем углу и вы увидите главное окно плагина. 

Включите в нем соответствующий чекбокс и плагин начнёт показывать все заголовки найденные на странице. Он их будет подствечивать желтым цветом. Иногда даже там, где вы бы никогда в жизни не подумали. Более того, он не просто их подсвечивает, но и сразу подписывает. Так что, вы сможете моментально увидеть, где какой заголовок находится. Выглядит это примерно так:

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

В заключении.

Вот вы и научились пользоваться заголовками h1-h6, а главное поняли как их выстраивать. Если поняли не до конца, не поленитесь и прочитайте ещё раз эту статью и тогда уже точно всё встанет на свои места. А отточить своё мастерство в построении, вам поможет только практика. Практика - единственный граммотный учитель. На этом тему как пользоваться заголовками на сайте, можно считать закрытой