Структура заголовков H1–H3: как оформить статью

Справка MDN по заголовкам HTML

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

Зачем нужна иерархия

Заголовки H1–H6 образуют «оглавление» страницы. Пользователи экранных дикторов переходят по ним как по меню, а поисковые роботы определяют главные темы текста.

Руководство W3C по заголовкам
Рекомендации W3C WAI по структуре заголовков

Правила оформления

H1 — один на странице

Это название материала. В WordPress H1 обычно формируется автоматически из заголовка записи, поэтому в тексте его повторять не нужно.

H2 — основные разделы

Каждый крупный смысловой блок получает свой H2. Для статьи среднего объёма обычно хватает 3–6 разделов.

H3 — подразделы

H3 используется внутри H2, когда раздел нужно разбить на части: шаги инструкции, пункты сравнения, отдельные инструменты.

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

  • пропуск уровней — после H2 сразу идёт H4;
  • заголовки ради крупного шрифта, а не ради структуры;
  • слишком длинные заголовки, которые не помещаются в строку на смартфоне.