Превью сниппета выдачи — title и description для Google и Яндекса
Два превью выдачи рядом, гугловское и яндексовое: заголовок меряется в пикселях, а инструмент предупреждает, если он или описание обрежутся.
Title вбит в поле CMS, по счётчику символов всё в норме. А в выдаче заголовок обрывается на середине слова, и главное остаётся за многоточием. Дело в ширине. Google режет заголовок по пикселям, а не по знакам.
Здесь обе цифры видны сразу. Введите заголовок, описание и адрес, и рядом соберутся два сниппета: гугловский и яндексовый. Что обрежется, обрежется прямо в превью. Открывают её обычно перед сдачей пачки метатегов: SEO-специалисты, копирайтеры на каталоге, маркетологи.
Почему одних символов мало
Счётчик знаков врёт на широких буквах: заголовок из шестидесяти заглавных перевалит за порог, а такой же строчными спокойно поместится. Инструмент меряет строку так же, как нарисует её браузер, и ставит ширину в пикселях рядом с длиной в символах.
Пороги у систем разные. Google обрывает заголовок около 580 px, описание около 160 символов. В яндексовом превью заголовок гаснет раньше, ближе к 545 px, зато описание живёт дольше, до 200 символов.
Как собрать превью
Полей три, все необязательные. Пустое подменяется образцом, поэтому карточка не разваливается, пока вы думаете. Адрес превращается в хлебные крошки: домен без www, дальше сегменты пути через стрелку. Заодно видно, что длинный транслитерированный слаг в сниппете читается плохо.
Под полями четыре числа: символы и пиксели отдельно для заголовка и для описания. Вылез заголовок за 65 знаков или за 580 px, а описание за 160 символов, над превью появится предупреждение. Пока всё в норме, его не видно.
Что делать с результатом
Сначала уберите хвост. Название компании и город в конце заголовка первыми уходят под многоточие, и обычно без потерь. Ключ и польза должны стоять в начале строки.
Дальше правьте под жёсткий порог. По заголовку раньше обрывает яндексовое превью, так что подгоняйте под него. По описанию строже Google со своими 160 символами: сорок яндексовых символов сверху можно израсходовать, но первые сто шестьдесят обязаны читаться как законченная мысль.
О чём предупреждаем
- Пиксели считаются приблизительно: замер идёт шрифтом Arial в вашем браузере, а выдача рисуется своим, поэтому для ответа «влезает или нет» точности хватает, а для спора на миллиметры нет.
- Превью показывает ваш вариант, а не итоговый. Что попадёт в выдачу, решает поисковик.
- Обрезка идёт по словам: инструмент откатывается к границе слова и ставит многоточие, поэтому видимая часть бывает чуть короче порога.
- Данные остаются у вас: ни заголовок, ни описание, ни адрес никуда не отправляются.
Впишите свои title и description в поля выше и посмотрите, что от них останется в выдаче.
Частые вопросы
Почему заголовок меряется в пикселях, а не только в символах?
Google обрезает title по ширине в пикселях (около 580 px), а не по числу символов: широкие буквы занимают больше места. Поэтому инструмент показывает и символы, и пиксели.
Какая длина title и description оптимальна?
Заголовок лучше держать в пределах ~60–65 символов и 580 px, описание — около 150–160 символов. Тогда сниппет не обрежется в выдаче.
Мои title и description куда-то отправляются?
Нет. Превью и все замеры выполняются в браузере, введённые данные не передаются на сервер и не сохраняются.