Перевірка сніпета онлайн — як сайт виглядає в Google

SERP-прев'ю — як сайт виглядає в Google

Передперегляд сніпета вашого сайту в Google для Desktop та Mobile. Перевірте довжину Title та Description, favicon, URL. Переконайтеся, що ваш сніпет привертає увагу та не обрізається.

Піксель-точне прев'ю Google Desktop

Піксель-точне прев'ю Google Mobile

Перевірка довжини Title в пікселях

Перевірка довжини Description

Відображення favicon та URL

Автозавантаження даних з URL

Як користуватися

Введіть URL для передперегляду сніпета
Вивчіть, як сніпет виглядає в Google Desktop та Mobile
Оптимізуйте Title та Description для максимального CTR

FAQ

Google відображає Title до ~600 пікселів (приблизно 50-60 символів). На мобільних — до ~480px. Якщо Title довший, Google обріже його з трикрапкою або перепише.

Так, Google може переписати Title та Description, якщо вважатиме їх нерелевантними запиту. Щоб мінімізувати це, пишіть точні та релевантні мета-теги.

Перевірка сніпета: що показує прев'ю і як його читати

Щоб перевірити сніпет сторінки, введіть її адресу. Інструмент завантажує HTML (без виконання JavaScript, проходячи редиректи), бере тег <title> і meta name="description" та малює дві картки — для комп'ютера і для телефона. У рядку адреси — домен і до трьох сегментів шляху, поруч — фавікон, який Google уже знає для цього домену. Під прев'ю є редактор: змінюйте заголовок і опис, картка оновлюється одразу, а смуги під полями показують, яку частку рекомендованого обсягу зайнято.

Таблиця рекомендацій оцінює довжину title (норма — 30–60 символів), довжину description (120–160), наявність og:title, og:image і canonical. Дата перед описом у прев'ю умовна — сьогоднішня. Справжню Google бере зі сторінки чи з розмітки й показує не завжди.

Якщо заголовок формує JavaScript (React чи Vue без серверного рендерингу), прев'ю покаже те, що віддає сервер, — нерідко порожній або загальний title. Google виконує JS, але із затримкою, тож title і description краще віддавати одразу в HTML.

З чого Google складає сніпет

Заголовок-посилання (title link). Основне джерело — <title>. Проте Google зважає й на H1, інші помітні заголовки, og:title, анкори посилань на сторінку і може взяти текст звідти.
Назва сайту і фавікон. Назву визначають за головною сторінкою, підказати її можна розміткою WebSite з полем name. Фавікон має бути квадратним, кратним 48 px і доступним для сканування — це зручно перевірити в перевірці фавікона.
URL або «хлібні крихти». На десктопі — шлях або крихти з розмітки BreadcrumbList. У мобільній видачі з 2025 року Google показує лише домен.
Опис. Не обов'язково ваш description: Google добирає фрагмент під конкретний запит.

Обмеження довжини: символи, пікселі, desktop і mobile

Ліміту в символах Google не оприлюднює — обрізання залежить від ширини тексту в пікселях. «Ш» чи «W» ширші за «і» та «l», тому два заголовки по 60 символів обріжуться в різних місцях. Редактор рахує символи — це зручна мірка з запасом, але якщо заголовок біля межі, дивіться на саму картку: три крапки з'являться там, де текст упреться в ширину блоку.

Елемент	Desktop	Mobile	Практичне правило
Title	близько 600 px — зазвичай 50–60 символів	переноситься на другий рядок, але перші ~55 символів видно завжди	ключове слово й вигода — у перших 50 символах, бренд — наприкінці
Description	близько двох рядків — орієнтир 150–160 символів	рядок вужчий, надійно читається ~120 символів	суть і заклик — у перших 120 символах

За довгий description санкцій немає — його просто обріжуть. Гірше, коли головна думка стоїть у кінці: на телефоні її ніхто не побачить.

Чому Google показує не ваш текст

Переписаний title

