Использование заголовков h1-h6 1


h1В последнее время часто касаюсь вопросов внутренней оптимизации сайта, так как это наиболее доступный способ его продвижения. Грамотная внутрянняя оптимизация может помочь вывести сайт в топ по НЧ без применения внешней оптимизации, которая в большинстве случаев затратна. Одним из основных аспектов внутренней оптимизации являются грамотно расставленные заголовки H1-H6. О них то я сегодня и напишу.

   Теги H1-H6 — это заголовки, используемые для выделения частей текста

Зачем нужны заголовки H1-H6?

Заголовки H1-H6 как и некоторые другие теги выделяют элементы страницы, обращая на них внимание. В случае с поисковыми системами «обратить внимание» значит дать понять, что эти части текста содержат в себе ключевые слова, дают представление о его содержании. Чем грамотнее расставлены заголовки, тем легче поисковой системе понять, о чём контент на странице, а значит ролевантность такой страницы будет высокой.

   Согласно теории всё довольно просто, заголовки на странице расставляются следующим образом:

<h1>Заголовок сайта/страницы</h1><h2>Подзаголовки 1-ого порядка</h2><h3>Подзаголовки 2-ого порядка</h3><h4>Прочие выделенные атрибуты текста</h4>

и т.д. Однако во многих случаях встечаются отклонения. Во-первых, названия элементов сайтбара (архив, рубрики, статистика) в большинстве случаев тоже заключены в в теги h, что делает более оптимальным заключение подзаголовков сообщения в теги h3, во-вторых, тег h1 часто на всех страницах неизменен, в него заключается название сайта, тогда заголовок сообщения будет в теге h2 и по снижающейся.

К другим ограничениям расстановки заголовков можно отнести то, что размер шрифта заголовка должен уменьшаться от тега h1 к тегу h6, в противном случае толку от них почти не будет. Ещё одна рекомендация по использованию этих тегов — их нисходящее расположение на странице. То есть если тег h1 — это заголовок сообщения, то теги, допустим,  h2 и h3 должны идти ниже него, так как содержат, в идеале, подзаголовки этого сообщения разного уровня. На фоне всего этого заголовки элементов сайтбара было бы лучше заключить, например, в тег h4, так как в большинстве своём они не содержат ключевых слов из семантического ядра сайта и уж тем более не содержат ключевых слов из каждой конкретной страницы.

   Получаем следующие возможные комбинации заголовков:

  1. <h1>Заголовок сайта</h1> — <h2>Заголовок сообщения</h2> — <h3>Подзаголовоки страниц</h3> — <h4>Сайтбар</h4>
  2. <h1>Заголовок сайта</h1> — <h2>Заголовок страницы</h2> — <h3>Сайтбар</h3> -<h4>Подзаголовоки страниц</h4>
  3. <h1>Заголовок страницы</h1> — <h2>Подзаголовки страницы</h2> — <h3>Сайтбар</h3>
  4.  <h1>Заголовок страницы</h1> — <h2>Сайтбар</h2> — <h3>Подзаголовки страниц</h3>

Вариантов может быть много, однако я всё же склоняюсь к мнению, что в теге h1 должно содержаться название страницы, так как название сайта не всегда содержит в себе ключевые слова даже для всего ресурса вцелом, не говоря уже об отдельных его страницах. Подзаголовки страниц (подпункты статей) оптимально оформлять в тегах h2 или h3, теги более низкого ранга подходят врятли.

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

  • Необходимо соблюдать структуру заголовков, чем выше уровень, тем выше должен находиться заголовок. То есть заголовок h1 должен находиться выше других заголовков на странице.
  • Размер шрифта должен понижаться по мере понижения значимости заголовка. То есть текст в теге h1 должен быть самым крупным, в теге h6 самым мелким.
  • Не желательно, чтобы внутри тегов h1-h6 не было ссылок, вернее даже будет сказать, что такой вариант не допускается. Считается, что в теге h не должно содержаться ничего кроме текста.
  • Тег h обязательно должен содержать ключевоеслово или фразу, желательно без лишнего текста и дополнительных символов.
  • Не допускается использование тега h совместно с другими тегами акцентирования (например strong).
  • Не допускается использование тега h1 более одного раза на странице.

К сожалению не всегда удаётся расставить заголовки должным образом. Во многих платформах для ведения сайтов и блогов, особенно безплатных, возникают проблемы. В частности, платформа Blogger, которой я пользуюсь, предлогала такой вариант: заголовок блога в теге h1, элементы сайтбара в заголовках h2 и названия статей в заголовках h3. Меня это никак не устраивало, однако на блоге, где было описанно решение проблемы, ответ оказался неподходящим для моего шаблона, лишь после долгой возни с кодом мне удалось получить приемлемый вариант. Во многих же сторонних шаблонах ситуация бывает ещё хуже, чем была уменя. Сразу скажу, что постараться ради правильной расстановки заголовков стоит, так как это очень большой плюс для внутренней оптимизации, а главное единожды расставив правильно заголовки остаётся только пожинать плоды.

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

Тегами h1-h6 выделяются видимые части страницы, то есть части того текста, который мы видим на странице при переходе на неё. Говоря языком html, заголовками выделяются части тела статьи, или тега BODY, примерно вот так:

<html>

<head>
…………..
</head>
<body>
<h1>………….</h1>
<h2>………….</h2>
<h3>………….</h3>
<h4> …………</h4>
<h5> …………</h5>
<h6>…………. </h6>
</body>
</html>

однако отдельная страница может и не содержать всех этих тегов, наиболее значимыми считаются h1-h3. Я нарочно не стал ничего вписывать в эти теги, так как как я объяснил выше, в зависимости от случая расстановка заголовков может отличаться. При рассмотрении отдельных ситуаций можно столкнуться и с таким случаем, что, например, заголовки отдельных сообщений (в блоге) находятся на главной странице (несколько сразу) и на отдельных страницах (по одному), а значит на главной они должны находиться в тегах не выше h2 или h3, при этом на странице с сообщением должны, желательно, иметь заголовок в теге h1. Это сильно усложняет задачу грамотной расстановки заголовков. И таких ситуаций много.

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

Похожие темы:


Оставьте комментарий

Мысль на тему “Использование заголовков h1-h6

  • juliadiets.com

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