Мета-теги находятся в <head> страницы и сообщают поисковым системам и соцсетям, как её показывать. Этот генератор собирает сразу весь набор: title и meta description, которые Google выводит в результатах поиска, директивы canonical и robots, а также теги Open Graph и Twitter Card, отвечающие за картинку, заголовок и текст при публикации ссылки в соцсетях. Каждое введённое значение экранируется, поэтому случайная кавычка или угловая скобка в заголовке не сломает разметку, а пустые поля просто не попадают в вывод.
Бесплатный генератор мета-тегов
Работает прямо в браузере - без загрузки файлов и регистрации.
Данные страницы
Сгенерированные мета-теги
Живой предпросмотр
example.com
Здесь появится заголовок вашей страницы
Здесь появится ваше meta description в сниппете поиска и карточке соцсетей.
Предпросмотр og:image
example.com
Здесь появится заголовок вашей страницы
Здесь появится ваше meta description в сниппете поиска и карточке соцсетей.
Что такое генератор мета-тегов?
Генератор мета-тегов превращает заголовок страницы, описание и данные для соцсетей в готовую HTML-разметку: SEO title и description, а также теги Open Graph (og:) и Twitter Card. Заполните поля - и инструмент сразу выдаст экранированную, готовую к вставке разметку. Всё работает прямо в браузере, поэтому данные никуда не отправляются.
Как пользоваться
- 1Введите данные страницы. Укажите заголовок страницы и meta description, затем добавьте канонический URL и, при желании, og:image и название сайта.
- 2Настройте параметры для соцсетей. Выберите og:type, размер карточки Twitter и укажите свой Twitter-аккаунт. По умолчанию og:url совпадает с каноническим URL.
- 3Следите за живым предпросмотром. Результат в стиле Google и карточка для соцсетей обновляются по мере ввода, чтобы вы видели, как страница будет выглядеть в поиске или при публикации.
- 4Скопируйте мета-теги. HTML обновляется мгновенно. Скопируйте его и вставьте в head вашей страницы.
Кому пригодится
- SEO-специалисты, составляющие чистые title и meta description и проверяющие их на соответствие лимитам длины Google.
- Веб-разработчики, которым нужны готовые к вставке теги Open Graph и Twitter Card для шаблона страницы.
- Маркетологи, настраивающие картинку, заголовок и описание, которые появляются при публикации ссылки в соцсетях.
- Блогеры и владельцы интернет-магазинов, добавляющие корректные мета-теги без плагинов и настроек CMS.
Вопросы и ответы
Генератор мета-тегов бесплатный?
Да, полностью бесплатный, без регистрации и ограничений. Всё работает прямо в вашем браузере.
Мои данные куда-то отправляются?
Нет. Заголовок, описание и URL, которые вы вводите, превращаются в HTML мета-теги локально в браузере и никогда не отправляются на сервер.
Какие мета-теги он создаёт?
Он формирует title, meta description, canonical-ссылку, директиву robots, набор Open Graph (og:type, og:title, og:description, og:url, og:image, og:site_name) и теги Twitter Card (twitter:card, twitter:title, twitter:description, twitter:image, twitter:site).
Какой длины должны быть title и description?
Ориентируйтесь на title до 60 символов и meta description примерно от 50 до 160 символов. Инструмент помечает всё, что длиннее, поскольку Google обрезает слишком длинные title и description в результатах поиска.
В чём разница между og:image и twitter:image?
og:image - это картинка, которая показывается при публикации ссылки в Facebook, LinkedIn и на большинстве платформ; twitter:image - аналог для карточек X/Twitter. Инструмент использует один и тот же URL картинки для обоих тегов - это обычная практика: одно изображение 1200x630 подходит везде.
Куда вставлять сгенерированные мета-теги?
Поместите их внутрь элемента <head> HTML-кода вашей страницы, рядом с уже существующими мета-тегами. После этого можно проверить теги для соцсетей через Facebook Sharing Debugger или Twitter Card Validator.