Перейти до змісту
БазовийСайт і SEO

Мета-теги title і description: що це, які враховує Google, шаблони з прикладами і як підняти CTR

10 хв читання1 886 слів

Коротко

Мета-теги це службові теги в коді сторінки, які розповідають пошуковим системам і соцмережам, про що сторінка і як її показувати. Найважливіші для власника сайту title і meta description: title Google використовує як одне з джерел заголовка результату у видачі, description може стати описом під ним, а від них залежить, чи клікнуть на вас. Пишіть унікальний title з головним запитом на початку, орієнтовно до 60 символів, і description, який відповідає на запит і дає причину перейти. Тег keywords Google не використовує взагалі. Перевіряйте мета-теги в Search Console, а CTR сторінок дивіться у звіті «Результати пошуку» (Performance).

+60: кліків на місяць дає сторінці з 4 000 показів новий title і description, якщо CTR зростає з 2 % до 3,5 %

Станом на кінець жовтня 2026. Назви бізнесів і цифри в прикладах умовні.

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

Мета-теги це службові теги в розділі head сторінки, які дають пошуковим системам і іншим сервісам додаткову інформацію про сторінку: опис, правила індексації, кодування, відображення на телефоні. Так їх описує Google Search Central. Відвідувач на самій сторінці їх не бачить. Title формально не мета-тег, а елемент title, але в розмові його зазвичай зараховують до мета-тегів. Решта матеріалів про сайт і пошук зібрані в темі «Сайт і SEO».

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

Які мета-теги важливі для Google, а які ні?

Google підтримує обмежений список, а теги, яких не підтримує, просто ігнорує.

Тег Як виглядає Що робить Як ставиться Google
title <title>Назва сторінки</title> Назва сторінки у вкладці браузера і перше в переліку джерел заголовка у видачі Враховує; може замінити, якщо title неточний
description <meta name="description" content="…"> Короткий опис сторінки Іноді бере для сніпета
robots <meta name="robots" content="noindex"> Дозволяє чи забороняє індексацію і показ сніпета Враховує; за замовчуванням index, follow
viewport <meta name="viewport" content="…"> Як показувати сторінку на мобільному Наявність тегу для Google ознака, що сторінка адаптована під телефон
charset <meta charset="utf-8"> Кодування тексту Враховує; радить UTF-8
canonical <link rel="canonical" href="…"> Яку з однакових сторінок вважати основною Сильний сигнал; остаточно основну сторінку обирає Google
hreflang <link rel="alternate" hreflang="uk" href="…"> Мовні версії сторінки Враховує для зв’язку версій; мову сторінки визначає за текстом
Open Graph <meta property="og:title" content="…"> Заголовок, опис і картинка для прев’ю в соцмережах і месенджерах og:title серед джерел заголовка у видачі
keywords <meta name="keywords" content="…"> Перелік слів, за якими сторінку мали б знаходити Не використовує, на індексацію і ранжування не впливає

Протокол Open Graph дозволяє будь-якій сторінці стати повноцінним об’єктом у соцмережі, і за описом на ogp.me його використовує зокрема Facebook. Обов’язкових властивостей чотири: og:title, og:type, og:image і og:url. Як знайти технічні проблеми на кшталт помилкового noindex чи дублів без canonical, описано в чеклісті технічного аудиту сайту.

Як Google формує заголовок результату у видачі?

Автоматично, і title лише одне з джерел. У документації «Influencing title links» Google перелічує, звідки бере заголовок: вміст title, головний видимий заголовок сторінки, заголовки на кшталт h1, og:title, інший великий і помітний текст, текст сторінки, анкори посилань на сторінці, текст посилань, що ведуть на цю сторінку, і структуровані дані WebSite. Із чого складається SEO-текст сторінки, пояснює матеріал SEO-копірайтинг: що це.

Google замінює ваш title, коли бачить у ньому проблему. Типові випадки з документації:

  • Півпорожній title, наприклад «| Назва сайту»: Google добере назву товару з тексту.
  • Застарілий: у title «Вступ 2025», а на сторінці «Вступ 2026».
  • Неточний: title не описує того, що на сторінці.
  • Шаблонний: десятки сторінок з однаковим title без розрізнення.
  • Без чіткого головного заголовка: кілька однаково великих заголовків на сторінці.
  • Інша мова чи транслітерація: title латиницею на україномовній сторінці.

