Генератор мета-тегов
НовоеГенерируйте мета-теги SEO, Open Graph и Twitter Card с живым предпросмотром.
Page title
Your meta description preview appears here.
Runs entirely in your browser. Nothing is uploaded.
Генерируйте SEO, Open Graph и Twitter теги в одном месте
Этот генератор мета-тегов превращает короткую форму в полный, готовый к копированию набор SEO, Open Graph и Twitter Card мета-тегов. Заполните заголовок, описание, URL и изображение предпросмотра — и генератор напишет блок <head> за вас: заголовок, мета-описание, canonical, robots, charset и viewport, плюс каждый og: и twitter: тег для богатого превью в соцсетях. Ничего устанавливать не нужно, регистрация не требуется — всё работает прямо в браузере.
По мере ввода три живых предпросмотра — Google, Facebook и X — обновляются в реальном времени, чтобы вы могли точно видеть, как страница будет выглядеть в результатах поиска и в лентах соцсетей до публикации. Счётчики символов окрашиваются в янтарный цвет, когда заголовок или описание становятся слишком длинными.
Мета-теги, которые действительно важны
Современной странице нужно лишь несколько HTML мета-тегов, чтобы быть готовой к поиску и распространению. Теги <title> и <meta name="description"> определяют ваш сниппет в Google и напрямую влияют на кликабельность. Теги viewport и charset обеспечивают корректный рендеринг на мобильных устройствах. Ссылка canonical предотвращает размывание позиций из-за дублирующегося контента. Тег robots контролирует индексацию страницы.
Генератор всегда включает обязательные элементы и добавляет необязательные поля keywords и author только при их заполнении. Тег keywords больше не влияет на позиции в Google — он игнорируется с 2009 года — но генератор оставляет поле для внутренних поисковых систем.
Лучшие превью ссылок с Open Graph и Twitter Cards
Когда кто-то делится вашей ссылкой во ВКонтакте, Facebook, LinkedIn, WhatsApp, Telegram, Slack, Discord или X, эти платформы ищут теги Open Graph (og:) и Twitter Card (twitter:) для создания богатой карточки предпросмотра. Без них ссылка отображается как обычный текст; с ними — показывает ваш заголовок, описание и изображение 1200×630.
Встроенный генератор Open Graph создаёт полный набор тегов og: и соответствующие теги twitter:, включая alt-текст изображения. X/Twitter сначала читает собственные теги, но при их отсутствии использует og: как запасной вариант. Полный набор og: плюс twitter:card и twitter:site охватывает обе платформы.
Управление индексацией с помощью мета-тега robots
Встроенный генератор мета-тега robots позволяет одним кликом переключаться между index и noindex, а также между follow и nofollow. Используйте noindex на страницах благодарности, тестовых сайтах, административных страницах и малоценных страницах фильтрации, которые не должны появляться в Google.
Когда страница задана как noindex, карточка предпросмотра Google помечает её предупреждением, чтобы вы не опубликовали неверные настройки robots по ошибке. Сгенерированный тег также поддерживает расширенные директивы: noarchive (запрет кэшированной версии) и nosnippet.
Сравнение с SEMrush, Yoast и Rank Math
Большинство аналогов имеют ограничения или стоят денег. SEMrush включает анализ мета-тегов в аудит сайта, но стоит от $129/месяц. Yoast SEO и Rank Math — плагины WordPress, они не работают для Shopify, Webflow, Next.js или ручного HTML.
Наш генератор покрывает полный набор тегов — заголовок, описание, canonical, robots, все поля og:, все поля twitter:, alt-текст изображения — с живыми предпросмотрами Google и соцсетей, без аккаунта, бесплатно и без зависимости от CMS.
Генератор мета-тегов для любого технологического стека
Так как вывод — обычный HTML, его можно встроить в любой проект. Вставьте блок в статический сайт, шаблон WordPress, Shopify theme.liquid, кастомный код Webflow или компонент макета React/Vue. В Next.js добавьте значения в экспорт Metadata в layout.tsx. В Astro передайте их как props в компонент head Layout.astro.
Добавьте этот инструмент в закладки на случай запуска новой страницы, обновления заголовка или когда хотите, чтобы ссылка отлично выглядела при расшаривании. Заполните форму, скопируйте блок <head>, вставьте — и ваша страница готова для поисковиков и всех крупных соцсетей.
Frequently asked questions
Что такое мета-теги?
Мета-теги — это HTML-фрагменты, помещённые в head страницы, которые описывают её браузерам и поисковым системам, не отображаясь на самой странице. Важнейшие из них — тег title и мета-описание, которые формируют сниппет в Google. Помимо них нужны тег viewport для мобильного масштабирования, объявление charset, тег robots для управления индексацией, canonical URL для предотвращения проблем с дублирующимся контентом, а также теги Open Graph и Twitter Card для богатых превью в соцсетях.
Как создать мета-теги для SEO?
Введите заголовок страницы, описание, URL и изображение предпросмотра 1200×630 в форму — и генератор напишет полный набор тегов: title, meta description, canonical, robots, Open Graph и Twitter Card. Держите заголовок около 60 символов, а описание около 155, используйте уникальную пару на каждой странице, затем скопируйте блок в head вашего HTML.
Какие мета-теги важны для SEO в 2026 году?
Теги, которые по-прежнему имеют значение: тег title, мета-описание, тег viewport, объявление charset, тег robots и ссылка canonical. Кроме того, теги Open Graph и Twitter Card управляют отображением ссылки в соцсетях. Старый тег keywords не влияет на позиции в Google — он игнорируется с 2009 года.
Какова идеальная длина заголовка и описания?
Стремитесь к заголовку 50–60 символов и мета-описанию 145–155 символов. Google обрезает заголовки около 600 пикселей ширины и описания около 155–160 символов, добавляя многоточие. Счётчики символов здесь окрашиваются в янтарный при превышении рекомендуемой длины.
Что такое теги Open Graph?
Теги Open Graph — те, что начинаются с 'og:' — стандарт, созданный Facebook, который управляет отображением ссылки при расшаривании в соцсетях и мессенджерах. Основной набор: og:title, og:description, og:image, og:url и og:type. С ними расшаренная ссылка показывает богатую карточку с заголовком, описанием и изображением вместо голого URL.
Безопасно ли вводить здесь реальные данные страницы?
Да. Этот генератор мета-тегов полностью работает в вашем браузере на JavaScript — заголовок, описание, URL и URL изображения, которые вы вводите, никогда не отправляются на сервер, не логируются и нигде не сохраняются. Инструмент работает офлайн после загрузки страницы.
Какой размер должен быть у изображения Open Graph?
Используйте 1200×630 пикселей с соотношением сторон 1,91:1 для большой социальной карточки. Именно такой размер Facebook, LinkedIn и X отображают без обрезки, и тот же файл подходит для og:image и twitter:image. Держите размер до 5 МБ, используйте абсолютный URL, начинающийся с https://, а не относительный путь.
Related tools
Все инструменты
Новое Генератор слагов
Превратите любой заголовок в чистый SEO-слаг для URL — пакетно и с учётом диакритики.
Новое Конструктор UTM
Создавайте отслеживаемые URL кампаний с utm_source, medium, campaign и не только.
Новое Предпросмотр сниппета SERP
Посмотрите, как заголовок и описание выглядят в Google на десктопе и мобильном.
Новое Генератор robots.txt
Создайте корректный robots.txt с правилами allow/disallow и строкой sitemap.
Новое Калькулятор процентов
Мгновенно считайте проценты, прирост, снижение и обратные проценты.
Новое Генератор Lorem Ipsum
Генерируйте текст-рыбу абзацами, предложениями, словами или пунктами списка.