Utilia

Попередній перегляд сніпета в пошуку Google

Перегляньте, як заголовок і мета-опис виглядають у видачі Google на комп’ютері й смартфоні, з межами в пікселях і місцем, де текст обрізається.

Пристрій

Попередній перегляд

Ширини в пікселях – наближені значення, виміряні шрифтом Arial (заголовки 20 пікс., описи 14 пікс.). Google часто змінює макет і може також переписувати заголовки та описи.

Ширина заголовка
0
Символів у заголовку
0
Ширина опису
0
Символів в описі
0

Перевірки

Як користуватися попереднім переглядом сніпета

  1. Введіть або вставте Заголовок сторінки (вміст її тега <title>).
  2. Введіть URL сторінки. Перегляд перетворює її на «хлібні крихти», які Google показує над заголовком, і використовує домен як назву сайту, якщо ви не заповнили Назва сайту (необов’язково).
  3. Вставте Мета-опис.
  4. Перемикайтеся між Комп’ютер і Смартфон, щоб порівняти два макети.
  5. Дивіться на ширини під переглядом. Коли число стає червоним, ця частина сніпета обрізається, а перегляд показує, де з’являється «…».
  6. Скорочуйте або переставляйте текст, доки важливі слова не стануть видимими, а потім натисніть Очистити, щоб перейти до наступної сторінки.

Усе працює у вашому браузері: нічого з того, що ви вводите, не надсилається на сервер.

Чому пікселі важливіші за символи

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 у вашому браузері, і нічого з того, що ви вводите, не залишає ваш пристрій.