Переписування трапляється часто. Moz у дослідженні 57 832 title, яке провів Пітер Маєрс, нарахував 58 % переписаних. Після змін Google має заново просканувати сторінку, і за документацією це займає від кількох днів до кількох тижнів.

Якої довжини має бути title і як його скласти?

Google не обмежує довжину title, але обрізає заголовок у видачі під ширину екрана пристрою. Тому орієнтир беруть з досліджень: Zyppy (Сайрус Шепард, оновлено 1 липня 2026 року) проаналізувала 80 959 title з 2 370 сайтів і радить 50–60 символів, або 580–600 пікселів для комп’ютера. Title на 51–55 символів Google переписував приблизно в 40 % випадків, довші за 70 символів майже завжди, а дуже короткі, на 1–5 символів, більш ніж у 96 % випадків.

Рахуйте в пікселях, а не лише в символах: «Ш» ширша за «і», тож два title по 60 символів можуть обрізатися по-різному. Перевірити допомагає будь-який сервіс попереднього перегляду сніпета. Назву бренду Google радить додавати коротко на початку чи в кінці через дефіс, двокрапку чи вертикальну риску.

Тип сторінки Шаблон Умовний приклад
Послуга Послуга + місто: вигода чи ціна | Бренд Ремонт пральних машин у Дніпрі: виїзд за 2 години | Майстер
Товар Назва товару + головна характеристика: ціна, доставка | Магазин Електрочайник скляний 1,7 л з підсвіткою: ціна, доставка | ДімТех
Категорія Категорія купити + місто чи «в Україні»: ціни від X грн | Магазин Дитячі комбінезони купити в Києві: ціни від 890 грн | Малюк
Стаття Головний запит: що всередині Точка беззбитковості: формула і приклад розрахунку
Головна Бренд: хто ви і де Кав’ярня Зерно: спеціальна кава і випічка на Подолі

Для магазинів з тисячами товарів title і description складають шаблонами зі змінних: назва, бренд, ціна, категорія. Такі шаблони є в більшості CMS, про них нижче. Головний запит для кожної сторінки беріть із семантики; як її зібрати, описано в статті про семантичне ядро для сайту послуг.

Коли Google показує ваш description, а коли свій?

Ваш description Google показує тоді, коли вважає його точнішим описом, ніж текст зі сторінки. За документацією «Control your snippets», сніпет створюється насамперед з контенту сторінки і може бути різним для різних запитів. Обмеження довжини description немає, але сніпет обрізається під ширину екрана. Ahrefs у 2020 році порівняла description сторінок зі сніпетами на 20 000 запитів: Google переписував наявний description у 62,78 % випадків, для коротких популярних запитів у 59,65 %, для довгих у 65,62 %.

Що Google радить для description:

  • Унікальний для кожної сторінки. Однакові описи на всіх сторінках нікому не допомагають.
  • Конкретні дані. Для товару ціна і характеристики, для статті автор і дата, для послуги години роботи і район.
  • Шаблони для великих сайтів. Програмна генерація з даних сторінки допустима і навіть рекомендована, якщо описи виходять різними і читабельними.
  • Без переліку пошукових запитів. Опис з довгого рядка запитів Google показує рідше.

Заборонити сніпет можна тегом robots зі значенням nosnippet, обмежити довжину значенням max-snippet, а приховати частину тексту атрибутом data-nosnippet.

Як переписати title і description, щоб зріс CTR?

Поставити на початок title головний запит і конкретну вигоду, а в description дати причину клікнути саме на вас.

Умовний приклад. Сторінка послуги сервісу ремонту пральних машин має в Search Console 4 000 показів на місяць і CTR 2 %. CTR Google визначає як кількість кліків, поділену на кількість показів.

Було: title «Послуги | Майстер», description «Ми надаємо якісні послуги для наших клієнтів». Стало: title «Ремонт пральних машин у Дніпрі: виїзд за 2 години | Майстер», description «Ремонтуємо пральні машини вдома: виїзд у день звернення, гарантія 6 місяців на роботу. Ціни на ремонт і запис на сайті.»

Показник До Після
Покази за місяць 4 000 4 000
CTR 2 % 3,5 %
Кліки 4 000 × 0,02 = 80 4 000 × 0,035 = 140
Заявки при конверсії сайту 5 % 80 × 0,05 = 4 140 × 0,05 = 7

Різниця: 140 − 80 = 60 кліків на місяць, тобто на 75 % більше (60 / 80 = 0,75), і 3 додаткові заявки без жодної гривні на рекламу. Покази в прикладі не змінились, бо позиція та сама: CTR залежить від позиції, тож порівнюйте 4 тижні до і 4 тижні після змін при схожій середній позиції. Чи справді 5 % для сайту послуг багато чи мало, розібрано в статті про конверсію сайту.

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

Трьома способами, від найпростішого до найточнішого.

  1. Код сторінки. Ctrl+U у Windows чи Cmd+Option+U на Mac відкриває вихідний код; знайдіть пошуком <title> і name="description".
  2. Інструмент URL Inspection у Search Console. Google сам радить перевіряти мета-теги цим інструментом. Кнопка View crawled page показує HTML, який отримав Google, а Test live URL перевіряє поточну версію сторінки.
  3. Звіт «Результати пошуку» (Performance) у Search Console. На вкладці Pages видно покази, кліки, CTR і середню позицію кожної URL. Сторінки з тисячами показів і низьким CTR перші кандидати на новий title. Покроково звіт розібрано в статті як користуватись Google Search Console.

Для швидкого перегляду title під час серфінгу Moz пропонує безкоштовне розширення MozBar, а для масової перевірки сотень сторінок використовують краулери сайтів.

Де редагувати мета-теги в WordPress, Хорошопі і Tilda?

Платформа Окрема сторінка Шаблони та інші налаштування
WordPress з плагіном Yoast SEO Блок Yoast SEO в редакторі запису, розділ Search appearance: поля SEO title, slug і meta description, з попереднім переглядом у Google; є в безкоштовній версії Yoast SEO → Settings → Content types, Categories & tags чи інший розділ → Search appearance
Хорошоп Поля title, h1, keywords і description у властивостях конкретної сторінки Маркетинг → SEO → SEO шаблони → +Додати: для категорій, категорій з фільтром, брендів, товарів, новин
Tilda Page Settings → SEO → Customize search results preview: поля Title і Description; без цього Tilda бере назву й опис з вкладки General Прев’ю для соцмереж окремо: Page Settings → Social media → Customize social media preview

Дві деталі з довідки Хорошопу: значення з SEO-шаблонів потрапляють лише в код сайту і не з’являються в полях адмінки, а шаблон не успадковується вкладеними розділами, тож підрозділи треба обрати окремо. У шаблоні доступні змінні на кшталт {title}, {brand}, {price} і {site}. Якщо ви ще обираєте платформу, ціни і можливості семи конструкторів порівняно в статті про те, який конструктор сайтів обрати.

Коли мета-теги не допоможуть?

Коли проблема не у вигляді сніпета. Якщо сторінка не в індексі через noindex чи помилку, title ніхто не побачить. Якщо сторінка на третій сторінці видачі, CTR у неї близький до нуля за будь-якого title: спершу потрібні контент і посилання; що реально рухає позиції, пояснено в статті SEO простими словами. Якщо зміст сторінки не відповідає запиту, гарний title приведе клік, але людина повернеться у видачу. А на сторінках із кількома десятками показів на місяць експеримент з CTR не дасть надійного висновку: різниця в кілька кліків випадкова.

