Моніторинг сайту · №11

Перевірка SEO-тегів сторінки

Чеботар А. · CEO FullCheckApp Оновлено 10 хв читання

Коротко

SEO-теги — це службові елементи в коді сторінки, які відвідувач майже не бачить, а пошукові системи й ШІ-асистенти читають першими: title, meta description, H1, директиви robots, canonical, hreflang і Open Graph. Одна помилка в них, наприклад випадковий noindex, прибирає сторінку з Google і з відповідей ШІ, хоча сайт працює як завжди.

Зміст статті
  1. Що таке SEO-теги?
  2. Чим загрожує помилка в SEO-тегах?
  3. Як SEO-теги впливають на видимість у відповідях ШІ?
  4. Як SEO-теги впливають на оголошення Performance Max?
  5. Чому SEO-теги ламаються?
  6. Як розпізнати проблему з SEO-тегами?
  7. Як перевірити SEO-теги самостійно?
  8. Що перевіряє FullCheckApp
  9. Часті питання
  10. Джерела

Що таке SEO-теги?

SEO-теги — це службові елементи в коді сторінки, які описують її для пошукових систем, соцмереж і ШІ-асистентів. Більшість із них записана в розділі <head> або передається сервером разом зі сторінкою, тому відвідувач їх не бачить. Виняток — заголовок H1: це головний видимий заголовок на самій сторінці.

Від цих елементів залежить, чи потрапить сторінка в пошук, з якою назвою й описом її покажуть і як виглядатиме посилання на неї в Telegram чи Facebook.

ЕлементДе знаходитьсяЗа що відповідає
Title<title>Назва сторінки у вкладці браузера й основний кандидат на заголовок у пошуку
Meta description<meta name="description">Короткий опис, з якого Google може зібрати сніпет
H1Тіло сторінкиГоловний видимий заголовок
Meta robots<meta name="robots">Дозволи для пошукових систем: індексувати сторінку чи ні, показувати сніпет чи ні
X-Robots-TagHTTP-заголовок відповіді сервераТі самі дозволи, що й у meta robots, але задані на сервері — у коді сторінки їх не видно
Canonical<link rel="canonical">Яку адресу вважати основною, якщо сторінка доступна за кількома
Hreflang<link rel="alternate" hreflang>Які є мовні версії сторінки
Open Graph<meta property="og:…">Назва, опис і картинка для прев’ю посилання в соцмережах і месенджерах

Чим загрожує помилка в SEO-тегах?

Найнебезпечніша помилка — випадкова заборона індексації. Директива noindex у meta robots або в заголовку X-Robots-Tag прямо каже Google прибрати сторінку з пошуку:

«Не показувати цю сторінку, медіафайл чи ресурс у результатах пошуку».
— Google Search Central, специфікація мета-тегу robots і X-Robots-Tag (переклад з англ.)

Сайт при цьому відкривається як завжди, тож проблему помічають, лише коли просідає пошуковий трафік. X-Robots-Tag підступніший за мета-тег: його задають у налаштуваннях сервера, і в коді сторінки його просто немає.

Друга за небезпекою — хибний canonical. Якщо він вказує на іншу адресу, наприклад на головну, Google може вважати сторінку копією і показувати в пошуку іншу. Google називає rel="canonical" «сильним сигналом» того, яку адресу вважати основною, і радить вказувати canonical на самій канонічній сторінці, тобто на себе (документація Google).

Помилки в hreflang не ламають сайт, але плутають мовні версії: українському відвідувачу може відкритися російська чи англійська сторінка. Google ігнорує розмітку, якщо сторінки не посилаються одна на одну:

«Якщо дві сторінки не вказують одна на одну, теги буде проігноровано».
— Google Search Central, локалізовані версії сторінок (переклад з англ.)

Задовгі title і description не призводять до санкцій, але Google обрізає заголовок у видачі, «зазвичай під ширину екрана пристрою», а сам заголовок формує автоматично — з title, H1, og:title та іншого помітного тексту на сторінці (документація Google). Тож у пошуку можна побачити зовсім не той заголовок, який ви писали.

