Заголовки h1 — h6

Теги заголовков h1-h6 используются для выделения важного текста на веб-странице. Не путайте заголовки страницы с тегом head (заголовком веб-документа, содержащим служебную информацию) и заголовки HTTP (HyperText Transfer Protocol — гипертекстовые протоколы, созданные для передачи информации между сервером и удаленным клиентом).


Помещенное в тег заголовка слово, или фраза, говорит поисковым системам о том, что данный текст важен, в той или иной степени.

Заголовки в тексте H1 - H6

Важность заголовка зависит от его уровня, начиная от h1 — самого важного, до h6 — менее важного. Обычно, размер заголовка больше текста страницы, что указывает на его значимость. Теги h1-h6 можно изменить при помощи СSS (каскадных таблиц стилей).

Различный вид h1-h6 создает иерархическую структуру контента, таким образом, выделяются основные и второстепенные разделы, упрощается навигация по странице.

В HTML-документе теги h1-h6 используются внутри тега-контейнера body.

Синтаксис тегов h1-h6 имеет следующий вид:

Например, если вы пишете о заработке, поместите в заголовок первого уровня — h1 следующий текст:

Заработок в Интернете.

Далее, по тексту, можно выделить подзаголовок второго уровня — h2:

Заработок в Интернете без вложений для начинающих.

Советы по тегам h1-h6


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

Тег h1 должен встречаться 1 раз на странице.

Что не рекомендуется делать с h1-h6

  • Не разбрасывайтесь заголовками, используйте их там, где они уместны. Большое количество заголовков может дезориентировать посетителей.
  • Не помещайте в теги заголовков текст, не имеющий навигационной ценности для страницы.
  • Не используйте h1-h6 там, где подошли бы теги strong и em.
  • Не помещайте в h1-h6 весь, или почти весь текст.
  • Не используйте заголовки только для стилизации текста, без определения структуры веб-страницы.

Заголовки и CSS


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

Для этих целей применяются таблицы стилей — CSS. Чтобы изменить внешний вид заголовков, откройте интересующую вас страницу любым веб-редактором, и напишите в header следующий код:

Затем, поместите текст, который должен быть заголовком, в теги h1. Сохраните изменения в файле, и перезалейте его на сервере.

Теперь, когда вы используете h1, текст будет распознаваться поисковыми системами как заголовок первого уровня, написан он будет зелёным цветом размером 16 пикселей шрифтом Arial. Подобные изменения стилей полезны, когда вы хотите, чтобы заголовки сочетались с общим стилем страницы.

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

О CSS написаны целые книги, поэтому, если вы заинтересованы в детальном изучении каскадных таблиц стилей — обратитесь к дополнительным источникам информации.

Теги заголовков — важная составляющая сайта, поэтому, уделяйте им внимание. Оптимизация контента требует выделения основной идеи и подтем. Хорошо написанная страница должна содержать последовательно изложенный материал с h1 и подзаголовками.

Основная идея контента, помещённая в теги заголовков сообщит посетителям и поисковым системам, что данные фразы важны.

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

Читайте также:

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

Имя (обязательно)