Тег H1 і SEO: що каже Google, найкращі практики та приклади

Тег H1 це елемент заголовка першого рівня в HTML. Довідник MDN щодо елементів заголовків описує його як заголовок, що має описувати вміст сторінки, майже так само, як елемент title. Цей посібник розповідає, що H1 дає для SEO, що про нього казав Google і як написати H1, який працює для пошукових систем, читачів і ШІ. Про інші важливі теги читайте в нашому посібнику з HTML-тегів для SEO.

Що таке тег H1?

У HTML є шість рівнів заголовків, від h1 до h6. H1 це верхній рівень: заголовок, який відвідувач бачить першим, над вмістом. Заголовки H2 ділять сторінку на розділи, заголовки H3 ділять розділи, і так далі. Разом вони утворюють структуру сторінки, на яку спирається семантичний HTML, щоб надати сенсу верстці.

У статті блогу H1 зазвичай є назвою статті. На сторінці товару це назва товару. На сторінці категорії це назва категорії. На головній сторінці він має казати, чим займається компанія, а не просто повторювати назву бренду: наш посібник із SEO головної сторінки показує приклади.

Чим відрізняються H1 і тег title?

Їх часто плутають, бо багато CMS заповнюють обидва з одного поля. Вони виконують різні завдання:

Title і H1 можуть бути ідентичними, і на простих сторінках це нормально. Вони також можуть відрізнятися: title, налаштований на клік («Бігові кросівки для плоскостопості: посібник 2026»), і H1, написаний для читача, який уже прийшов («Як обрати бігові кросівки для плоскостопості»). Важливо, щоб обидва описували одну й ту саму тему. Повний набір мета-тегів завершує цю картину.

Чи важливий тег H1 для SEO?

Так, але менше як безпосередній фактор ранжування, ніж як сигнал про те, про що сторінка. Три офіційні заяви окреслюють дискусію:

1. Google використовує H1 для формування заголовків-посилань. Документація Google про заголовки-посилання в результатах пошуку називає елементи заголовків, як-от h1, серед джерел, які він використовує, поряд з елементом title і головним візуальним заголовком. Вона радить зробити головний заголовок помітним, наприклад розмістивши його в першому видимому h1, і попереджає, що коли кілька заголовків мають однакову візуальну вагу, Google може використати перший заголовок як заголовок-посилання.
2. Кількість і порядок заголовків для Google не критичні. Посібник Google для початківців із SEO стверджує, що ідеальної чарівної кількості заголовків не існує і що з погляду Google Search не має значення, чи заголовки використано не по порядку, тоді як семантичний порядок дуже корисний для програм зчитування з екрана.
3. Кілька H1 для Google не проблема. У відео Ask Google Webmasters 2019 року Джон Мюллер сказав, що системи Google справляються зі сторінками з кількома заголовками H1, поширеним на вебі шаблоном, і що сайт може ранжуватися з одним H1, кількома чи жодним.

Висновок: H1 не виштовхне слабку сторінку на вершину, а його відсутність не потопить сильну. Чіткий H1 допомагає Google підтвердити тему, захищає ваш заголовок-посилання від переписування і допомагає кожному відвідувачу, який проглядає сторінку. Саме тому він залишається в кожному чек-листі SEO на сторінці.

Скільки тегів H1 має бути на сторінці?

Один: це найкраща практика, навіть якщо дозволено більше. Стандарт HTML допускає кілька елементів h1, але MDN не радить цього: сторінка зазвичай має мати один h1, що описує її вміст, а вкладення елементів h1 у розділи тепер не відповідає стандарту. Google терпить кілька H1, тож причина мати один криється в чіткості, а не в штрафах: один H1 дає читачам, програмам зчитування з екрана, системі заголовків-посилань Google і ШІ-асистентам єдиний недвозначний головний заголовок.

