Симулятор SERP
Посмотрите, как заголовок и мета-описание страницы будут выглядеть в результатах поиска Google на компьютере и телефоне, с реальными измерениями ширины шрифтом Arial, которые показывают, где каждый из них обрежется.
Ввод
Необязательно. Совпадающие слова выделяются жирным, как Google делает в настоящих результатах.
Google показывает название сайта над заголовком. Оставьте поле пустым, чтобы использовать домен.
Необязательно. Показывается перед описанием, как Google делает это для статей.
Google переписывает описания, которые длиннее примерно этого значения. Увеличьте лимит, чтобы увидеть полный текст.
Вывод
Введите заголовок, описание или URL, чтобы увидеть превью.
| Элемент | Измерение | Статус |
|---|---|---|
| No data yet | ||
Другие способы использовать этот инструмент
REST API
curl -X POST https://api.iotools.cloud/v1/tool/google-serp-snippet-simulator \
-H "Authorization: Bearer YOUR_API_KEY" \
-H "Content-Type: application/json" \
-d '{
"title": "How to Bake Sourdough Bread at Home: A Beginner'…",
"description": "Everything a first-time baker needs to bake sour…",
"url": "https://example.com/guides/sourdough-for-beginne…",
"query": "sourdough beginners",
"device": "desktop",
"siteName": "",
"favicon": "true",
"date": "",
"rating": "",
"ratingValue": "4.5",
"ratingCount": "128",
"descriptionLimit": "160"
}'Подставьте свой собственный ключ из аккаунта. Поля инструмента — это тело запроса, без обёртки.
Спросите у ИИ-агента
Use the IOTools `google-serp-snippet-simulator` tool (SERP Simulator) on this input:
YOUR_INPUT_HEREВставьте это любому агенту, подключённому к MCP-серверу IOTools, и добавьте свой ввод.
Виджет для встраивания
<iframe
src="https://iotools.cloud/embed/google-serp-snippet-simulator/"
width="100%" height="520" frameborder="0" scrolling="no" loading="lazy"
title="Симулятор SERP — iotools.cloud"
sandbox="allow-scripts allow-forms allow-same-origin allow-downloads allow-popups allow-popups-to-escape-sandbox"
allow="clipboard-write"
style="width:100%;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden"></iframe>
<script src="https://iotools.cloud/embed.js" async></script>Вставьте это на свою страницу — бесплатно, без ключа, нужна лишь обратная ссылка.
| Стоимость вызова API/MCP | От 5 кредитов |
|---|---|
| Нужно больше кредитов? | Посмотреть тарифы |
Также доступно через
Руководства
Вставьте заголовок страницы, мета-описание и URL, и этот инструмент нарисует результат поиска Google, который они создадут, — на компьютере или телефоне, — а затем измерит оба элемента относительно ширины, на которой Google их обрезает.
Почему пиксели, а не символы
Почти каждое правило «держите заголовок короче 60 символов» неверно, потому что Google обрезает по ширине, а не по количеству. WWW — это три символа и около 210 пикселей; iii — три символа и около 47 пикселей. Заголовок из 55 символов, полный заглавных букв и W, выйдет за пределы, а заголовок из 70 символов с узкими строчными буквами спокойно поместится.
Инструмент измеряет ваш текст по ширинам символов Arial — шрифта, которым Google отображает результаты, — поэтому превью обрезается там же, где и настоящий результат. Панель «Проверка длины» показывает точную ширину в пикселях рядом с количеством символов и отмечает каждый элемент как Good, Room to spare или Truncated.
Как пользоваться
- Введите или вставьте заголовок страницы и мета-описание.
- Добавьте URL страницы. Он становится строкой breadcrumb (
example.com › guides › sourdough) точно в том виде, в котором её отображает Google. - Переключайте Устройство между компьютером и мобильным — на мобильном заголовок занимает две более короткие строки вместо одной длинной, и это меняет то, что помещается.
- По желанию укажите поисковый запрос. Совпадающие слова выделяются жирным в сниппете, как Google выделяет термины запроса в настоящем результате.
В разделе Параметры отображения можно добавить префикс даты, звёздный рейтинг и строку с названием сайта, а также увеличить или уменьшить лимит символов описания, если хотите увидеть полный текст без обрезки.
Используемые измерения
| Заголовок | Описание | |
|---|---|---|
| Компьютер | 600 px, 1 строка, Arial 20 px | 600 px, 2 строки, Arial 14 px |
| Мобильный | 363 px, 2 строки, Arial 16 px | 363 px, 3 строки, Arial 14 px |
Это собственные размеры карточки результата Google. Относитесь к результату как к близкому приближению, а не к гарантии: Google часто переписывает заголовки и описания сам и оставляет за собой право показывать больше или меньше строк в зависимости от запроса.
Готовый к копированию результат
Вместе с превью вы получаете теги <title>, <meta name="description"> и <link rel="canonical"> для введённых значений, готовые для вставки в <head> вашей страницы. Таблицу «Проверка длины» можно скачать в CSV, если вы проверяете пакет страниц.
Конфиденциальность
Всё работает в вашем браузере. Страница не загружается, ничего не отправляется, и ни один введённый URL не записывается в журнал — поэтому вы вставляете заголовок и описание, а не передаёте URL для обхода.
Почему моя страница не совпадает с превью?
Google переписывает отображаемый заголовок для большой доли результатов, беря текст из <h1>, названия сайта или текста ссылок, если считает их более подходящими под запрос. То же касается описаний: сниппет часто составляется из фрагмента основного текста, который лучше всего отвечает на запрос, а не из вашего мета-тега. Превью показывает то, что вы задали, и это всё равно стоит сделать правильно.
Что с остальными мета-тегами?
Для полного блока <head> — viewport, charset, robots, author, Open Graph — используйте HTML Meta Tag Generator. Чтобы проверить, как та же страница будет выглядеть при публикации в соцсетях, а не в поиске, используйте Open Graph & Twitter Card Preview. Если вам нужен расширенный результат — звёзды, FAQ, breadcrumb — вместе со сниппетом, постройте структурированные данные с помощью Schema Markup Generator.