Попередній перегляд сніпета в пошуку Google
Перегляньте, як заголовок і мета-опис виглядають у видачі Google на комп’ютері й смартфоні, з межами в пікселях і місцем, де текст обрізається.
Попередній перегляд
Ширини в пікселях – наближені значення, виміряні шрифтом Arial (заголовки 20 пікс., описи 14 пікс.). Google часто змінює макет і може також переписувати заголовки та описи.
- Ширина заголовка
- 0
- Символів у заголовку
- 0
- Ширина опису
- 0
- Символів в описі
- 0
Перевірки
Вміщається: нічого не має обрізатися.
Як користуватися попереднім переглядом сніпета
- Введіть або вставте Заголовок сторінки (вміст її тега
<title>). - Введіть URL сторінки. Перегляд перетворює її на «хлібні крихти», які Google показує над заголовком, і використовує домен як назву сайту, якщо ви не заповнили Назва сайту (необов’язково).
- Вставте Мета-опис.
- Перемикайтеся між Комп’ютер і Смартфон, щоб порівняти два макети.
- Дивіться на ширини під переглядом. Коли число стає червоним, ця частина сніпета обрізається, а перегляд показує, де з’являється «…».
- Скорочуйте або переставляйте текст, доки важливі слова не стануть видимими, а потім натисніть Очистити, щоб перейти до наступної сторінки.
Усе працює у вашому браузері: нічого з того, що ви вводите, не надсилається на сервер.
Чому пікселі важливіші за символи
Google не обрізає заголовки після фіксованої кількості символів. Він обрізає їх, коли вони перестають вміщатися в ширину колонки результату. Заголовок із широких літер (W, M, великі літери) вичерпує місце набагато швидше, ніж заголовок із вузьких (i, l, t). Тому «60 символів» – лише орієнтир: заголовок у 55 символів великими літерами може обрізатися, а заголовок у 65 символів малими вміститься. Для кирилиці це так само: літери на кшталт «ш», «щ», «ю» ширші за «і», «т», «г».
Інструмент вимірює ваш текст у браузері за допомогою canvas, шрифтами, близькими до тих, що використовує Google, і порівнює результат із типовими межами:
| Частина | Шрифт для вимірювання | Наближена межа |
|---|---|---|
| Заголовок | Arial, 20 пікс. | ≈ 600 пікс. |
| Опис, комп’ютер | Arial, 14 пікс. | ≈ 920 пікс. (близько двох рядків) |
| Опис, смартфон | Arial, 14 пікс. | ≈ 680 пікс. |
Усі ширини – наближені значення. Google постійно тестує нові макети, точний шрифт залежить від пристрою й операційної системи, а жирні слова, що збігаються із запитом, займають трохи більше місця. Сприймайте числа як запас безпеки, а не гарантію.
Як показано обрізання
Коли текст надто широкий, інструмент вилучає слова з кінця, доки текст із «…» не вміститься, як це зазвичай робить Google, і показує результат у перегляді. Якщо заголовок – одне дуже довге слово, його обрізають усередині слова. Повна ширина вихідного тексту залишається видимою в статистиці, тож ви знаєте, скільки треба скоротити.
Як писати сніпети, що збирають кліки
- Ставте головну тему на початок заголовка, щоб вона пережила будь-яке обрізання.
- Тримайте назви брендів короткими й наприкінці: «… | Майстерня Мартинюка».
- Пишіть опис як обіцянку читачеві: що дає сторінка, кому, і конкретну деталь, як-от ціну, асортимент чи строк.
- Давайте кожній сторінці унікальний заголовок і опис.
- Не набивайте ключовими словами; Google частіше переписує сніпети, що виглядають перевантаженими.
Поширені запитання
Чи завжди Google показуватиме мій заголовок і опис?
Ні. Google здебільшого використовує ваш <title>, але переписує його, коли він задовгий, повторюваний або не описує сторінку. Замість мета-опису він бере уривок сторінки, коли той краще відповідає запиту. Чіткий і точний сніпет зменшує кількість переписувань.
Чому мій заголовок обрізається раніше, ніж показує інструмент?
Межі наближені, а макет Google змінюється. Запит також може підсвічуватися жирним, а дата чи інший елемент може займати місце. Прагніть залишатися помітно нижче межі, а не лише під нею.
Чи відрізняється межа заголовка на смартфоні?
На смартфонах заголовки можуть переноситися на другий рядок, тому їх рідко обрізають рівно в тому самому місці, що й на комп’ютері. Інструмент використовує той самий бюджет ≈ 600 пікс. для обох пристроїв, що є обережною оцінкою; описам на смартфоні відведено коротший бюджет.
Чи використовують Bing та інші пошукові системи ті самі межі?
Принцип той самий (вони обрізають за шириною), але шрифти й ширини колонок трохи відрізняються. Якщо ваш сніпет вільно вміщається в цьому перегляді, зазвичай він вміститься й деінде.
Чи надсилається мій текст кудись?
Ні. Вимірювання виконуються за допомогою canvas у вашому браузері, і нічого з того, що ви вводите, не залишає ваш пристрій.
Схожі інструменти
- Генератор мета-тегів Безкоштовний генератор мета-тегів: заголовок, мета-опис, канонічний URL, robots і viewport із перевіркою довжини та правильно екранованим HTML.
- Генератор Open Graph і карток для соцмереж Створіть мета-теги Open Graph і картки X (Twitter) із попереднім переглядом того, як ваше посилання виглядатиме в Facebook, LinkedIn і X.
- Перевірка довжини допису для соцмереж Перевірте допис за лімітами символів X, Bluesky, Threads, LinkedIn, Instagram, TikTok, YouTube і сніпетів Google одночасно, просто під час друку.