Практическое SEO. К вопросу о нескольких заголовках H1

Речь в этой заметке пойдет не о решающем элементе для внутренней оптимизации, или о том, как волшебным образом без затрат вывести ваш сайт в ТОП. Нет. 

Речь пойдет не о первом, но и не о последнем факторе, который, не столько влияет на индексацию, сколько на ранжирование.

Итак, поговорим о главном заголовке H1. Что мы знаем с точки зрения классического представления о внутренней оптимизации о важности этого элемента разметки, и использовании его в семантической структуре веб-документа (странички)?

Известно то, и об этом пишут в многочисленных блогах, книгах и учебниках по продвижению, что во-первых, заголовок H1 должен быть -  как факт, во-вторых его семантика в идеале должна совпадать с содержанием тега title или в крайнем случае содержать поисковый запрос, под который оптимизируется данная страница. И в-третьих, по сей день говорят о том, что элемент должен быть один и только один.

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

Так-то он так, но не совсем.

Такой формат - один заголовок, один тег - обязателен со стандартом HTML 4.x и ниже. Естественно и XHTML потребует от вас жестко придерживаться правила одного заголовка.

Однако с появлением HTML5 произошли изменения, которые данное правило если не отрицают, то корректируют под более гибкие структуры.

Итак, представим себе ситуацию, когда у вас есть страничка сайта, на котором размещена информация, состоящая из разных блоков и каждый блок создан под важный запрос. Да, конечно можно обойтись подзаголовками ряда h2... h6, но и здесь все не так просто. Внедрение ключей в подзаголовки должно также соответствовать смысловому ряду, поскольку (так было до HTML5) заголовок H1 создавал семантический узел в DOM и структура приобретала следующий вид:

Ваш заголовок

Ваш подзаголовок 2го уровня

Ваш подзаголовок 3го уровня

Код будет выглядеть вот так:

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

Добавлю так же, что данный код вполне себе валидный, и понятный для поисковых пауков.

Однако, что делать, если у вас на одной страничке находятся три (предположим) важных для вас блока, содержащих важные ключевые запросы.

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

Иными словами, вам нужно будет на одной страничке внедрить все 4 важных ключа, без преференций какому-либо запросу или необходимости жертвовать некоторыми из слов.

Конечно вы можете использовать следующий вариант:
- использовать title "Плавсредства: лодки, яхты, катера | сайт Аргонавт" - создать общий заголовок h1 созвучный с title - "Плавсредства: лодки, яхты, катера" - затем создать подзаголовок h2 - "Плавсредства" - и собственно непосредственно по каждому пункту h3 - "Лодки", "яхты", "катера"

Все это конечно правильно, но! Семантически данный документ, в строгом смысле относится к запросу - "Плавсредства: лодки, яхты, катера". А при прочих равных, странички конкурентов, где будут применяться отдельные заголовки h1 - "Яхты", "Катера", "Лодки" - отранжируются выше, и даже очень. А стало быть заберут львиную долю трафика, оставив вам довольствоваться лаврами первого по низкочастотному запросу, который у вас указан в title.

И вот здесь вам на помощь придет формат HTML5.

Обратите внимание на то, что в примере листинга выше я указал начальный тег !DOCTYPE html. Этого вполне достаточно,  чтобы весь дальнейший документ воспринимался согласно формату HTML5, а значит можно использовать возможности данного стандарта разметки.

Ниже привожу сразу размеченный документ с использованием нескольких h1, в соответствии с примером "про яхты и катера". А после прокомментирую.

Как видим, элементы секций позволяют абсолютно легально использовать несколько H1. Стало быть, в каждой секции, которая представляет собой отдельный семантический и структурный узел, выстроить оптимизированный текст с подзаголовками. Это позволит вашему веб-документу конкурировать со страницами оптимизированными под отдельные запросы. Согласитесь, что и яхты и катера тематически близки, но семантически относятся к разным кластерам. Их объединение при старом формате обязательно потребовало бы выделить что-то одно в ущерб другим. Теперь можно использовать полисемантическую, но тематическую страницу, которая сможет ранжироваться и конкурировать по разным запросам.

Я не открыл Америку данным текстом, просто сталкиваюсь нередко с ситуацией, когда странички прогоняют через автоматические аудиторские сервисы вроде SerpStat или pr-cy.ru и получают некий сводный документ по ошибкам. В частности часто встречаются претензии именно к наличию нескольких h1, особенно на сайтах сделанных на современных шаблонах. Приходится каждый раз объяснять, что алгоритмы расчета ошибок не всегда успевают за изменениям стандартов.