Превью сниппета в выдаче Google
Посмотрите, как заголовок и описание могут выглядеть в результатах Google. Ширина измеряется в пикселях через canvas, обрезка как у Google примерно на 600 px.
Что такое Превью выдачи Google?
Предпросмотр рисует результат поиска в стиле Google по заголовку страницы, URL и meta description. Вместо подсчёта символов он измеряет реальную ширину текста в пикселях и обрезает его с « ...» там, где это сделали бы настольные результаты Google, так что видно, остаются ли важные слова видимыми.
Как пользоваться Превью выдачи Google
- Введите заголовок страницы; ширина в пикселях и число символов показаны рядом с подписью.
- Введите URL страницы, чтобы увидеть отображаемый URL в виде цепочки.
- Введите meta description.
- Проверьте предпросмотр и предупреждения об обрезанном заголовке или описании.
Пример
How to Make Cold Brew Coffee at Home: A Complete Step-by-Step Guide for Beginners (81 characters)
The title measures about 780 px, wider than 600 px, so it is shown cut off with " ..." after the last whole word that fits.
Когда использовать Превью выдачи Google
Используйте при написании заголовков и описаний, чтобы ключевая мысль оставалась в видимой части. Google часто переписывает заголовки и выбирает свой текст сниппета, а в мобильной выдаче другие ширины, поэтому считайте предпросмотр ориентиром, а не гарантией.
Как работает Превью выдачи Google
Ширина текста измеряется в браузере через CanvasRenderingContext2D.measureText() шрифтом Arial: 20 px для заголовка и 14 px для описания, как в настольной типографике Google. Если заголовок превышает 600 px (описание 920 px, около двух строк), бинарным поиском находится самый длинный префикс, помещающийся вместе с « ...», и он отодвигается до границы слова, если та рядом. URL показывается как хост › сегменты пути.
Распространенные Случаи Использования
- Сократить заголовок товара, пока название бренда не перестанет обрезаться.
- Проверить, что широкие символы (W, M, заглавные буквы) не выталкивают заголовок за предел.
- Просмотреть meta description для набора лендингов.
- Показать клиенту, как примерно будет выглядеть его результат.
Часто Задаваемые Вопросы
Почему пиксели, а не символы?
Google обрезает по ширине. 60 узких символов (i, l) помещаются легко, а 50 широких (W, M) могут не поместиться.
Всегда ли Google покажет мой заголовок?
Нет. Google может переписать слишком длинные заголовки, набитые ключевыми словами или не соответствующие странице, и часто берёт текст описания из содержимого страницы.
Имитирует ли он мобильную выдачу?
Он использует настольные ширины. В мобильной выдаче заголовки переносятся на больше строк, поэтому настольный предел строже.