Перевірка мета-тегів онлайн — Title, Description, OG | Безкоштовно

Як користуватися інструментом

1. Введіть URL сторінки (опційно) — він з’являється у прев’ю Google як шлях до сторінки, а також потрапляє в og:url при експорті HTML.
2. Вставте Title tag — ваш заголовок, який Google показує як клікабельне посилання у результатах пошуку. Інструмент рахує і символи, і пікселі, які займає ваш текст у шрифті Arial 20 px — саме так Google відмальовує snippet.
3. Вставте Meta description — короткий опис сторінки. Google використовує його як текст сниппета, але приблизно у 60% випадків переписує під конкретний запит користувача.
4. (Опційно) Додайте Open Graph поля — og:image, og:title, og:description. Вони керують тим, як ваша сторінка виглядає у Facebook, Slack, LinkedIn та інших соцмережах.
5. Перемкніть вкладки прев’ю: Google Desktop → Google Mobile → Facebook → X (Twitter). На кожній ваш snippet відобразиться з реальним обрізанням за пікселями.
6. Скопіюйте готовий HTML-блок кнопкою «Копіювати» — у нього вже включені <title>, <meta name="description">, OG-теги та Twitter Card.

Оптимальна довжина title та description у 2026 році

Google, Bing та Yandex обрізають сниппет за шириною у пікселях, а не за кількістю символів — тому «60 символів» є лише орієнтиром. Реальні ліміти:

Широкі літери (W, M, @) займають до 18 пікселів, вузькі (i, l, t) — 4–6 пікселів. Title із 60 символів, де переважають W і M, вийде за 580 px; title із 65 вузьких символів — ні. Тому перевіряйте обидві метрики.

На мобільних пристроях з 2020 року Google використовує трирядковий формат title, тому 540 px ліміту на desktop там немає — але description обрізається жорсткіше, до 680 px.

Що перевіряє інструмент

Приклади хороших і поганих мета-тегів

Поганий title (50 символів, keyword stuffing):

Купити квіти Київ | Квіти доставка Київ | Квіти онлайн Київ

— слово «Київ» і «квіти» повторюються тричі. Google помітить маніпуляцію, користувач не отримає додаткової інформації.

Хороший title (57 символів):

Доставка квітів у Києві за 2 години — Букети від 450 грн

— один ключ, конкретна перевага (швидкість), конкретна цифра.

Поганий description (45 символів):

Магазин квітів у Києві. Доставка.

— занадто короткий, не дає CTA, не відповідає на типові питання «скільки коштує», «за який час».

Хороший description (148 символів):

Букети троянд, піонів та сезонних квітів від 450 грн. Доставка Києвом за 2 години,
безкоштовно від 1 500 грн. Фото букета перед відправленням.

— три конкретні вигоди (ціна, швидкість, прозорість), природне входження ключа.

Чек-лист ідеального title

1. Основне ключове слово на початку — воно отримує найбільшу вагу у Google.
2. Довжина 50–60 символів (до 580 px) — щоб не обрізалось у desktop-сниппеті.
3. Унікальність для кожної сторінки сайту — дублі title Google вважає ознакою тонкого контенту.
4. Бренд у кінці через роздільник (—, |) — піднімає CTR за брендовими запитами, але не «з’їдає» місце під ключі.
5. Без CAPS LOCK — Google рендерить як звичайний регістр і знижує довіру.
6. Без спец-символів у надлишку (🔥✅⭐) — Google часто видаляє або замінює їх.
7. Конкретна цифра або рік («12 способів», «у 2026 році») піднімають CTR на 15–35% за даними Backlinko.
8. Узгодженість із H1 — різниця у кілька слів нормальна, повна розбіжність — тривожний сигнал.

Чек-лист ідеального meta description