Без коректних тегів Open Graph посилання в Telegram, Viber чи Facebook виглядає як голий URL або з випадковою картинкою. Специфікація Open Graph називає чотири обов’язкові властивості: og:title, og:type, og:image і og:url (ogp.me).

Видимість у відповідях ШІ

Як SEO-теги впливають на видимість у відповідях ШІ?

Для відповідей ШІ в Google — AI Overviews і AI Mode — окремих тегів не потрібно. Google прямо пише, що «немає додаткових вимог», щоб з’явитися в цих відповідях, а умова для сторінки та сама, що й для звичайного пошуку:

«Щоб сторінка могла показуватися як допоміжне посилання в AI Overviews чи AI Mode, вона має бути проіндексована й придатна до показу в Google Пошуку зі сніпетом».
— Google Search Central, функції ШІ і ваш сайт (переклад з англ.)

Звідси прямий висновок: meta robots і X-Robots-Tag вирішують, чи може сторінка взагалі потрапити у відповіді ШІ Google. noindex прибирає її і з пошуку, і з AI Overviews. Директива nosnippet, за документацією Google, діє на всі формати результатів, включно з AI Overviews і AI Mode, а max-snippet обмежує, скільки тексту сторінки можна використати як пряме джерело для цих відповідей (документація Google).

Решта тегів працює непрямо. Canonical визначає, яку адресу Google вважає основною для індексу, тож помилка в ньому може залишити потрібну сторінку поза індексом, а отже й поза відповідями ШІ. Title, H1 і og:title Google використовує, щоб сформувати заголовок сторінки, і чим точніше вони описують зміст, тим легше пошуку й ШІ зрозуміти, про що сторінка.

Як SEO-теги впливають на оголошення Performance Max?

Безпосередньо, якщо в кампанії з максимальною ефективністю (Performance Max) увімкнено оптимізацію тексту — функцію, що раніше називалася «автоматично створені об’єкти». Вона пише заголовки й описи оголошень на основі вашого сайту:

«ШІ від Google генерує заголовки й описи на основі контенту цільової сторінки, домену й поточних оголошень».
— Довідка Google Ads, про кампанії з максимальною ефективністю

Довжину текстів Google обмежує: заголовок — до 30 символів, довгий заголовок і опис — до 90 (довідка Google Ads). А згенеровані об’єкти, за словами Google, «перевіряються й оновлюються принаймні кожні 48 годин» (довідка Google Ads), тож зміни на сторінці швидко доходять до оголошень.

З якого саме елемента сторінки береться кожен текст, Google не розкриває. З практики ведення кампаній картина така:

  • Title — головний донор коротких заголовків до 30 символів: система бере його цілком або без назви бренду.
  • H1 — найчастіше стає довгим заголовком до 90 символів або поєднується з title.
  • Meta description — матеріал для описів до 90 символів: його беруть як є, скорочують або перефразовують генеративним ШІ.
  • H2–H3 і списки переваг — фрази на кшталт «Безкоштовна доставка від 2000 грн» чи «Гарантія 12 місяців» стають готовими перевагами для додаткових заголовків і текстів.

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

Чому SEO-теги ламаються?

Майже завжди — після змін на сайті, які робили зовсім з іншою метою:

  • Перенесення з тестової версії. На тестовому сайті вмикають заборону індексації — у WordPress це окремий пункт у налаштуваннях читання — і забувають вимкнути після запуску.
  • Оновлення теми чи SEO-плагіна. Новий шаблон формує title і description по-своєму, а H1 зникає або ним стає логотип.
  • Налаштування сервера чи CDN. Заголовок X-Robots-Tag: noindex, доданий для тестового домену, потрапляє на робочий.
  • Шаблонний canonical. У шаблон прописали canonical на головну — і він опинився на всіх сторінках.
  • Нова мовна версія. Сторінку переклали, але hreflang оновили лише на одній мові, і посилання перестали бути взаємними.
  • Автоматичні title. CMS склеює назву товару з описом, і заголовок розростається до кількох сотень символів.

Як розпізнати проблему з SEO-тегами?

Більшість помилок видно не на самому сайті, а в пошуку чи в месенджерах. Типові симптоми і що з ними робити:

