H1 Tag — це HTML-тег головного заголовка сторінки, який позначає її основну тему й найбільший за смисловою вагою рядок. На сторінці має бути один H1, що коротко й точно описує зміст. Для користувача це видимий заголовок угорі, для Google — важливий сигнал про те, чому присвячена сторінка.
Простими словами: H1 — це назва глави в книжці. Одна сторінка — одна головна назва, яка одразу каже, про що піде мова.
Що таке H1 Tag і навіщо він потрібен
H1 виконує дві ролі одночасно. Для людини це орієнтир: заголовок угорі сторінки, за яким вона за секунду розуміє, чи туди потрапила. Для пошуковика це один із сигналів релевантності — Google зчитує H1, щоб зрозуміти головну тему й зіставити її із запитом. Тому в H1 логічно вписувати основне ключове слово сторінки, природно, без переспаму.
Класичне правило — один H1 на сторінку. Формально HTML5 дозволяє кілька, але для SEO чіткіше й безпечніше тримати єдиний головний заголовок, а решту рівнів віддати підзаголовкам H2–H6.
Правила хорошого H1
- Один на сторінку — і він унікальний серед інших сторінок.
- Містить головний ключ — але читається природно, для людини.
- Короткий і конкретний — орієнтир до ~60–70 символів.
- Не дублює Title дослівно — вони можуть відрізнятися формулюванням.
Синтаксис і приклад коду
Головний заголовок оформлюється тегами <h1> … </h1>:
<h1>Купити бігові кросівки в Києві</h1>
Далі йдуть підзаголовки нижчих рівнів:
<h2>Чоловічі моделі</h2>
<h3>Кросівки для асфальту</h3>
Приклад
У картці товару H1 — це назва товару («Кросівки Nike Pegasus 41, чоловічі»), а не назва магазину. Магазин уже вказаний у Title й логотипі. Так і користувач, і Google одразу бачать: сторінка саме про цю модель, а не про магазин загалом.
Часто плутають з…
- Title — це заголовок у вкладці браузера й у сніппеті видачі, він у
<head>. H1 — видимий заголовок у тілі сторінки. Це різні теги. - Тег заголовка (H1–H6) — H1 лише верхній рівень цієї ієрархії, а не вся вона.
Питання та відповіді
Скільки H1 має бути на сторінці?
Рекомендовано один. HTML5 технічно дозволяє кілька, але для зрозумілої структури й SEO краще тримати єдиний головний заголовок.
Чи має H1 збігатися з Title?
Ні, дослівно не обов’язково. Title заточують під клік у видачі, H1 — під людину на сторінці. Головний ключ може бути в обох, але формулювання різні.
Що буде, якщо H1 немає взагалі?
Критичної катастрофи не станеться, але сторінка втрачає сильний сигнал релевантності й стає гіршою для доступності. Google тоді сам вгадує заголовок — і не завжди вдало.
Заголовки на сайті хаотичні або переспамлені? Наведемо лад у структурі — аналіз контенту та SEO-копірайтинг.
Схожі терміни: Header Tag, Title, Meta Description, HTML.
