Заголовки H1-H6

H Заголовки — от англ Heading, это мета теги с уровнем вложенности (цифрами), которые структурируют страницу, разбивая контент на подзаголовки, дают понимание о приоритетности преподнесенной информации для комфортного и интуитивного ориентирования пользователей и краулеров на странице.

Не путайте с Header: хедер - это шапка, верхняя часть меню.

Заголовок H1

H1 — это самый главный заголовок, который отражает суть контента, принадлежащего к конкретной странице, поэтому ставится в самом начале до содержания: текста и фотографий.

Считается одним из наиважнейших элементов «page» для продвижения сайта в ТОП выдачи. По важности сравним только с Title и Description.

✅ Рекомендации

1. ✅ Употребляется только 1 раз на странице
2. ✅ У каждого url должно быть своё индивидуальное Заглавие. Если на страничке нет этого тега, то вся структурированность страницы поехала.
3. ✅ Это не Title, должен быть другим, отличаться
4. ✅ Идеально, если после заголовка идет текст, хотя куда красивее поставить картинки. В этом случае Title, описание картинок, нужно сделать подробным, содержащим слова Заглавия и видным пользователям при наведении.
5. ✅ H1 обязан содержать главные ключевые слова. В остальных подзаголовках H2, H3, H4, H5 — второстепенные ключевики или их синонимы.

🚫 Запрещено

1. 🚫 ставить никакой заголовок в хедере и футере, только в теле
2. 🚫 поставить в название слова, которых нет в контенте. → ✅ Если Н1 «Купить перчатки», то в контент нужно добавить «перчатки» и «цена».
3. 🚫 на разных страничках одинаковые H1. → Так вы путаете поисковые системы — какой url будет показан по конкретному запросу. 

H2 — это разделы страницы.

H3 — подразделы, когда важна вложенность.

H4-H6 — менее важные, пригодятся, если хотите структурировать громоздкий контент или добавить средне существенные слова в поиск.

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

✅ Каждый последующий Н

• визуально должен быть меньше предыдущего — размер шрифта, нельзя в H3 поставить стилем H1
• принимает на себя все из структуры предыдущего
• обязан относиться в иерархии к H предыдущего ранга напрямую

Например: врачи с ФИО (сфера, где важны знаменитые имена, и только поэтому их можно вставить в мета тег), и предыдущий Заголовок был H2 Терапевты, то в Н3 под ним нельзя вписать всех: гинекологов, стоматологов, хирургов.

Технические Рекомендации

✅ Маленькая h или заглавная H буква в коде — по стандартам html-кода прописная.

✅ Код лучше, когда он чище. Не рекомендую вставлять размер шрифта, курсив, жирный, центровку. Эти настройки делаются для всех элементов программистом на весь сайт: вид и размер шрифтов, цвета при наведении на ссылку, открытых и нетронутых линков. Если установите параметры в корне css, тогда html код будет красивее. Желательно это предусмотреть на этапе верстки.

• В Tilda эта функция находится: Мои сайты → Store → Настройки сайта → Шрифты и цвета
• В WordPress в теме: Внешний вид → Настроить → Типографика

✅ Все мета H1, H2, H3, H4, H5, H6 должны быть видимы читателям ресурса. Пустые, скрытые, только в одной из версий - мобильной или в десктопе  — это серое SEO. Не рекомендую жульничать, если не хотите попасть под Фильтры поисковых систем.

Иерархия

После H1 идут H2, их может быть больше одного. Количество H2 — в соответствии с содержимым контента. Если большой перечень наименования продукции, их лучше распределить и внести в H3 после того, как вы все категории продуктов разместили в h2. Подзаголовок H3 употребляется только после H2.

Если сравнить всю эту систему с курсовой работой, то H1 — это первая глава. Эти элементы как в дипломной работе, где присутствует иерархия и логическая вложенность заголовков.

🚫 Нельзя перепрыгивать и заполнять любой нижний уровень (например H5), если перед ним нет предыдущего (например H4). Если вы используете H3 сразу после Главного H1, то это абсурдно с точки зрения лектора, как и поисковой системы.

✅ Важность имеют H1 и H2, а H3, H4, H5, H6 не обязательны к заполнению. Но! Нельзя 🚫 их прописывать бездумно на отвлеченные темы, как «услуги», если они не уместны или не относятся к семантике. Замените это слово на конкретный сервис: создание сайтов, SPA процедуры, шиномонтаж, свадебный макияж, аквариумистика, корма для питомцев, кухни из массива, земляные работы и тд…

✅ Сколько раз нужно обязательно употребить H для успешного SEO? Количество H элементов зависит только от вашего контента, нельзя точно сказать цифру. Но! Все слова, по которым могут искать страницу, именно широкие запросы — в идеале записать в тэги. Для короткой обязателен только главный заголовок. А у лэндинг пэйдж и лонг ридов может быть бесчисленное количество H2, H3, H4, H5, H6.

Инструменты - Как проверить

Самое удобное - скачать расширения Chrome для просмотра иерархии заголовков. Рекомендую пользоваться обоими.