Що ви бачитеМожлива причинаЩо зробити
Сторінка зникла з Google, хоча відкриваєтьсяnoindex у meta robots або X-Robots-TagПрибрати заборону в CMS чи на сервері, запросити повторне сканування в Search Console
У пошуку показується інша сторінка вашого сайтуCanonical вказує на іншу адресуВказати canonical на саму сторінку
Заголовок у пошуку обрізаний або не той, що в titleTitle задовгий, неінформативний або повторює словаСкоротити й зробити унікальним для сторінки
Опис у пошуку — випадковий шматок текстуDescription відсутній, однаковий на всіх сторінках або не відповідає змістуНаписати окремий опис для кожної важливої сторінки
Посилання в Telegram чи Facebook без картинкиНемає og:image або картинка недоступнаДодати og:image з робочою адресою
Відвідувачам відкривається не та мовна версіяHreflang неповний або не взаємнийКожна версія має вказувати на себе і на всі інші

Як перевірити SEO-теги самостійно?

Знадобляться лише браузер і безкоштовні інструменти. Перевіряйте так кожну важливу сторінку після будь-якого оновлення сайту:

  1. Відкрийте сторінку й натисніть Ctrl+U (на Mac — Cmd+Option+U), щоб побачити її код. Через пошук Ctrl+F знайдіть <title, name="description", name="robots", rel="canonical", hreflang і og:.
  2. Знайдіть у коді <h1 і переконайтеся, що заголовок описує зміст сторінки, а не містить, наприклад, лише назву компанії з логотипа.
  3. Перевірте X-Robots-Tag: відкрийте інструменти розробника (F12), вкладку Network, оновіть сторінку, виберіть перший запит і перегляньте розділ Response Headers.
  4. У Google Search Console скористайтеся перевіркою URL-адреси: вона покаже, чи дозволене індексування і яку адресу Google обрав канонічною.
  5. Для Open Graph вставте адресу сторінки в Sharing Debugger від Meta — побачите, як виглядатиме прев’ю посилання.
  6. Або скористайтеся перевіркою FullCheckApp «Перевірка SEO-тегів сторінки» й отримайте інформацію в зручному графічному вигляді.

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

Якщо ви обрали останній пункт — ви вже ухвалили правильне рішення: перевірка виконується автоматично, і про попередження чи критичну подію ви дізнаєтеся першими.

Що перевіряє FullCheckApp

FullCheckApp щодня перевіряє SEO-теги на головній і на внутрішніх сторінках, доданих у моніторинг. Для кожного елемента у звіті є значення і позначка: зелена — норма, жовта — варто звернути увагу, червона — проблема.

  • Title — довжина за орієнтиром 30–60 символів. Google не встановлює жорсткого ліміту; це практична межа, за якої заголовок зазвичай не обрізається.
  • Description — довжина за орієнтиром 70–160 символів.
  • H1 — є на сторінці чи відсутній.
  • Meta robots і X-Robots-Tag — значення обох і підсумок: індексація дозволена чи заборонена.
  • Canonical — адреса і чи збігається вона з адресою сторінки.
  • Hreflang — скільки мовних версій вказано і які саме.
  • Open Graph — og:title, og:description, og:image, og:url, og:type, og:site_name і og:locale.
SEOexample.com/coffee/ · приклад
Titleзадовгий95 з 30–60

Кава оптом від 20 кг — свіжообсмажена арабіка й робуста з доставкою по Україні | Example Coffee

Descriptionнорма133 з 70–160

Свіжообсмажена кава оптом від 20 кг: арабіка й робуста для кав’ярень і офісів. Обсмажуємо щотижня, доставляємо по Україні за 1–2 дні.

H1відсутній
Мета-тег robotsindex, follow
X-Robots-Tagне вказано
Індексаціядозволено
Збіг canonicalзбігається зі сторінкою
Hreflang2 версіїuk, ru
Open Graph7 з 7

Ця перевірка оцінює якість тегів на момент перевірки. За змінами — коли title, description чи H1 переписали — стежать окремі перевірки: змін title, змін meta description і змін H1. Статус сторінки за даними самого Google описано в матеріалі про перевірку індексації.

Часті питання

