Моніторинг сайту · №17
Моніторинг змін H1
Коротко
Моніторинг змін H1 — це регулярне порівняння головного видимого заголовка сторінки з погодженою версією. H1 називає тему сторінки для відвідувачів і програм зчитування з екрана, а Google враховує його, коли формує заголовок у пошуку. Після оновлення шаблону H1 може непомітно зникнути, задвоїтися або перетворитися на назву компанії з логотипа.
Зміст статті
Що таке моніторинг змін H1?
H1 — це заголовок першого рівня, найголовніший видимий заголовок на сторінці. У коді він записаний тегом <h1>. На відміну від title, який видно лише у вкладці браузера, H1 відвідувач читає на самій сторінці — зазвичай це великий текст угорі: назва товару, послуги чи статті.
«Сторінка, як правило, повинна мати один елемент<h1>, який описує її вміст (подібно до елемента<title>документа)».
Моніторинг змін H1 — це регулярна перевірка, чи збігається головний заголовок важливих сторінок із тим, який ви погодили. Якщо він змінився, зник чи задвоївся, ви бачите, що саме було і що стало.
| Елемент | Де видно | Хто читає |
|---|---|---|
| Title | Вкладка браузера, заголовок у пошуку | Пошукові системи, браузер |
| H1 | Сама сторінка, угорі змісту | Відвідувачі, програми зчитування з екрана, пошукові системи |
| H2–H6 | Підзаголовки розділів | Ті самі, для навігації по розділах |
Чи є H1 на сторінці взагалі, оцінює перевірка SEO-тегів. Тут мова про те, як помітити, що заголовок змінився.
Чим загрожує непомітна зміна H1?
Зміна H1 зачіпає одразу три сторони: відвідувачів, людей з порушеннями зору і пошук.
Відвідувачі. H1 — перше, що людина бачить після переходу з пошуку чи реклами. Якщо замість «Кава оптом від 20 кг» на сторінці написано «Новини» чи назва компанії, людина не впевнена, що потрапила куди треба.
Доступність. Програми зчитування з екрана будують із заголовків зміст сторінки, і користувачі переходять від заголовка до заголовка, щоб зорієнтуватися. MDN зазначає, що більшість таких програм уміє показати впорядкований список усіх заголовків сторінки (MDN Web Docs). Зниклий або неінформативний H1 позбавляє цих людей головного орієнтира.
Пошук. Google формує заголовок сторінки у видачі автоматично і серед джерел прямо називає заголовки:
«Google Пошук використовує такі джерела, щоб автоматично визначити посилання-заголовки: вміст елементів<title>; головний візуальний заголовок, показаний на сторінці; елементи заголовків, наприклад елементи<h1>; вміст мета-тегівog:title…»
Тобто якщо title неповний чи шаблонний, Google може взяти заголовок для видачі саме з H1. У документації є приклад: title виду «| Назва сайту» Google може доповнити назвою товару з заголовків на сторінці. Коли H1 непомітно перетворюється на «Головна» чи назву компанії, разом із ним гіршає і цей запасний варіант.
Водночас не варто перебільшувати технічні вимоги. Google пише, що «немає магічної ідеальної кількості заголовків», яку має містити сторінка, а порядок заголовків, хоч і важливий для програм зчитування, для Google Пошуку значення не має (SEO Starter Guide, переклад з англ.). Тож головне в H1 — зміст: він має точно називати тему сторінки.
Як зміна H1 впливає на оголошення Performance Max?
H1 читають не лише відвідувачі й пошукові системи. Кампанії Performance Max з увімкненою оптимізацією тексту (раніше ця функція називалася «автоматично створені об’єкти») складають заголовки й описи оголошень із контенту сайту:
«ШІ від Google генерує заголовки й описи на основі контенту цільової сторінки, домену й поточних оголошень».
Для згенерованих текстів діють ті самі обмеження, що й для написаних вручну: заголовок — до 30 символів, довгий заголовок і опис — до 90 (довідка Google Ads про текстові об’єкти). З якого саме елемента сторінки береться кожен об’єкт, довідка Google не описує. На практиці картина така:
- H1 — найчастіше йде в довгі заголовки до 90 символів або поєднується з title: система сприймає H1 як суть сторінки. Наприклад, H1 «Свіжообсмажена кава оптом від 20 кг з доставкою по Україні» майже готовий довгий заголовок.
- Title — головний донор коротких заголовків до 30 символів. Система може взяти його повністю або без назви бренду.
- Meta description — матеріал для описів до 90 символів. Його можуть узяти як є, скоротити або перефразувати за допомогою генеративного ШІ.
- Підзаголовки H2–H3 і списки переваг, наприклад «Безкоштовна доставка від 2000 грн» чи «Гарантія 12 місяців», — додаткові заголовки й тексти, бо це готові торгові пропозиції.
Коли людина щось шукає, система зіставляє намір її запиту з цими текстами і показує найрелевантнішу комбінацію заголовків і описів. А сам набір текстів Google регулярно оновлює:
«Для забезпечення точності даних ці об’єкти перевіряються й оновлюються принаймні кожні 48 годин».
Звідси практичний висновок: непомічена зміна H1 може змінити те, що кажуть ваші оголошення, протягом приблизно 48 годин. Якщо H1 став назвою компанії з логотипа або текстом акційного банера, довгі заголовки реклами можуть утратити назву товару чи послуги або обіцяти акцію, яка вже закінчилася.
Чому H1 змінюється без вашого відома?
H1 формує шаблон сторінки, тому найчастіше він змінюється разом із дизайном, а не текстом:
- Логотип став H1. Нова тема загортає логотип або назву сайту в шапці в
<h1>. Тепер на всіх сторінках H1 однаковий, а справжній заголовок сторінки став другим H1 або опустився до H2. - Заголовок зник з шаблону. Після оновлення конструктора сторінок назва виводиться звичайним абзацом чи блоком із великим шрифтом, але без тегу заголовка. Відвідувач різниці не бачить.
- Слайдер замість заголовка. На головну поставили банер, і H1 тепер — текст першого слайда: «Розпродаж до −30%» замість опису компанії.
- Масове редагування. Імпорт товарів або пошук і заміна по сайту переписують назви, які шаблон виводить в H1.
- Переклади. Мовна версія показує H1 основною мовою або порожній заголовок.
- Ручні правки. Редактор змінив заголовок статті під нову тему чи акцію і не узгодив це з SEO-фахівцем.
Як розпізнати проблему зі зміною H1?
Частину змін видно на око, частину — лише в коді сторінки:
| Що ви бачите | Можлива причина | Що зробити |
|---|---|---|
| На всіх сторінках однаковий H1 — назва компанії | Тема загортає логотип у <h1> | Змінити тег логотипа в шаблоні, повернути H1 назві сторінки |
| Великий заголовок на сторінці є, а H1 у коді немає | Заголовок виводиться абзацом з великим шрифтом | Обрати для заголовка тип «H1» у редакторі чи шаблоні |
| На сторінці кілька H1 | Новий блок або віджет додав свій H1 | Залишити один H1, решту зробити H2 |
| H1 на головній — текст акційного банера | Слайдер виводить заголовки слайдів як H1 | Повернути H1 з описом компанії чи послуг |
| Заголовок у пошуку взято не з title, а з невдалого тексту сторінки | Title слабкий, а H1 теж змінився | Перевірити обидва елементи, див. моніторинг змін title |
Як відстежувати зміни H1 самостійно?
Для ручного контролю потрібен список погоджених заголовків і перевірка коду, а не лише зовнішнього вигляду:
- Запишіть у таблицю адреси важливих сторінок і їхні поточні H1.
- Відкрийте код сторінки (
Ctrl+U, на Mac —Cmd+Option+U) і знайдіть<h1черезCtrl+F. Перевірте, скільки разів тег трапляється і що в ньому написано. - Якщо сторінка будується скриптами, клацніть правою кнопкою по заголовку й оберіть «Перевірити» (Inspect): так видно тег, з яким заголовок реально показується.
- Після кожного оновлення теми, конструктора сторінок чи плагінів звірте H1 ключових сторінок із таблицею.
- Щоб побачити сторінку так, як її отримав Google, скористайтеся інструментом перевірки URL-адреси в Search Console (довідка Search Console).
- Або скористайтеся перевіркою FullCheckApp «Моніторинг змін H1» й отримайте інформацію в зручному графічному вигляді.
Якщо ви обрали останній пункт — ви вже ухвалили правильне рішення: перевірка виконується автоматично, і про попередження чи критичну подію ви дізнаєтеся першими.
Що перевіряє FullCheckApp
FullCheckApp раз на добу, в обраний вами час, відкриває головну і до 10 внутрішніх сторінок сайту ззовні, як звичайний відвідувач, і порівнює H1 з точкою відліку. Ставити на сайт нічого не потрібно.
- Точка відліку. Перша перевірка записує поточні H1 усіх сторінок у моніторингу, далі кожна перевірка порівнює з ними.
- Результат. Для кожної сторінки — «без змін» або «було → стало» з обома текстами.
- Навмисні зміни. Якщо заголовок змінили свідомо, ви приймаєте зміну однією кнопкою — новий текст стає нормою.
- Критичність. Позначку за зміну H1 — зелену, жовту чи червону — ви налаштовуєте окремо для кожного сайту.
- Сповіщення. Після кожної перевірки — лист зі звітом, критичні проблеми дублюються в Telegram.
Було: Доставка кави по Україні
Стало: Example Coffee
Зміни інших елементів відстежують перевірки змін title, змін meta description і змін тексту.
Часті питання
Скільки H1 може бути на сторінці?
Стандарт HTML дозволяє кілька H1, але MDN не вважає це хорошою практикою й радить мати один H1, що описує зміст сторінки. Google пише, що ідеальної кількості заголовків не існує. На практиці один H1 з назвою теми сторінки зрозумілий і відвідувачам, і пошуку.
Чим H1 відрізняється від title?
Title записаний у службовій частині сторінки й видимий у вкладці браузера та в результатах пошуку. H1 — видимий заголовок на самій сторінці. Їхні тексти можуть відрізнятися, але обидва мають описувати ту саму тему. Google враховує і title, і H1, коли формує заголовок сторінки у видачі.
Чи погано, якщо логотип сайту обгорнутий у H1?
Тоді на кожній сторінці головним заголовком стає назва компанії, а справжня назва сторінки опиняється другим H1 або підзаголовком. Програми зчитування з екрана й пошукові системи отримують менш точний опис змісту. Краще, щоб H1 називав тему конкретної сторінки, а логотип був звичайним посиланням на головну.
Чи можна зробити H1 картинкою?
Можна, якщо в зображення є змістовний альтернативний текст, але надійніше використовувати звичайний текст. Його однаково прочитають відвідувачі, програми зчитування з екрана і пошукові системи, а редагувати й перекладати текстовий заголовок значно простіше, ніж перемальовувати картинку. Тож картинку краще залишити як ілюстрацію поруч із текстовим H1.
Як часто перевіряти H1?
Обов’язково після оновлення теми, конструктора сторінок чи плагінів, редизайну, імпорту товарів і запуску мовної версії. Між оновленнями H1 теж може змінитися через ручні правки. Для ключових сторінок зручніше щоденне автоматичне порівняння з погодженою версією, ніж вибіркові ручні перевірки: зміну видно наступного дня після того, як її зробили.
Джерела
- Google Search Central — Influencing your title links in search resultsdevelopers.google.com/search/docs/appearance/title-link
- Google Search Central — SEO Starter Guidedevelopers.google.com/search/docs/fundamentals/seo-starter-guide
- MDN Web Docs — <h1>–<h6>: The HTML Section Heading elementsdeveloper.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/Heading_Elements
- Search Console Help — URL Inspection toolsupport.google.com/webmasters/answer/9012289
- Довідка Google Ads — Про кампанії з максимальною ефективністюsupport.google.com/google-ads/answer/10724817?hl=uk
- Довідка Google Ads — Про текстові об’єкти для кампаній із максимальною ефективністюsupport.google.com/google-ads/answer/14528373?hl=uk
- Довідка Google Ads — Про оптимізацію тексту в кампаніях із максимальною ефективністюsupport.google.com/google-ads/answer/10724897?hl=uk
Перевірте свій сайт
Додайте адресу сайту — перша перевірка пройде одразу, і ви побачите стан кожного пункту з цього матеріалу.
Перевірити безкоштовно