Бесплатно · SEO-инструменты

Генератор мета-тегов

Теги title, description, keywords, canonical и robots с живым предпросмотром результата Google

Заголовок страницы

Meta-описание

Ключевые слова (необязательно)

Автор (необязательно)

Цвет темы

Канонический URL

Robots

Index Follow

Предпросмотр в Google

https://example.com

Результат

Что создаёт генератор

Основные теги — title, description, keywords (с честной пометкой, что Google их игнорирует), author, viewport, charset.
Набор Open Graph — og:title/description/image/url/type, а также метки времени статьи, если они указаны.
Twitter Card — теги summary_large_image с откатом к summary, когда изображение не задано.
Директивы robots — переключатели index/follow дают объединённое значение только тогда, когда оно отличается от принятого по умолчанию.

Теги на основе живых превью SERP

Сниппет Google отрисовывается прямо по мере ввода — обрезка заголовка, усечение описания и выход за пиксельные лимиты видны ещё до того, как вы вставите что-либо в свою CMS.

⚡

Превью в Google

Заголовок, описание и URL отображаются вживую как результат поиска в стиле Google, поэтому вы подбираете текст под лимиты: 70 символов для заголовка и 200 для описания.

🔒

Полный блок head

Генератор выдаёт заголовок, meta-описание, ключевые слова, автора, canonical, theme-color и теги robots index/follow одним готовым к вставке блоком.

🎯

Управление robots встроено

Переключатель robots записывает в блок index или noindex и follow или nofollow — указания для краулера уходят в продакшен вместе с метаданными, без отдельной правки.

Частые вопросы

Какой длины должны быть title и description?

Google обычно показывает около 60 символов заголовка и 155–160 символов описания, после чего обрезает текст многоточием — предпросмотр здесь обрезает точно так же, чтобы вы могли проверить это перед публикацией.

Что контролирует мета-тег robots?

«Index» указывает, могут ли поисковые системы показывать эту страницу в результатах поиска; «Follow» — должны ли они переходить по ссылкам на странице. Если снять любую из галочек, в сгенерированный тег будет добавлено noindex/nofollow.

Отправляется ли мой контент куда-либо?

Нет — всё работает на чистом JavaScript прямо в вашем браузере. То, что вы вводите, никогда не отправляется на сервер.

Что такое генератор мета-тегов?

В шапке страницы лежат мета-теги, которые сообщают поисковым системам, о чём эта страница: заголовок, описание, ключевые слова, канонический URL и правила обхода. Писать их правильно важно, потому что заголовок и описание — это ровно то, что пользователь видит на странице выдачи, а аккуратно собранный блок тегов помогает поисковикам верно понять страницу и проиндексировать её. Этот генератор собирает блок поле за полем и показывает живой предпросмотр в стиле Google, чтобы вы могли поправить формулировки до публикации. Блогерам, SEO-специалистам и разработчикам, правящим шаблоны вручную, он нужен постоянно.

Что выдаёт генератор

🏷️ Мета-теги заголовка, описания, ключевых слов и автора
🔗 Канонический URL и переключатели index/follow для robots
🎨 Теги theme-color и viewport
🔍 Живой предпросмотр выдачи с реалистичным обрезанием
📋 Готовый блок для шапки страницы, полностью экранированный

Когда его использовать

Публикация новой записи в блоге или лендинга
Переписать заголовок страницы, который плохо выступает в выдаче
Вручную править статичную HTML-страницу или шаблон
Проверить, как ваше описание обрежется в результатах поиска

Все поля обрабатываются локально в вашем браузере; ничего не загружается. Одно честное предупреждение: предпросмотр имитирует типичные лимиты отображения, но показывать ли что-то и как — решает Google, он может переписать заголовок или взять собственный сниппет. Воспринимайте его как ориентир, а не гарантию.

Обновлено · 2026-09-01