Яка оптимальна довжина title?

Google не встановлює ліміту на довжину title, але обрізає заголовок у результатах пошуку, зазвичай під ширину екрана. Практичний орієнтир — 30–60 символів: такий заголовок здебільшого показується повністю. Важливіше за довжину, щоб title був унікальним, коротко описував зміст сторінки і не повторював ті самі слова.

Чи потрібен meta description, якщо Google усе одно може його замінити?

Потрібен. Google здебільшого будує сніпет із тексту сторінки, але використовує meta description, коли той точніше описує сторінку. Пишіть окремий опис для кожної важливої сторінки: однакові описи на всьому сайті, за словами Google, користі не дають.

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

Один. MDN, довідник веброзробників від Mozilla, пише, що стандарт HTML дозволяє кілька H1, але найкраща практика — один H1, який описує зміст сторінки. Google за кілька H1 не штрафує, про це говорив Джон Мюллер із Google. Проте заголовок у видачі Google формує з title, головного видимого заголовка й елементів заголовків, тож один чіткий H1 спрощує йому вибір.

Чим meta robots відрізняється від robots.txt?

robots.txt вирішує, чи можна сканувати сторінку, а meta robots — чи можна її індексувати й показувати в пошуку. Якщо сторінку закрито в robots.txt, Google не прочитає її код і не побачить noindex, тож заборона індексації не спрацює.

Чи прибирає noindex сторінку з AI Overviews?

Так. Щоб потрапити в AI Overviews і AI Mode, сторінка має бути проіндексована, а noindex забороняє показ у пошуку Google. Директива nosnippet теж діє на AI Overviews і AI Mode, а max-snippet обмежує обсяг тексту, який ці відповіді можуть узяти зі сторінки.

Джерела

  1. Google Search Central — Influencing title links in Google Searchdevelopers.google.com/search/docs/appearance/title-link
  2. Google Search Central — Control your snippets in search resultsdevelopers.google.com/search/docs/appearance/snippet
  3. Google Search Central — Robots meta tag, data-nosnippet, and X-Robots-Tag specificationsdevelopers.google.com/search/docs/crawling-indexing/robots-meta-tag
  4. Google Search Central — How to specify a canonical URLdevelopers.google.com/search/docs/crawling-indexing/consolidate-duplicate-urls
  5. Google Search Central — Tell Google about localized versions of your pagedevelopers.google.com/search/docs/specialty/international/localized-versions
  6. Google Search Central — AI features and your websitedevelopers.google.com/search/docs/appearance/ai-features
  7. Google Search Central — SEO Starter Guidedevelopers.google.com/search/docs/fundamentals/seo-starter-guide
  8. The Open Graph protocologp.me/
  9. MDN Web Docs — <h1>–<h6>: HTML section heading elementsdeveloper.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/Heading_Elements
  10. Google Search Central (YouTube) — Multiple H1 Headings: How to Handle Them for SEO & Accessibility?www.youtube.com/watch?v=zyqJJXWk0gk
  11. Довідка Google Ads — Про кампанії з максимальною ефективністюsupport.google.com/google-ads/answer/10724817?hl=uk
  12. Довідка Google Ads — Про текстові об’єкти для кампаній із максимальною ефективністюsupport.google.com/google-ads/answer/14528373?hl=uk
  13. Довідка Google Ads — Про оптимізацію тексту в кампаніях із максимальною ефективністюsupport.google.com/google-ads/answer/10724897?hl=uk

Перевірте свій сайт

Додайте адресу сайту — перша перевірка пройде одразу, і ви побачите стан кожного пункту з цього матеріалу.

Перевірити безкоштовно

Схожі матеріали

09 Перевірка robots.txtЩо таке файл robots.txt, як один рядок Disallow: / закриває весь сайт від пошуковиків і чому це часто трапляється після переносу з тестової версії. 15 Моніторинг змін titleЩо таке title сторінки, як він показується в результатах пошуку і чому CMS або плагін можуть непомітно його замінити. 20 Перевірка індексації сторінок у GoogleЩо означає «сторінка в індексі», чому Google може її не індексувати і як перевірити статус і canonical конкретної сторінки.