Мета-теги и SERP-превью
Напишите title и description, посмотрите в реальном времени, как они выглядят в Google, и скопируйте готовый код мета-тегов.
Предпросмотр в Google
example.com
example.com/page
Пример заголовка страницы — Ваш бренд
Краткое описание вашей страницы в результатах поиска. Оптимальная длина — 150–160 символов, текст должен побуждать к клику.
Готовые мета-теги
<title>Пример заголовка страницы — Ваш бренд</title>
<meta name="description" content="Краткое описание вашей страницы в результатах поиска. Оптимальная длина — 150–160 символов, текст должен побуждать к клику." />
<link rel="canonical" href="https://example.com/page" />
<!-- Open Graph -->
<meta property="og:title" content="Пример заголовка страницы — Ваш бренд" />
<meta property="og:description" content="Краткое описание вашей страницы в результатах поиска. Оптимальная длина — 150–160 символов, текст должен побуждать к клику." />
<meta property="og:url" content="https://example.com/page" />
<meta property="og:type" content="website" />
<!-- Twitter -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Пример заголовка страницы — Ваш бренд" />
<meta name="twitter:description" content="Краткое описание вашей страницы в результатах поиска. Оптимальная длина — 150–160 символов, текст должен побуждать к клику." />Вам не обязательно делать всё это самостоятельно
Доверьте SEO нашей команде экспертов: готовые SEO-пакеты от 850 ₺, разовая оплата.
Что такое генератор мета-тегов?
Инструмент мета-тегов и SERP-превью показывает по мере ввода, как ваш title и meta description будут выглядеть в результате Google. Вы сразу видите, не превышаете ли лимиты символов и пикселей, и копируете готовый код мета-тегов одним кликом.
Как пользоваться
- 1Напишите title и meta description вашей страницы.
- 2Проверьте превью Google и не превышаете ли вы лимиты.
- 3Скопируйте сгенерированный код мета-тегов и вставьте в '<head>' страницы.
Как читать результаты
Когда использовать
Массовый запуск товаров
При настройке динамических шаблонов для сотен позиций заранее проверьте в сниппете, не срежет ли Google важные характеристики и артикулы на десктопе или мобильном экране.
Оптимизация низкого CTR
Страницы с высокими показами в Search Console часто теряют клики из-за невнятного описания. Перепишите сниппет с фокусом на призыв к действию и сразу проверьте лимиты.
Локализация мультиязычных страниц
Переведенный текст часто длиннее оригинала, особенно в немецком или финском языке. Протестируйте заголовки в симуляторе, чтобы убедиться, что они не обрезаются многоточием на других языках.
Частые ошибки
Ориентация только на символы
Даже уложившись в 60 знаков, заголовок с широкими буквами Ш, Щ, Ж легко превысит лимит в 580 пикселей. Всегда отслеживайте именно пиксельную ширину сниппета.
Игнорирование мобильной выдачи
На смартфонах видимая зона описания заметно уже, чем на мониторах. Помещайте ключевую выгоду и УТП в первые 100 символов, пока текст гарантированно виден пользователю.
Добавление тега keywords
Google не учитывает meta keywords с 2009 года. Трата времени на этот тег бессмысленна, а кроме того, он открыто демонстрирует ваше семантическое ядро конкурентам.
Частые вопросы
Какой длины должен быть title?
Чтобы избежать обрезки в Google, держите title до ~60 символов (около 580 пикселей), а meta description — до ~155 символов.
Превью совпадает с реальной выдачей Google?
Превью близко имитирует десктопную верстку Google; Google иногда переписывает title или description, но лимиты и общий вид надёжны.
Влияет ли meta description на ранжирование?
Meta description не является прямым фактором ранжирования, но хорошее описание повышает кликабельность (CTR), что помогает косвенно.
Почему Google заменяет написанный meta description?
Google автоматически генерирует сниппет из текста страницы, если считает ваш meta description нерелевантным конкретному поисковому запросу пользователя. Поисковик ищет наиболее точный фрагмент контента, отвечающий на интент. Чтобы робот брал именно ваш тег, включите в него точные ключевые слова и четкий ответ на запрос страницы.
Куда именно в коде сайта вставлять полученные мета-теги?
Сгенерированный код тегов title и meta description размещается исключительно внутри контейнера head в самом верху HTML-документа. Если вы используете CMS вроде WordPress или 1С-Битрикс, вставлять код вручную не нужно — просто скопируйте значения заголовка и описания в соответствующие поля вашего SEO-плагина (например, Yoast SEO или All in One SEO).