Что такое заголовки h1–h6
Заголовки h1–h6 — это специальные HTML-теги, которые используются для оформления заголовков разного уровня. Буква «h» означает «heading» (заголовок), а цифра указывает уровень вложенности.
<h1> — главный заголовок страницы
<h2> — подзаголовок первого уровня
<h3> — подзаголовок внутри h2
и так далее до <h6>
Семантическая структура заголовков напоминает оглавление книги:
h1 — название главы, h2 — подраздел, h3 — пункт подраздела и т.д.
Почему заголовки важны
Правильное использование заголовков полезно сразу на нескольких уровнях:
1. Для SEO
Поисковые системы используют заголовки, чтобы понять тематику и иерархию контента.
Наличие ключевых слов в заголовках усиливает релевантность страницы.
h1 и h2 особенно влияют на определение темы материала.
2. Для пользователей
Заголовки облегчают восприятие текста.
Позволяют быстро находить нужную информацию при сканировании страницы.
Делают страницу визуально удобной, структурированной.
3. Для доступности
Читатели с нарушениями зрения, использующие скринридеры, ориентируются по заголовкам при навигации по странице.
Роль каждого уровня заголовков
Каждый заголовок выполняет свою задачу:
На странице должен быть только один тег h1.
Это «тема всей страницы» — аналог заголовка статьи или названия товара.
Обычно соответствует мета-тегу title по смыслу.
Используются для деления текста на логические блоки.
Например: «Преимущества», «Как работает», «Отзывы».
Уточняют отдельные элементы раздела.
Например, внутри «Преимущества» могут быть: «Скорость», «Безопасность», «Надёжность».
Используются редко, в основном в длинных текстах.
Применяются для глубокой детализации или многоуровневых структур.
Как правильно использовать заголовки: пошаговое руководство
Правильная работа с заголовками — это сочетание логики, семантики и чистого HTML-кода. Вот базовые принципы:
1. Используйте только один h1:
На каждой странице должен быть один главный заголовок — это ориентир и для поисковиков, и для пользователя. Повторение нескольких h1 может запутать алгоритмы и понизить релевантность.
2. Соблюдайте иерархию
Не стоит перескакивать через уровни без логики. h2 должен идти после h1, h3 — после h2 и т.д. Нельзя ставить h4 сразу после h1 — это нарушает структуру.
3. Добавляйте ключевые слова
Включайте релевантные ключи в заголовки — особенно в h1 и h2. Но без переоптимизации: текст должен быть естественным.
4. Избегайте дублирования заголовков
Каждый заголовок должен быть уникальным. Если на одной странице несколько заголовков с одинаковым текстом, это мешает восприятию и может снизить ценность страницы.
5. Не заменяйте заголовки стилями
Никогда не оформляйте заголовки с помощью <div> + CSS. Это выглядит красиво, но теряется семантический смысл, и поисковик не будет считать это заголовком.
Примеры правильной структуры
Представим, вы пишете статью «Как выбрать велосипед»:
<h1>Как выбрать велосипед: подробный гид</h1>
<h2>Типы велосипедов</h2>
<h3>Горные велосипеды</h3>
<h3>Городские велосипеды</h3>
<h2>На что обратить внимание</h2>
<h3>Материал рамы</h3>
<h3>Размер колёс</h3>
<h3>Тип тормозов</h3>
<h2>Выводы</h2>
Такая структура читается и людьми, и роботами. Она логична, последовательна и даёт чёткое понимание содержания.
