Правильное написание тегов h1, h2, h3

0
2288

Теги h1-h6 являются обязательным атрибутом для каждой грамотно составленной страницы. Теги H1 H2 H3 — хороший инструмент в опытных руках сео специалиста или вебмастера. Поисковики давольно пристально разглядывают html код любой страницы, смотрят его правильность и целостность структуры, поэтому использование тегов h1 — h6 должно быть обязательным.

Тег <h1>текст</h1> — это заголовок страницы, использоваться должен единыжды. Фактически тег h1 является главным заголовком, показывающим о чем данная страница вкратце (иногда целесообразно делать заголовок h1 таким же как тег title). Т.е если на странице статья о размножении кроликов, с сео оптимизированным текстом под ключевой запрос «размножение кроликов» то и заголовок h1 будьте добры писать с использованием ключевого слова (подробнее о ключевых словах), ну и можно добавить что то еще, но не злоупотреблять. Краткость — сестра таланта! Т.е. в случае про кроликов можно было придумать что то типа <h1>Все о размножении кроликов</h1> или <h1>Советы кролиководов: все о размножении кроликов</h1>

(во втором случае такой заголовок подойдет если на страничке вы упоминаете о кролиководах и советах, которые они дают)

Тег <h2>текст</h2> считается второстепенным. Тег h2 показывает подзогаловок тега h1 и может использоваться несколько раз, в зависимости от размера и наполнения страницы.. Т.е на некоторых сайтах кроме тела страницы есть независимые блоки, заголовки которых так же заключены в теги h2 — и это нормально.

Тег <h3>текст</h3> — здесь все в точности так же как с заголовком h2 , только тег h3 должен отражать подзаголовки тега h2. Использоваться мождет много раз, в зависимости от объема и смыслового наполнения конкретной страницы.

Примеры использования тегов h1 h2 h3

Приведу пример на основе этого сайта, его главной страницы. Если рассмотреть исходный код страницы то увидим, что тег h1 встречается единыжды и содержит ключевое слово, по которому эта страница продвигается: «создание интернет сайтов», далее идут подзаголовки h2: «Создание интернет сайтов web студией SEOKLIK.RU — оптимальное решение для Вашего бизнеса» и «Продвижение интернет сайтов и дальнейшее обслуживание». Все независимые блоки заключены в тег h3 — право страницы. На мой взгляд это оптимальная структура для конкретной, приведенной в пример страницы.

Теги h4-h6 — малоиспользуемые. Правила их использования такие же как и с тегами h2 и h3.

Примечание: В теле текста ЖЕЛАТЕЛЬНО использовать теги h1-h6 по порядку их значимости, т.е тег h1 — верх страницы, далее h2 h3 и т.д

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

Используйте теги h1 h2 h3 только там где они необходимы

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

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

ВАЖНО: в различных cms, например в joomla или wordpress — логотип сайта заключен в тег h1 !!!! Если его так и оставить — это нарушит всю структуру сайта. Встает вопрос: Как убрать тег h1 из блока логотипа сайта joomla или wordpress? Ответ: в index.php шаблона вырезать проблемное место и прописать туда логотип картинкой. Если лого спрятано в каких то других файлах — найти это место (например с помощью mozilla + firebug или поиском через total commander) и осуществить замену там (я так и сделал, при создании этого сайта) — способ варварский, но все же действенный 🙂

ОСТАВЬТЕ ОТВЕТ

Please enter your comment!
Please enter your name here