Использование заголовков h1—h6 на сайте


Рубрика:  База знаний SEO | Автор: Юрий Макаров


Для того, чтобы сайт попал на первые места поисковой выдачи и получил трафик с поисковых систем, его необходимо оптимизировать. Именно оптимизация, а не создание сайта, является самым трудным этапом. Если создаётся сайт единовременно, то процесс оптимизации его идёт постоянно. Начинают, как правило, с внутренней оптимизации сайта, так как она имеет определённое число конечных этапов. Впрочем, этапов этих много, поэтому лучше сосредоточится на описании тех, которые наиболее редко применяются вебмастерами из-за своей неизвестности или сложности. Одним из самых незаслуженно недооценённых этапов оптимизации является расстановка заголовков h1-h6. Как показывает практика, значительная доля вебмастеров даже не знает, зачем нужны эти заголовки, а уж используют правильно их и вовсе единицы. Собственно, о них мы в этой статье и поговорим.

Заголовки h1-h6 предназначены для выделения определённых текстовых сегментов страницы, содержащих ключевые слова или фразы, способные помочь поисковой системе распознать тематику и тему контента страницы. Функции заголовков схожи с функциями мета-тегов и дополняют их, однако, как уже говорилось выше, используются очень редко, тогда как мета-теги ставят почти все вебмастера. Теги h1-h6 можно распознать на странице визуально, так как ими выделяют элементы «тела» страницы, тега body. Это также отличает их от мета-тегов. Ещё одно тонкое отличие функций тегов h от мета-тегов в том, что они имеют внутреннюю иерархию, с помощью которой можно построить иерархию использованных на странице ключевых слов, придав одним большее, а другим меньшее значение, если это нужно.

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

  • <h1>Заголовок сайта</h1> -
  • <h2>Заголовок страницы (материала)</h2>
  • <h3>Подзаголовки страницы (материала)</h3>
  • <h4>Заголовки элементов навигации</h4>

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

Правила использования h1-h6 на страницах сайта

Существует ряд чисто технических правил использования заголовков h1-h6, выполнение которых строго обязательно, а нарушение в лучшем случае сведёт на нет весь их эффект. Перечислим их ниже:

  1. Структура заголовков. При расстановке заголовков необходимо соблюдать их иерархию. То есть, чем выше уровень заголовка (меньше номер) – тем выше он должен находиться на странице (исходном html коде). Конечно, всегда однозначно соблюсти это правило не получается, хотя бы потому, что заголовки всех уровней, кроме первого, могут применяться по нескольку раз на странице. Главное, чтобы заголовок h1 находился выше других на странице, а h2 под h1, но также выше всех остальных.
  2. Размеры шрифтов заголовков. Чем выше уровень заголовка – тем больше должен быть размер его шрифта. Логично, что самым большим на странице должен быть заголовок h1, а самым маленьким – h6.
  3. Ключевые слова и фразы в заголовках. Каждый заголовок h должен содержать те или иные по важности ключевые слова или фразы. Так как данные заголовки акцентируют внимание поисковых систем на определённых элементах страницы, не допускается, чтобы акцентирование происходило на «пустые» слова. Лучше вообще не использовать лишние заголовки, если их некуда применить, чем выделять ими что попало.
  4. Совместимость. Теги h нельзя использовать совместно с любыми другими тегами, особенно тегами акцентирования, такими как <b> и другими.
  5. Содержимое тегов h. Теги h1-h6 не должны содержать в себе ничего, кроме текста. Не допускается заключение в них ссылок, изображений и других посторонних элементов страницы.
  6. Заголовок h1 используется на каждой странице только один раз. Это самое главное правило.

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


Оставьте отзыв в виде оценки к записи: " Использование заголовков h1—h6 на сайте"

1 звезда2 звезды3 звезды4 звезды5 звёзд (Оставлено голосов: 2, оценка: 4,50 из 5)
Загрузка...

Комментарии и отзывы

Комментарии к записи "Использование заголовков h1—h6 на сайте"
  1. Andrei :

    Заголовки — это реально важно! Постоянно оптимизирую с их помощью текст на страницах своего сайта. Читателю проще ориентироваться по тексту и поисковикам более понятно на что акцентирована статья.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *