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

Станом на кінець жовтня 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 % для сайту послуг багато чи мало, розібрано в статті про конверсію сайту.
Як перевірити мета-теги сторінки?
Трьома способами, від найпростішого до найточнішого.
- Код сторінки. Ctrl+U у Windows чи Cmd+Option+U на Mac відкриває вихідний код; знайдіть пошуком
<title>іname="description". - Інструмент URL Inspection у Search Console. Google сам радить перевіряти мета-теги цим інструментом. Кнопка View crawled page показує HTML, який отримав Google, а Test live URL перевіряє поточну версію сторінки.
- Звіт «Результати пошуку» (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 не дасть надійного висновку: різниця в кілька кліків випадкова.
Часті помилки
- Однаковий title на всіх сторінках. Google наводить приклад магазину, де кожна сторінка названа «Cheap products for sale», і користувачу неможливо їх розрізнити.
- Дублікати description. Google прямо пише, що однакові чи схожі описи на всіх сторінках не допомагають, коли ці сторінки з’являються у видачі.
- Переспам ключами. «Ремонт телефонів, ремонт смартфонів, ремонт телефонів Київ» Google називає keyword stuffing, тобто набиванням запитів, і такий результат виглядає спамним.
- Півпорожній чи застарілий title. «| Назва сайту» чи рік, якого вже немає на сторінці.
- Title транслітом чи іншою мовою. Google радить писати title тією самою мовою і абеткою, що й основний текст.
- Робота з keywords замість title. Google цей тег ігнорує.
- Мета-теги через JavaScript. Google радить по можливості не вставляти і не змінювати мета-теги скриптами, а якщо інакше не можна, ретельно тестувати.
- Чекати результату наступного дня. Google помітить нові title і description лише після повторного сканування, а це від кількох днів до кількох тижнів.
Джерела
Джерела
- 01
- 02
- 03Google Search Central, Control your snippets in search results (оновлено 20.04.2026)developers.google.com
- 04
- 05Google Search Central, Tell Google about localized versions of your pagedevelopers.google.com
- 06
- 07Довідка Search Console, URL Inspection toolsupport.google.com
- 08
- 09
- 10
- 11
- 12
- 13
- 14Центр допомоги Хорошоп, SEO шаблони (17.06.2026)help.horoshop.ua
- 15Центр допомоги Хорошоп, Всі SEO можливості (22.06.2026)help.horoshop.ua
- 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.
Перелінковка

