Как пользоваться: Превью SERP
- Введите или вставьте тег title и мета-описание. Индикаторы станут зелёными, когда текст уложится в пиксельный лимит Google.
- Добавьте URL страницы и, если нужно, название сайта. По ним превью построит хлебные крошки (
example.com › blog › post). - Укажите поисковый запрос, под который вы оптимизируетесь, чтобы увидеть, какие слова Google выделит жирным. Включите дату или звёзды отзывов и посмотрите, сколько места они занимают.
- Сравните превью для ПК и телефона, исправьте всё, что отмечено в блоке «Проверки сниппета», и скопируйте HTML-теги или ссылку для клиента или команды.
Что такое превью SERP?
Превью SERP (search engine results page, страница результатов поиска) показывает, как страница, скорее всего, будет выглядеть в выдаче Google: иконка сайта и его название, URL в виде хлебных крошек, кликабельный заголовок и серое описание. Так можно написать и отшлифовать <title> и <meta name="description"> до публикации, а не обнаружить обрезанный заголовок в Search Console через несколько недель.
Почему важнее пиксели, а не символы
Google обрезает title и описания по отрисованной ширине, а не по количеству символов. Заглавная «Ш» примерно в три раза шире строчной «и», поэтому title из 60 символов капсом может обрезаться, а title из 70 символов с узкими буквами поместится целиком. Этот инструмент измеряет текст теми же шрифтами, что использует Google (Arial 20 px для заголовков на ПК и 14 px для описаний), через canvas API браузера, и обрезает текст по границе слова с многоточием, как это делает Google.
| Элемент | Примерный лимит | Примерно в символах |
|---|---|---|
| Title на ПК | ~580–600 px | 50–60 символов |
| Описание на ПК | ~920 px | 150–160 символов |
| Title на телефоне | две строки | до ~75 символов |
| Описание на телефоне | ~680 px | ~120 символов |
Эти лимиты — наблюдения, а не опубликованные правила. Google регулярно меняет вёрстку выдачи и может полностью переписать title или сниппет, если сочтёт, что другой текст на странице лучше соответствует запросу.
Советы, как писать title и описания, которые получают клики
- Ставьте ключевое слово в начало. Тему, которую ищут люди, разместите в первых словах. Тогда она не пропадёт при обрезке и будет заметна при беглом просмотре выдачи.
- Держите бренд коротким и в конце. Google часто показывает название сайта отдельно над URL, так что «| Название компании» в конце каждого title в основном занимает место впустую.
- Пишите описание как обещание. Скажите, что получит посетитель: цену, чек-лист, бесплатный инструмент, а не повторяйте title. Google выделяет жирным слова, совпадающие с запросом, поэтому естественное использование ключевика помогает сниппету выделиться.
- Помните, что дата и звёзды занимают место. Видимая дата («25 окт. 2026 —») выводится перед описанием и сокращает место под ваш текст. Звёзды отзывов показываются только для подходящих типов схемы, например Product или Recipe. Разметку можно создать в генераторе разметки Schema.
Использование на сайте на Webflow
В Webflow title и описание находятся в разделе Page settings › SEO settings. На страницах CMS-шаблонов их можно собирать из полей (например, Name | Category). Вставьте сюда типичные значения элемента, чтобы проверить, не обрезаются ли длинные названия из CMS. Чтобы проверить, что выдаёт уже опубликованная страница, прогоните её через проверку мета-тегов, а чтобы написать полный набор тегов в head, используйте генератор мета-тегов.
Также ищут как: симулятор сниппета google, превью сниппета google, проверка title и description, превью meta description, длина title тега, ширина title в пикселях, google preview.
Инструменты, которые хорошо сочетаются с Превью SERP
- Проверка Open Graph — Посмотрите, как ссылка будет выглядеть при публикации в Facebook, LinkedIn, X и Slack.
- SEO-чекер и аудит сайта — Вставьте URL, и мы выполним до 70 проверок SEO на странице и полный аудит сайта: скорость по Lighthouse, заголовки безопасности и SSL, структурированные данные, битые ссылки, robots.txt и AI-краулеры, базовую доступность, трекинг и согласие, SPF/DKIM/DMARC и срок действия домена.
- Счётчик слов — Вставьте или напишите текст, чтобы сразу увидеть количество слов и символов, а также время чтения и произнесения, плотность ключевых слов и проверку длины для SEO-заголовков, мета-описаний и постов в соцсетях.
- Расшифровка robots.txt — Правила в robots.txt короткие, но их легко понять неправильно.