За документацією Google заголовок замінюють, коли він:

напівпорожній («Головна», «Без назви») або однаковий на багатьох сторінках;
застарів (у title торішній рік, а на сторінці — поточний);
не відповідає вмісту чи перевантажений ключовими словами через кому;
сильно розходиться з H1 — тоді Google часто бере саме H1.

Рецепт один: title, що точно описує сторінку й узгоджений з H1. Title, description і заголовки однієї сторінки разом зручно звірити в аналізі мета-тегів.

Інший опис

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

Показом можна керувати: <meta name="robots" content="max-snippet:160"> обмежує довжину, nosnippet забороняє сніпет повністю, а атрибут data-nosnippet виключає окремий блок з опису (зручно для цін, що часто змінюються).

Розширені сніпети: що насправді дає розмітка

Мікророзмітка робить сторінку придатною для розширеного результату, але не гарантує його. Частину популярних типів Google останніми роками обмежив:

Тип	Що показується зараз
Product, Offer, AggregateRating	Ціна, наявність, зірки на сторінках товарів. Робочий тип для магазинів.
Review (зірки)	Не показуються для відгуків компанії про саму себе на власному сайті.
FAQPage	З серпня 2023 року — тільки для авторитетних державних і медичних сайтів.
HowTo	Розширені результати вимкнено 2023 року.
BreadcrumbList	Крихти на десктопі; на мобільних — лише домен.
Recipe, Event, VideoObject	Час, дати, прев'ю відео — за дотримання вимог.

Розмітка має описувати те, що видно на сторінці: зірки без видимих відгуків — порушення. Зібрати JSON-LD допоможе генератор Schema.org, перевірити право на показ — офіційний тест розширених результатів.

Як скласти title і description, на які клікають

Сніпет змагається з дев'ятьма сусідами. Виграє не найдовший, а найконкретніший: з нього зрозуміло, що людина отримає, і є причина обрати саме цей результат. Шаблони для типових сторінок:

Сторінка	Title	Description
Категорія магазину	Кросівки чоловічі — 340 моделей, доставка 1–2 дні \| Shop	Nike, Adidas, New Balance в наявності. Приміряння під час отримання, повернення 30 днів.
Стаття	Як вибрати бігові кросівки: 7 параметрів і помилки новачків	Амортизація, дроп, вага й колодка — з таблицею під тип стопи та покриття.
Послуга в місті	Ремонт iPhone у Львові — заміна екрана за 40 хвилин	Гарантія 6 місяців, діагностика безкоштовно, майстер працює при вас.

Головний запит — на початку title, у тій формі, в якій його шукають.
Цифри й конкретика (терміни, кількість, ціна, рік) помітніші за прикметники «найкращий» і «якісний».
Кожна сторінка має власний title: однакові заголовки на пагінації та фільтрах — прямий привід для Google їх переписати.
Description будуйте за схемою «відповідь + причина + дія». Подвійні лапки всередині content екрануйте ("), інакше атрибут обірветься на першій лапці.

Як працювати зі сніпетами

У Search Console знайдіть сторінки на позиціях 1–10 з CTR, нижчим, ніж у сусідніх за позицією. Що таке покази, кліки й CTR — у словнику.
Відкрийте кожну в прев'ю й подивіться очима користувача: чи зрозуміло, що він отримає, чи є цифра, термін, ціна, відмінність від конкурентів.
Перепишіть title і description у редакторі й перенесіть у CMS: у WordPress — поля SEO-плагіна (Yoast, Rank Math), у Tilda — «Налаштування сторінки → SEO», у Бітрікс — властивості сторінки чи SEO-вкладка інфоблоку.
Запросіть повторне сканування через «Перевірку URL» і порівнюйте CTR за рівні періоди через 2–4 тижні. Змінюйте сніпети в одній групі сторінок за раз — інакше не зрозумієте, що спрацювало.

Докладна інструкція до інструмента — у статті «Прев'ю сніпета» бази знань.