Превью сниппета выдачи — title и description для Google и Яндекса

Title вбит в поле CMS, по счётчику символов всё в норме. А в выдаче заголовок обрывается на середине слова, и главное остаётся за многоточием. Дело в ширине. Google режет заголовок по пикселям, а не по знакам.

Здесь обе цифры видны сразу. Введите заголовок, описание и адрес, и рядом соберутся два сниппета: гугловский и яндексовый. Что обрежется, обрежется прямо в превью. Открывают её обычно перед сдачей пачки метатегов: SEO-специалисты, копирайтеры на каталоге, маркетологи.

Почему одних символов мало

Счётчик знаков врёт на широких буквах: заголовок из шестидесяти заглавных перевалит за порог, а такой же строчными спокойно поместится. Инструмент меряет строку так же, как нарисует её браузер, и ставит ширину в пикселях рядом с длиной в символах.

Пороги у систем разные. Google обрывает заголовок около 580 px, описание около 160 символов. В яндексовом превью заголовок гаснет раньше, ближе к 545 px, зато описание живёт дольше, до 200 символов. Заголовок длиннее 65 знаков инструмент помечает предупреждением, даже если по ширине он ещё проходит.

Как собрать превью

Полей три, все необязательные. Пустое подменяется образцом, поэтому карточка не разваливается, пока вы думаете. Адрес превращается в хлебные крошки: домен без www, дальше сегменты пути через стрелку. Заодно видно, что длинный транслитерированный слаг в сниппете читается плохо.

Под полями четыре числа: символы и пиксели отдельно для заголовка и для описания. Вылез заголовок за 65 знаков или за 580 px, а описание за 160 символов, над превью появится предупреждение. Пока всё в норме, его не видно. Ширину описания в пикселях мы показываем справочно: режут его по символам, а не по ширине.

Что делать с результатом

Сначала уберите хвост. Название компании и город в конце заголовка первыми уходят под многоточие, и обычно без потерь. Ключ и польза должны стоять в начале строки.

Дальше правьте под жёсткий порог. По заголовку раньше обрывает яндексовое превью, так что подгоняйте под него. По описанию строже Google со своими 160 символами: сорок яндексовых символов сверху можно израсходовать, но первые сто шестьдесят обязаны читаться как законченная мысль.

Частые промахи заголовка

• Название компании в начале строки. Бренд знают и так, а место он съедает первым. Отправьте его в хвост или уберите совсем.
• Один шаблон на весь каталог. «Купить {товар} в {город} недорого» на тысяче страниц даёт тысячу одинаковых сниппетов, и выбирать читателю не из чего.
• Вода вместо запроса. «Широкий выбор и выгодные условия» занимает половину строки и не отвечает ни на один вопрос.
• Описание, дописанное «чтобы было». Первое предложение решает, кликнут или нет, остальное чаще всего не дочитывают.

Чего превью не показывает

• Мобильную выдачу. Карточки нарисованы под десктоп: на телефоне другая ширина и другое число строк описания, поэтому запас там нужен больше.
• Строку с фавиконом и названием сайта, с которой Google теперь начинает карточку. Здесь гугловский сниппет собран упрощённо: крошки, заголовок, описание.
• Расширения сниппета. Быстрые ссылки, рейтинг, цена, дата и прочие украшения в превью не моделируются, а в выдаче они двигают всю карточку.

О чём предупреждаем

• Пиксели считаются приблизительно: замер идёт шрифтом Arial в вашем браузере, а выдача рисуется своим, поэтому для ответа «влезает или нет» точности хватает, а для спора на миллиметры нет.
• Превью показывает ваш вариант, а не итоговый. Что попадёт в выдачу, решает поисковик.
• Обрезка идёт по словам: инструмент откатывается к границе слова и ставит многоточие, поэтому видимая часть бывает чуть короче порога.
• Пороги в 580 и 545 px, 160 и 200 символов держатся на нынешнем виде выдачи. Поисковики его меняют, так что раз в полгода цифры стоит перепроверять.
• Данные остаются у вас: ни заголовок, ни описание, ни адрес никуда не отправляются.

Впишите свои title и description в поля выше и посмотрите, что от них останется в выдаче.