1. 120–160 символів для desktop, 100–130 для mobile-first.
2. Включайте основне ключове слово — Google виділяє його жирним у сниппеті.
3. CTA наприкінці — «дізнайтесь», «перевірте», «читайте». Піднімає CTR за даними досліджень Ahrefs.
4. Відповідайте на пошуковий intent — якщо запит інформаційний, не продавайте; якщо комерційний, дайте ціну або унікальну пропозицію.
5. Унікальний description для кожної сторінки — автоматично згенеровані з шаблонів знижують CTR.
6. Активний голос замість пасивного — «Ми доставляємо» краще за «Буде доставлено».
7. Без кліше — «унікальні пропозиції», «найкращі ціни», «висока якість» не працюють.
8. Телефон або ціна у B2B-тематиках — піднімає кваліфікованість трафіку.

Поширені помилки

• Дублювання title та description по всіх сторінках сайту. Типова ситуація на WordPress із невідредагованим шаблоном. Google вважає це ознакою низькоякісного сайту.
• Title довший за 580 px. Обрізається на півслові — користувач бачить «…» замість ключового слова. Використовуйте наш інструмент, щоб заздалегідь побачити обрізання.
• Keyword stuffing у title. Google знижує ранжування сторінок, де одне слово повторюється 3+ рази. Також страждає CTR: користувач вважає такий сниппет спамним.
• Відсутність og:image. Без картинки пост у соцмережах виглядає як сіра смуга посилання — CTR падає у рази. Мінімальний заділ — один фірмовий 1200×630 px для всього сайту.
• og:image нестандартного розміру. 1080×1080 (квадрат Instagram) у Facebook відображається як квадратна мініатюра без тексту під нею.
• Різні мови у title і description. Google може знизити релевантність для обох ринків.
• Динамічний title, змінений JavaScript. Googlebot рендерить JS, але якщо title встановлюється після кліків — пошуковий бот отримає оригінальний. Краще SSR або статичний генератор (як Hugo) з правильним <title> одразу в HTML.
• Відсутність canonical на сторінках із параметрами. Не стосується title напряму, але пов’язане з індексацією — Google може обрати іншу версію сторінки зі своїм title.

Поширені питання (FAQ)

Скільки символів має містити title у 2026 році?

Google відображає title шириною до 580 пікселів на desktop, що відповідає приблизно 50–60 символам латиницею або 45–55 символам кирилицею. Точний ліміт рахується не за символами, а за пікселями — саме тому наш інструмент показує обидва значення.

Чому Google показує не ту description, яку я написав?

Google у приблизно 60–70% випадків переписує meta description автоматично, підбираючи фрагмент сторінки під конкретний запит. Ваш description всё одно важливий — він використовується як базовий варіант і впливає на CTR у брендових запитах.

Чи має keywords мета-тег SEO-значення?

Ні. Google не враховує тег meta keywords з 2009 року, Bing — з 2014 року. Витрачати час на keywords не варто — зосередьтесь на title, description і структурі контенту.

Яким має бути розмір og:image?

Рекомендований розмір — 1200 × 630 пікселів (співвідношення 1.91:1). Facebook обрізає менші зображення і показує їх як квадратні мініатюри без тексту. Мінімум — 600 × 315 px.

Чи потрібен окремий og:title, якщо є <title>?

Якщо не вказати og:title, соцмережі використовують значення з тегу <title>. Окремий og:title має сенс, коли ви хочете коротшу або емоційнішу формулу для соцмереж.

Як Google рахує довжину — у символах чи пікселях?

Google обрізає title і description за шириною у пікселях, не за кількістю символів. Наш інструмент вимірює пікселі через Canvas API з шрифтом Arial, максимально близьким до Google Sans Text у SERP.

Чи є Twitter Card і Open Graph взаємозамінними?

X (Twitter) зчитує Open Graph як fallback, якщо специфічних twitter:* тегів немає. Мінімальний набір — повний Open Graph + один twitter:card = summary_large_image.

Скільки символів оптимально для meta description у 2026?

Оптимум — 120–160 символів для desktop (до 990 пікселів) і 100–130 символів для mobile (до 680 пікселів). Якщо пишете один description — орієнтуйтесь на 130–140 символів.