Кілька H1 зазвичай походять від шаблонів, а не від наміру: логотип, обгорнутий у h1 на кожній сторінці, слайдер з h1 на кожен слайд, заголовок віджета бічної панелі, закодований як h1. Виправте шаблон один раз, і виграє кожна сторінка.

Як написати хороший H1?

1. Опишіть головну тему, з ключовим словом у природній формі

H1 має відповідати на запитання «про що ця сторінка?» кількома словами, у формулюванні, яким люди шукають. Вставте в нього головне ключове слово, коли це читається природно; ніколи не нагромаджуйте варіанти («Дешеве взуття, взуття зі знижкою, розпродаж взуття»).

2. Узгоджуйте з тегом title

H1 і title мають обіцяти те саме. Документація Google називає неточні заголовки, які більше не відображають вміст сторінки, серед випадків, коли він може замінити тег title іншим текстом, наприклад головним заголовком. Генератор SEO-заголовків допомагає скласти обидві версії з того самого ключового слова.

3. Зробіть його видимим і першим

Розмістіть H1 угорі основного вмісту, у вигляді тексту (не всередині зображення), більшим за будь-який інший заголовок. Уникайте H1, прихованого за допомогою CSS, або H1, що містить лише логотип чи назву бренду.

4. Зробіть його читабельним

Офіційного обмеження довжини немає. Прагніть заголовка, який читач охоплює одним поглядом, часто до 70 символів, і спершу прибирайте зайві слова.

5. Побудуйте чисту ієрархію під ним

Після H1 ідуть розділи H2 і підрозділи H3, без пропуску рівнів. Навчальний посібник W3C з доступності щодо заголовків зазначає, що пропуск рівнів може збивати з пантелику і його слід уникати, де це можливо. Наш посібник про форматування допису в блозі застосовує цю структуру до статей.

Як виглядають хороші та погані H1?

Як H1 і заголовки допомагають ШІ-асистентам цитувати вашу сторінку?

ChatGPT, Perplexity, Gemini і AI Overviews від Google рідко цитують сторінку цілком. Вони добирають уривки й складають із них відповідь. Заголовки визначають, де ці уривки починаються і про що вони. H1 задає тему всього документа; кожен H2 і H3 позначає блок, який можна видобути окремо. Це логіка розбиття контенту на фрагменти, а Google застосовує схожу ідею в ранжуванні уривків.

Конкретно: пишіть H1, що називає сутність та інтент («тег H1 і SEO» плюс «що каже Google»), формулюйте H2 як запитання, які ставлять люди, і відкривайте кожен розділ прямою відповіддю з одного-двох речень. Сторінку, заголовки якої читаються як зміст із реальних запитань, легше ранжувати, проглядати й цитувати.

Як перевірити теги H1 на вашому сайті?

• На одній сторінці: клацніть правою кнопкою, перегляньте код і знайдіть h1. Або скористайтеся безкоштовним розширенням Sorank для Chrome, яке одним кліком показує H1, title і повну структуру заголовків будь-якої сторінки.
• Структура заголовків: аналізатор структури заголовків показує дерево H1-H6 і позначає пропущені рівні, порожні заголовки та кілька H1.
• По всьому сайту: краулер або аудит SEO на сторінці перелічує сторінки з відсутнім H1, дубльованим H1 (той самий заголовок на кількох сторінках) або H1, ідентичним назві бренду.

Спершу перевірте шаблони: тема, що обгортає логотип у h1, макет блогу, який використовує h1 для назви сайту, або шаблон товару, що показує назву товару в стилізованому div, а не в заголовку. Одне виправлення в шаблоні виправляє сотні сторінок.

Один видимий H1, який називає тему словами, якими шукають люди, узгоджений із тегом title і за яким іде чиста структура H2 та H3, це найпростіше налаштування заголовків для Google, читачів і ШІ. Якщо ви публікуєте часто, генератор статей для блогу від Sorank пише й публікує статті для SEO та GEO в autopilot із такою вбудованою структурою: один H1, H2 у вигляді запитань і розділи, що починаються з відповіді.