Предпросмотр сниппета SERP
НовоеПосмотрите, как заголовок и описание выглядят в Google на десктопе и мобильном.
An approximation using Google's fonts and pixel widths. Real results can vary — Google may rewrite titles or descriptions per query.
Snippet checklist
Need Open Graph, Twitter cards and canonical tags too? Use the Meta Tag Generator →
Runs entirely in your browser. Nothing is uploaded.
Просматривайте поисковый сниппет Google до публикации
Этот инструмент предпросмотра SERP показывает, как заголовок, URL и мета-описание вашей страницы, вероятно, будут выглядеть в результатах поиска Google — как на десктопе, так и на мобильных — ещё до публикации. Вводите данные в поля, и живой, стилизованный под Google предпросмотр результата поиска обновляется мгновенно, включая фавикон, хлебные крошки и опциональную дату.
В отличие от простого счётчика символов, этот предпросмотр SERP-сниппета измеряет реальную пиксельную ширину, которую Google использует для усечения текста, позволяя видеть точный момент, когда заголовок или описание будет обрезано многоточием — и исправить это заранее.
Усечение по пиксельной ширине: почему счётчики символов врут
Google обрезает заголовок не по фиксированному числу символов — а по пиксельной ширине. Заголовки на десктопе усекаются примерно при 580 пикселях, мета-описания — примерно при 920 пикселях. Поскольку «W» намного шире «i», два заголовка с одинаковым числом символов могут отображаться при совершенно разной ширине. Вот почему инструмент, считающий только символы, даёт вводящие в заблуждение советы.
Живые счётчики символов и пикселей отслеживают оба значения по мере ввода и мгновенно показывают предупреждение, когда заголовок или описание превышают лимит, чтобы вы всегда знали, будет ли сниппет отображаться полностью.
Ограничения длины для тега title и мета-описания
Как правило, держите тег title в пределах 50–60 символов (менее ~580 пкс) и мета-описание в пределах 150–160 символов (менее ~920 пкс) для десктопа. Начинайте с основного ключевого слова, чтобы оно сохранилось при усечении, и завершайте заголовки названием бренда.
Используйте чек-лист сниппета под превью для быстрого аудита: он отмечает слишком длинные или короткие заголовки, описания вне идеального диапазона и URL без HTTPS — те же вещи, которые обнаружил бы хороший оптимизатор сниппетов.
Сниппеты десктопа и мобильного рядом
Большинство поисков происходит на телефонах, где колонка результатов уже: заголовки переносятся на две строки, а описания обрезаются раньше, чем на десктопе. Заголовок, помещающийся в одну строку на десктопе, может выглядеть неловко при переносе на мобильном. Переключайтесь между десктопом и мобильным, чтобы просмотреть оба варианта и адаптировать текст под устройства, которыми реально пользуется ваша аудитория.
Сравнение с Yoast, Rankmath и SeoMofo
Несколько инструментов предлагают предпросмотр SERP, но большинство уступают в точности. Yoast SEO и Rankmath показывают предпросмотр сниппета в вашей панели WordPress, но оба считают символы, а не измеряют реальные пиксельные ширины — поэтому заголовок, набитый широкими заглавными буквами, может выглядеть нормально в их предпросмотре, но всё равно усекаться в реальных результатах Google.
SeoMofo стал пионером пиксельного подхода, но показывает только один вариант за раз и не обновлялся под текущий дизайн сниппетов Google. Mangools (SERPsim) точен, но находится за платной подпиской. Этот инструмент бесплатен, измеряет реальные пиксельные ширины, показывает десктоп и мобильный рядом, поддерживает загрузку фавиконов и полностью работает офлайн в вашем браузере, не отправляя никаких данных.
Фавикон, хлебные крошки, даты и расширенные результаты
Современные сниппеты Google показывают ваш фавикон и URL в виде хлебных крошек над заголовком. Этот предпросмотр Google SERP автоматически генерирует фавикон из вашего домена, позволяет загрузить собственный и строит хлебные крошки из пути URL — с полем переопределения для пользовательских путей. Добавьте дату публикации, чтобы увидеть, как выглядят сниппеты статей и новостей, и усечение подстраивается точно так же, как делает Google, когда присутствует префикс даты.
Копируйте теги — конфиденциально и офлайн
Когда сниппет выглядит правильно, скопируйте готовые теги <title> и <meta name="description"> прямо в <head> вашей страницы. Нужны также Open Graph, Twitter-карточки и канонические теги? Используйте их вместе с генератором мета-тегов. Всё здесь работает полностью в вашем браузере — ничего из введённого вами не загружается — поэтому ваши неопубликованные заголовки и описания остаются полностью конфиденциальными.
Frequently asked questions
Что такое инструмент предпросмотра SERP?
Инструмент предпросмотра SERP (страница результатов поисковой системы) показывает, как ваша страница, вероятно, будет выглядеть в результатах Google до публикации: синяя ссылка заголовка, URL в виде хлебных крошек, фавикон и серое мета-описание. Вы вводите заголовок и описание — и мгновенно отрисовывается сниппет в стиле Google, чтобы вы могли исправить всё, что обрезается. Инструмент измеряет реальную пиксельную ширину усечения Google на десктопе и мобильном.
Какой должна быть длина тега title?
Стремитесь примерно к 50–60 символам, но реальный лимит в пикселях: Google усекает заголовки на десктопе при примерно 580 пикселях. Заголовок из широких символов (W, M, заглавных букв) достигает 580 пкс раньше, чем из узких букв (i, l, t). Инструмент измеряет точную пиксельную ширину и предупреждает до того, как заголовок будет обрезан многоточием.
Какой должна быть длина мета-описания?
Держите его около 150–160 символов на десктопе и короче — около 120–130 символов — на мобильном. Важные слова ставьте вперёд: если описание обрезается, «Бесплатный SEO-инструмент — предпросмотр заголовков и описаний…» всё равно читается понятно. В отличие от SEO-плагинов с подсчётом символов, этот инструмент показывает точную пиксельную ширину, чтобы вы знали точку обрезания.
Почему Google переписывает мой заголовок или описание?
Google может заменить ваш заголовок, если он слишком длинный и усекается, если он перегружен ключевыми словами или дублируется на разных страницах, если не соответствует реальному содержимому страницы, или если существует более чёткий H1 или анкорный текст. Краткие, описательные и уникальные для каждой страницы заголовки — лучший способ сохранить написанный вами вариант.
Чем отличается сниппет на мобильном и десктопе?
Мобильный использует более узкую колонку, поэтому заголовки переносятся на две строки (около 70 символов) вместо одной, а описания обрезаются раньше — около 120 символов. Название сайта и хлебные крошки также располагаются по-другому. Переключайтесь между десктопом и мобильным, так как заголовок, помещающийся в одну строку на десктопе, может смотреться неловко при переносе на телефоне.
Работает ли инструмент офлайн и является ли он конфиденциальным?
Да, оба утверждения верны. Весь предпросмотр — измерение пикселей, усечение, фавикон и скопированные теги — работает в JavaScript внутри вашего браузера. Ничего из введённого вами не загружается, не логируется и не отправляется на сервер, поэтому даже неопубликованные заголовки и описания остаются полностью конфиденциальными, а инструмент продолжает работать без сетевого подключения.
Как оптимизировать сниппет в Google?
Напишите уникальный, конкретный заголовок менее ~580 пкс, начинающийся с основного ключевого слова и заканчивающийся брендом; напишите мета-описание на 150–160 символов, обещающее чёткую выгоду и включающее призыв к действию; убедитесь, что URL чистый и на HTTPS; выносите ключевые слова вперёд, чтобы они пережили усечение. Используйте живой сниппет здесь и встроенный чек-лист, чтобы убедиться, что ничего не обрезано перед публикацией.
Related tools
Все инструменты
Новое Генератор robots.txt
Создайте корректный robots.txt с правилами allow/disallow и строкой sitemap.
Новое Генератор слагов
Превратите любой заголовок в чистый SEO-слаг для URL — пакетно и с учётом диакритики.
Новое Генератор мета-тегов
Генерируйте мета-теги SEO, Open Graph и Twitter Card с живым предпросмотром.
Новое Конструктор UTM
Создавайте отслеживаемые URL кампаний с utm_source, medium, campaign и не только.
Новое Секундомер и таймер
Точный онлайн-секундомер с кругами и таймер обратного отсчёта с пресетами.
Новое Случайный выбор
Выберите случайное имя, число, подбросьте монетку или киньте кубик — честно и мгновенно.