Title и Description: превью сниппета
Показывает, как заголовок и описание будут выглядеть в выдаче, и считает длину в пикселях — поисковики режут именно по пикселям. Сразу видно, где обрежется.
Что показывает превью и почему длина в пикселях
Инструмент показывает, как страница будет выглядеть в результатах поиска: заголовок из тега title, адрес в виде пути через «›» и описание из meta description. Главное, что он делает, — измеряет ширину текста в пикселях тем же способом, что и браузер: заголовок в Arial 20 px, описание в Arial 14 px, и обрезает лишнее многоточием там, где обрежет поисковик. Нужен всем, кто пишет заголовки страниц: SEO-специалистам, редакторам, владельцам сайтов.
Ориентиры: title до 580 px, это примерно 50–60 знаков; description до 990 px, примерно 150–160 знаков. Почему пиксели: «ШШШ» и «iii» состоят из трёх знаков каждое, но первое в несколько раз шире. Точная обрезка зависит от устройства и запроса: на телефоне описание переносится на несколько строк, а Google с 2021 года может заменить заголовок своим, собранным из H1 и текста ссылок. Поэтому главные слова ставьте в начало обеих строк: при любой обрезке они останутся видны.
| Элемент | Ориентир | В знаках | Откуда берётся |
|---|---|---|---|
| Title | 580 px | 50–60 | Тег title в head; Google может переписать. |
| Description | 990 px | 150–160 | Meta description; без него поисковик берёт фрагмент текста под запрос. |
| Путь | 1 строка | — | Адрес страницы, папки через «›»; в Google вместо пути показываются хлебные крошки из разметки. |
| Обрезка | «…» | — | По границе слова, когда ширина превысила лимит. |
История сниппета: от тега title до переписанных заголовков
Тег title старше поисковиков. Он есть в первом описании HTML, которое Тим Бернерс-Ли опубликовал в 1991 году, а в стандарте HTML 2.0 1995 года (RFC 1866) стал обязательным для каждой страницы; там же описан тег meta. Первые полнотекстовые поисковики, WebCrawler 1994 года и AltaVista 1995-го, показывали в результатах заголовок и начало текста, а description и keywords читали из meta-тегов. Keywords быстро превратились в свалку из сотни слов, и поисковики перестали их учитывать: Google подтвердил это в 2009 году.
Яндекс открылся 23 сентября 1997 года, Google — в 1998-м, и у обоих результат с самого начала выглядел одинаково: заголовок-ссылка, адрес и две строки описания. Этот блок и назвали сниппетом, «обрезком». В 2009 году Google добавил расширенные сниппеты со звёздами и ценами, в 2011-м вместе с Яндексом и Bing завёл словарь schema.org, а в декабре 2017-го удлинил описания до 300 с лишним знаков и через полгода вернул прежние 150–160.
Длину сниппета поисковики всегда мерили по ширине строки; SEO-сервисы перешли на пиксели в середине 2010-х, когда стало ясно, что «60 символов» латиницей и кириллицей занимают разную ширину. В августе 2021 года Google объявил, что заголовок в выдаче собирает сам из title, H1 и ссылок на страницу, если авторский слишком длинный или не описывает содержание; Яндекс тоже подбирает описание под запрос из текста страницы.
Как уложиться в лимит и не потерять клики
Вставьте title, адрес и description: превью обновляется сразу, превышение подсвечивается красным. Сокращайте так, чтобы главный запрос и польза уместились до обрезки: «Калькулятор краски: расход на стены и потолок» работает лучше, чем «Лучший бесплатный онлайн-калькулятор для точного расчёта…». Название сайта ставьте в конец через дефис или вертикальную черту: при нехватке места отрежут именно его.
Description на позицию напрямую не влияет, зато влияет на клики: пишите его как объявление, что на странице, для кого и что человек получит. Одинаковое описание на всех страницах и копия title бесполезны: поисковик заменит их своим фрагментом. Массово проверить длины по списку адресов можно в инструменте длина Title и Description, остальные ошибки страницы найдёт on-page SEO-аудит.
| Title | до 580 px, ≈ 50–60 знаков |
| Description | до 990 px, ≈ 150–160 знаков |
| Шрифт замера | Arial 20 px / 14 px |
| Тег title | описан в 1991 |
| HTML 2.0 | RFC 1866, 1995 |
| Яндекс | 23 сентября 1997 |
| 1998 | |
| Данные | не покидают браузер |
Пример: вход → результат
Title: Заказать SEO-продвижение сайта недорого Description: Продвижение в Яндексе и Google под ключ…
Title: ~480 px — влезает Description: ~960 px — обрежется в выдаче
Показывает сниппет как в Яндексе и Google и длину Title/Description сразу в пикселях и символах.
Когда пригодится
- Подобрать Title под лимит пикселей
- Проверить, влезает ли description
- Сравнить свой сниппет с конкурентами
Как пользоваться
- Заполните поля — предпросмотр обновляется сразу.
- Title до ~580 px, Description до ~990 px. Превышение подсветится красным.
- Сократите так, чтобы ключевое влезало до обрезки «…».
Частые вопросы
Почему длину меряют в пикселях?
Поисковики обрезают сниппет по ширине в пикселях. «ШШШ» и «iii» — одинаковое число символов, но разная ширина. Поэтому пиксели точнее: ориентир ~580 px для Title и ~990 px для Description.
Какие лимиты у Title и Description?
Ориентир: Title — до ~580 px (≈ 50–60 символов), Description — до ~990 px (≈ 150–160 символов). Точная обрезка зависит от устройства и запроса.
Где этому учат
Skillbox
Академия Synergy
Нетология
GeekBrains
DigitalSkillsAcademy
VideoFormeПохожие инструменты
Все ссылки со страницы по URL: внутренние и внешние отдельно, с анкорами, повторами и nofollow. Плюс коды ответа и выгрузка в CSV.
ОткрытьГенератор sitemap.xmlСоберёт ссылки прямо с вашего сайта по адресу или сделает карту из готового списка URL. lastmod, changefreq, priority.
ОткрытьПроверка микроразметкиURL → какая Schema.org найдена (JSON-LD и микроданные), сколько блоков, есть ли невалидные, плюс Open Graph и Twitter. Дополнение к генератору JSON-LD.
ОткрытьОпределение CMSУзнай движок сайта по URL: WordPress, 1С-Битрикс, Tilda, Joomla, Drupal, OpenCart и другие — по сигнатурам кода и заголовкам. Полезно по конкурентам.
ОткрытьАнализ XML SitemapСсылка на sitemap.xml → число URL, lastmod, дубли, не-https, ошибки XML и коды ответа выборки URL. Дополнение к генератору sitemap.
ОткрытьПроверка SSL-сертификатаДомен → срок действия и дата истечения, кем выдан, доверие, совпадение с доменом и список SAN. Чтобы HTTPS не «протух» внезапно.
ОткрытьКак применять это в продвижении — в разборе Title, Description, H1 и других материалах блога.
Ещё инструменты для SEO и семантики
Кластеризация запросов и лемматизация, чистка по стоп-словам, генераторы sitemap.xml, robots.txt и редиректов, разметка Schema.org — в разделе 17 инструментов.