Meta Tags & SERP Preview
Write title and description; preview in Google and copy ready meta code.
Google preview
example.com
example.com/page
Example Page Title — Your Brand
The short description shown in search results. 150–160 characters is ideal and should encourage clicks.
Ready meta tags
<title>Example Page Title — Your Brand</title>
<meta name="description" content="The short description shown in search results. 150–160 characters is ideal and should encourage clicks." />
<link rel="canonical" href="https://example.com/page" />
<!-- Open Graph -->
<meta property="og:title" content="Example Page Title — Your Brand" />
<meta property="og:description" content="The short description shown in search results. 150–160 characters is ideal and should encourage clicks." />
<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="Example Page Title — Your Brand" />
<meta name="twitter:description" content="The short description shown in search results. 150–160 characters is ideal and should encourage clicks." />Что такое генератор мета-тегов?
Инструмент мета-тегов и 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).