Уровни заголовков

У HTML имеется шесть разного уровня заголовков, каждый из которых своим видом может показать, насколько важна секция под ним. Самый важный среди них – заголовок, имеющий первый уровень или тег, который носит название <h1>. Меньше всего значения имеет тег <h6>, секция под ним тоже носит минимум смысла. Самым крупным и жирным шрифтом по умолчанию отображается тег <h1>, а с каждым следующим уровнем шрифт становится меньше, заголовки уже выделяются не так сильно. Все теги от <h1> до <h6> являются блочными элементами, поэтому каждый раз они занимают отдельную линию на сайте, а находящиеся после них текстовые или иные элементы должны иметь отступ и начало с новой строки. Кроме того, вне зависимости от размера до и после заголовка остается чистое пространство.

Для SEO наиболее значимым будет тег <h1>, он предназначается для выделения важнейшего и главного заголовка на странице. Такую роль может нести название новости или статьи, наименование товара или нечто другое, что несет наибольший смысл во всей статье. То, что будет написано между <h1> и </h1>, должно быть ключевым и иметь максимальный вес. Использовать <h1> можно только один раз на всю страницу, иначе он теряет смысл. Лучше всего в этот тег заключить слова, которые являются ключевыми и несут максимальную значимость. Именно этот тег начинает продвигать страницу.

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

Все находящиеся на странице заголовки должны быть использованы в строгом иерархическом порядке. Первым всегда должен быть заголовок типа <h1>.

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

Если же разделы <h2> оказались слишком большого размера или в них было затронуто множество более мелких тем, то рекомендуется внутри каждого раздела с заголовком <h2> использовать подзаголовок <h3>. Важно отметить, что тег <h3> тоже не может копировать или быть слишком похожим на тег <h1>. Но использование тега <h3> не является обязательным условием в каждом разделе тега <h2>. Его используют лишь в том случае, если <h2> слишком большой.

Поисковые системы очень «любят» страницы, на которых используются теги от <h1> до <h6>. Ценность текста, которая оказывается внутри этих блоков, повышается. Именно поэтому лучше всегда использовать именно эти теги. В каскадных стилях можно задать условие отображения текста большего размера, чем в <h1>, заключив его между тегами <div>…</div>, визуально это будет выглядеть как заголовок. Но поисковая система не будет его замечать должным образом, какого размера бы он не был. Поэтому целесообразнее пользоваться тегами от <h1> до <h6> и располагать в них информацию по мере убывания ее важности.