Часті помилки

  1. Однаковий title на всіх сторінках. Google наводить приклад магазину, де кожна сторінка названа «Cheap products for sale», і користувачу неможливо їх розрізнити.
  2. Дублікати description. Google прямо пише, що однакові чи схожі описи на всіх сторінках не допомагають, коли ці сторінки з’являються у видачі.
  3. Переспам ключами. «Ремонт телефонів, ремонт смартфонів, ремонт телефонів Київ» Google називає keyword stuffing, тобто набиванням запитів, і такий результат виглядає спамним.
  4. Півпорожній чи застарілий title. «| Назва сайту» чи рік, якого вже немає на сторінці.
  5. Title транслітом чи іншою мовою. Google радить писати title тією самою мовою і абеткою, що й основний текст.
  6. Робота з keywords замість title. Google цей тег ігнорує.
  7. Мета-теги через JavaScript. Google радить по можливості не вставляти і не змінювати мета-теги скриптами, а якщо інакше не можна, ретельно тестувати.
  8. Чекати результату наступного дня. Google помітить нові title і description лише після повторного сканування, а це від кількох днів до кількох тижнів.

Джерела

Джерела

  1. 01
  2. 02
  3. 03
  4. 04
  5. 05
  6. 06
  7. 07
  8. 08
  9. 09
  10. 10
  11. 11
  12. 12
  13. 13
  14. 14
  15. 15
  16. 16

FAQ

Питання й відповіді

Що таке мета-теги простими словами?
Це службові рядки в коді сторінки, яких відвідувач не бачить на самій сторінці. Вони підказують пошуковим системам і соцмережам, як назвати сторінку у видачі, який опис показати, чи можна її індексувати і як відображати на телефоні.
Чим title відрізняється від description?
Title це назва сторінки: її видно на вкладці браузера, і з неї Google бере клікабельний заголовок результату у видачі, якщо не знаходить проблем і не замінює його іншим текстом. Description це короткий опис сторінки, який Google іноді показує під заголовком, якщо вважає його точнішим за текст зі сторінки.
Якої довжини має бути title?
Google не обмежує довжину, але обрізає заголовок під ширину екрана. Дослідження Zyppy на понад 80 тисячах title радить 50–60 символів, або 580–600 пікселів на комп’ютері: такі заголовки Google переписував рідше. Головний запит ставте на початок.
Чи потрібен мета-тег keywords?
Для Google ні. У довідці Google Search Central прямо сказано, що мета-тег keywords Google не використовує і він ніяк не впливає на індексацію і ранжування.
Чому Google показує не мій description?
Бо сніпет Google складає насамперед з тексту сторінки і може показувати різні сніпети на різні запити. Meta description він бере, коли вважає його точнішим описом. За дослідженням Ahrefs 2020 року, Google переписував наявний description у 62,78 % випадків.
Як змінити title і description у WordPress?
Найчастіше через SEO-плагін. У Yoast SEO поля SEO title і meta description є в розділі Search appearance (попередній перегляд у Google) блоку Yoast SEO в редакторі запису, а шаблони для всіх сторінок одного типу задають у Yoast SEO → Settings.

Перелінковка

Де ще про це йдеться

Уся тема
БазовийСайт і SEO

SEO простими словами — що це, з чого складається, скільки часу і грошей потребує в Україні у 2026 і в яких чотирьох ситуаціях бізнесу воно не потрібне

SEO в одному реченні; три частини — технічна, контент, посилання; скільки часу до перших результатів; скільки коштує SEO в Україні у вересні 2026 — фриланс, агенція, самостійно (таблиця з джерелами); 4 ситуації, коли SEO не потрібне; що змінили AI-відповіді у 2025–2026; як перевірити SEO-підрядника.

· 9 хв

БазовийСайт і SEO

Як користуватись Google Search Console: три звіти за 40 хвилин, з яких видно, що писати далі

Google Search Console як користуватись для контенту: один звіт «Результати пошуку» у трьох налаштуваннях. Запити з показами без кліків, позиції 8–20 як найдешевше зростання, канібалізація двох сторінок на один запит, план на 40 хвилин і умовний приклад, як перетворити знахідки на список задач.

· 11 хв

БазовийСайт і SEO

Технічний аудит сайту за годину — чекліст із 20 пунктів, який знаходить більшість проблем

Що перевірити на сайті малого бізнесу самостійно, безкоштовними інструментами, за годину: індексація і Search Console, robots і sitemap, швидкість на мобільному, HTTPS і редиректи, дублі й канонічні адреси, заголовки і мета-описи, структура URL, биті посилання, мобільна версія, розмітка. Для кожного пункту — як перевірити, що вважати проблемою, як виправити або що сказати підряднику.

· 8 хв