Навчання
H1 і структура заголовків: як організувати заголовки сторінки
Практичний гайд про заголовки: для чого H1 і H2–H6, правила хорошої ієрархії, чим H1 відрізняється від title-тега і як провести аудит структури.
Запусти свіжий аудит DomainLens і використовуй звіт як список пріоритетів.
Для чого потрібні H1 і заголовки
Заголовки (H1–H6) — це структура твоєї сторінки. Вони кажуть читачеві — і пошуковику, і скрінрідеру — як організовано контент і про що кожна секція. H1 — головний заголовок сторінки: однорядкова відповідь на «що це за сторінка?», показана на самій сторінці, на відміну від title-тега, що живе у видачі й на вкладці браузера.
Пошуковики використовують структуру заголовків, щоб зрозуміти тему й ієрархію, а чіткі заголовки ще й допомагають вигравати featured snippets і ранжуватися за підтемами. Але більший виграш — зазвичай доступність і читабельність: сторінку з логічною структурою заголовків легше сканувати всім і навігувати допоміжним технологіям.
Правила хорошої структури заголовків
- Один H1 на сторінку, що чітко називає головну тему — сприймай його як заголовок сторінки.
- Використовуй H2 для основних секцій і H3–H6 для вкладених підпунктів, по порядку.
- Не пропускай рівні заради стилю (H2 одразу на H4); тримай ієрархію логічною, а стилізуй через CSS.
- Роби заголовки описовими, щоб читання лише заголовків давало зв’язну структуру сторінки.
- Включай релевантні терміни природно, де пасує — заголовки це легкий сигнал релевантності, а не звалище ключів.
H1 проти title-тега: це не одне й те саме
Це два різні елементи з двома різними завданнями, і їх часто плутають. Title-тег — клікабельний заголовок у видачі й на вкладці браузера; H1 — заголовок на сторінці. Вони можуть бути схожими, але не мусять бути ідентичними — title часто додає бренд чи орієнтований на SERP акцент, тоді як H1 говорить до читача, що вже прийшов.
Сторінка має мати рівно один title-тег і один H1. Проблеми виникають, коли шаблон не видає H1, видає кілька H1 або H1, що суперечить title — усе це затуманює, про що сторінка.
Як провести аудит заголовків
- Переглянь rendered HTML і випиши заголовки по порядку — багато з них вставляє чи перестилізовує JavaScript, тож перевіряй DOM, а не лише source.
- Підтверди, що H1 рівно один і що він відповідає реальній темі сторінки.
- Шукай пропущені рівні й заголовки, використані суто заради візуального розміру, а не структури.
- Перевір, що структура лише із заголовків читається як осмислене резюме сторінки.
- Порівняй H1 із title-тегом: узгоджені за змістом, не обовʼязково ідентичні за формулюванням.
Типові помилки заголовків
- Взагалі немає H1, або логотип/назва сайту розмічені як H1 на кожній сторінці.
- Кілька H1, бо і шаблон, і контент видають по одному.
- Використання тегів заголовків заради візуального розміру (великий H2 для підпису) замість структури.
- Пропуск рівнів, тож структура зламана для скрінрідерів і краулерів.
- Загальні заголовки («Вступ», «Ще»), що нічого не описують про секцію.
Як DomainLens перевіряє заголовки
DomainLens читає rendered заголовки й позначає відсутній H1, кілька H1 і зламану ієрархію, показуючи знайдений H1, щоб ти порівняв його з title та інтентом сторінки.
Використовуй перевірку як структурний сигнал: інструмент каже, що структура зламана; ти вирішуєш формулювання, що і описує кожну секцію для читачів, і підсилює те, за чим сторінка має ранжуватись.