Заголовки HTML страницы
О том, как заработать деньги в интернете, создать сайт и раскрутить его

Заголовки HTML страницы: искусство продвижения сайта и привлечения пользователей

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

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

  • Для чего нужно грамотное применение HTML заголовков в верстке страниц и документов сайта?
  • Каким образом построена иерархия HTML заголовков страницы?
  • Какое количество HTML заголовков на странице является оптимальным?
  • Можно и нужно ли применять title к HTML заголовку?     

Что собой представляет html заголовок?

Формирование заголовка в языке HTML, происходит при помощи парных html тегов: H1, H2, H3, H4, H5, H6. Тег обозначается литерой «H», исходя из первой буквы слова Header, heading (Заголовок).

Основная задача html заголовка страницы – показывать важность и отделять друг от друга разные фрагменты текста документа.

При создании своего сайта вы первоначально редактируете таблицу стилей CSS, где прописываете любой, понравившийся вам: шрифт, цвет и размер, что в итоге, будет визуально отображаться в браузере. Но, в чистом виде html style для поисковой системы будет показан, как <H1>Заголовок</H1> и так далее.

Для чего нужно грамотное применение HTML заголовков?

Вспомните, когда вы открываете журнал, газету, страницу сайта в браузере, что ваш взгляд «выдергивает» в первую очередь? Правильно! Заголовок.

Грамотно составленные заголовки позволяют читателю: быстро ориентироваться в важности того или иного материала, привлекать внимание и задерживать посетителя на своём сайте.

При помощи html заголовка страницы выстраивается чёткая логическая структура информации, что делает ваш ресурс привлекательным для посетителя.

Но, нас ведь интересует не только посетитель-пользователь. Мы не меньше рады и роботу поиска, который заскочил на огонек вашего сайта. Заскочил и, обрадовался, наткнувшись на HTML заголовки, как страницы, так и текста, размещенного на ней.    

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

Иерархическая лестница HTML заголовков:

Структура главенства html заголовков взята, конечно же, не из головы, а основана на рекомендациях поисковых систем: Гугл, Яндекс. И что же о важности html заголовков говорит спецификация.

Самым важным является заголовок 1-го уровня <H1>Заголовок</H1>. Последним в этой иерархии стоит <H6>Заголовок</H6>  

Какие рекомендации относительно html заголовков даёт Google

Google не советует:

  • Беспорядочное размещение html заголовков страницы, а именно: заголовок h2 располагается всегда после h1, но не наоборот.
  • Слишком большое количество заголовков на странице.
  • Использовать заголовки исключительно для стилизации текста, а не для его структурирования.

Ну вот, раз Гугл советует, то нам остается только прислушаться и чётко соблюдать порядок размещения html заголовков на странице и в документе

Какое количество HTML заголовков на странице является оптимальным?

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

Итак, примерная схема количества заголовков:

  • H1 на странице должен быть исключительно один.
  • H2 – может быть 1-2
  • H3 – 2-3 и так далее.

Но, эта схема не является догмой, кроме пункта с заголовком H1. Некоторые вебмастера пропускают h2, и все заголовки структуры текста прописывают h3. Некоторым образом это связано с визуальным восприятием текста в браузере.

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

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

  • align=»" – непосредственно действие – выравнивание,
  • align=»left» – выравнивание по левому краю,
  • align=»right» – выравнивание по правому краю,
  • align=»center» – выравнивание по центру
  • style=»color» – цвет текста

Можно и нужно ли применять title к HTML заголовку?

И вновь, повторюсь, что четких указаний или требований, относительно применения атрибута html title в заголовке, нет. Вы же помните, что атрибут title существует в языке html для того, чтобы показать пользователю расширенную (подробную) информацию о том или ином объекте текста.

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

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

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

Подписаться по e-mail RSS
  • http://vk.com/id221231636 Юля Трофимова

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