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

Краткая суть

Заголовки H1-H6 (от англ. Heading) — это элементы HTML-разметки, помогающие выстроить иерархию текста от самого важного (H1) к наименее важному (H6). Заголовки выполняют двойную роль: они делают текст удобочитаемым для людей (разбивая "простыню" текста на логические блоки) и помогают поисковым роботам понять структуру и семантическое ядро документа (какие темы освещаются на странице).

Как это работает на практике

Когда поисковый бот (например, YandexBot) сканирует страницу, он придает словам, заключенным в тег заголовка, гораздо больший вес, чем обычному тексту абзаца. Заголовок H1 — это название "книги", он должен быть один на страницу и кратко описывать всю суть документа (часто совпадает с названием товара или статьи). Заголовки H2 — это главы, H3 — подглавы и так далее. Если вы пишете статью "Как выбрать велосипед" (H1), H2 будут "Типы велосипедов", "Как подобрать размер", а H3 внутри типа — "Горные", "Шоссейные" и т.д.

Актуальность в 2026 году

Для генерации AI-ответов и сбора быстрых ответов (Featured Snippets), алгоритмам критически необходима четкая структура документа. В 2026 году нейросети "парсят" контент именно по H2/H3 заголовкам. Если пользователь спрашивает "Преимущества горных велосипедов", поисковик найдет на вашей странице H2 "Преимущества горных велосипедов", выдернет следующий за ним абзац текста (или список) и прямо в выдаче ответит пользователю, поставив на вас ссылку.

Как применять на практике

• Соблюдайте строгую иерархию (как матрешка): после H1 идет только H2. Не перепрыгивайте уровни (от H2 сразу к H4), это ломает логику для ботов и скринридеров (доступность/a11y).
• Внедряйте в H1 и H2 среднечастотные (СЧ) и высокочастотные (ВЧ) коммерческие ключи: "Купить кроссовки Nike Air Max", "Сравнительный обзор моделей 2026 года".
• Заголовок H1 может отличаться от мета-тега Title: Title короче и оптимизирован для кликов, H1 может быть более длинным и описательным.
• Если вы создаете оглавление страницы (TOC), используйте ссылки-якоря на H2 и H3. Поисковики любят такие мини-структуры и выводят их в сниппете.

Частые ошибки

• Дизайнерская верстка через H-теги. Иногда разработчики используют <h3> для форматирования текста виджета "Свяжитесь с нами" или цены товара просто потому, что им "нравится размер шрифта". Заголовки — это про смысл, а не про дизайн (дизайн делается через CSS).
• Отсутствие H1 или использование нескольких H1 (хотя стандарт HTML5 это допускает, SEO-сообщество по-прежнему считает 1 на страницу лучшим паттерном).