Заголовки h1, h2, h3: как наводить порядок в тексте

В HTML есть специальные теги для заголовков: h1, h2, h3, h4, h5, h6. H1 – самый главный заголовок страницы. H2 – подзаголовки разделов. H3 – подпункты внутри разделов. H4, H5, H6 используются реже для более глубоких уровней вложенности.

Что такое h1 и зачем он нужен

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

Пример хорошего h1 для статьи: «Как выбрать горный велосипед». Пример плохого: «Добро пожаловать на наш сайт» или «Велосипеды» (слишком коротко и неинформативно).

Важно понимать, что h1 не следует путать с title. Title отображается в поисковой выдаче и в браузере, тогда как h1 виден на самой странице. Эти теги могут совпадать, но лучше, чтобы они немного различались в зависимости от контекста. Мета теги также могут помогать с оптимизацией в связке с h1.

Что такое h2 и h3

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

Пример: в статье о горных велосипедах подзаголовками h2 могут быть: «Типы горных велосипедов», «Какой размер колес выбрать», «Материал рамы: что лучше». Внутри этих разделов будут h3, например, «Хардтейл», «Двухподвес», «Эндуро».

Почему заголовки важны для SEO

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

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

Как правильно заполнять заголовки h1, h2, h3

Вот несколько основных правил, которые нужно соблюдать при заполнении заголовков:

1. Один h1 на страницу. На странице может быть только один h1. Он должен быть уникальным и ясно показывать суть документа. Если вы используете несколько h1, это нарушает структуру и может сбить поисковиков.

2. Соблюдайте иерархию. h1 всегда должен идти первым. Далее идут h2, h3, если требуется. Нельзя прыгать с h1 сразу на h3.

3. Включайте ключевые слова. В h1 всегда должен быть основной ключевой запрос, который описывает тему страницы. В h2 и h3 можно включать дополнительные ключи, но только естественно. Не нужно переспамливать.

4. Делайте заголовки уникальными. Каждый h1 должен быть уникальным для страницы. Не используйте однотипные заголовки для разных страниц, например «Товары» или «Главная». Поисковики должны четко понимать, о чем страница.

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

Ошибки в использовании заголовков

Вот основные ошибки, которые можно встретить в использовании заголовков:

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

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

3. Заголовки-ссылки. Если вы оборачиваете заголовки в ссылки, это сбивает поисковиков. Используйте ссылки отдельно, а заголовки как самостоятельный текст.

4. Длинные заголовки. Заголовки, которые слишком длинные (например, h1 длиннее 60 символов), сложно воспринимать и читать. Старайтесь делать заголовки короткими и лаконичными, но при этом информативными.

5. Повторяющиеся заголовки. Например, на страницах с товарами часто используют одинаковые заголовки, например «Купить велосипед». Делайте h1 уникальным для каждого товара или категории.

Как проверить заголовки на сайте

Проверить правильность использования заголовков можно с помощью нескольких методов. Для быстрой проверки можно открыть исходный код страницы (Ctrl+U) и найти теги h1, h2, h3.

Для более детальной проверки используйте инструменты для SEO-аудита, которые помогут вам анализировать все страницы сайта. Мы рассказывали о таких сервисах в статье про сервисы для анализа сайта.

Часто задаваемые вопросы про заголовки h1, h2, h3 (FAQ)

Что такое h1 в HTML?
Это главный заголовок страницы, который должен быть уникальным и информативным. Он помогает поисковикам и пользователям понять суть страницы.

Чем отличается h1 от h2?
H1 – главный заголовок, а h2 – подзаголовок раздела. H1 один на странице, а h2 может быть много.

Что такое h3 и зачем он нужен?
H3 – это подзаголовок третьего уровня, который используется внутри разделов для дальнейшего уточнения информации.

Можно ли использовать несколько h1 на странице?
Нет, на странице должен быть только один h1.