Короткий ответ: чтобы создать мета-теги онлайн, откройте бесплатный Генератор мета-тегов PromoPilot, заполните title, description, canonical, robots и поля Open Graph и Twitter Card — справа сразу появится превью в Google и Facebook, а ниже готовый HTML-код. Его остаётся скопировать в один клик и вставить в <head> страницы. Можно начать с нуля или загрузить текущие теги существующей страницы по ссылке и отредактировать их. Ниже — как заполнить каждое поле и не допустить типичных ошибок.
Я 12 лет делаю сайты, и мета-теги — первое, что «слетает» при переделке шаблона. Генератор выручает, когда нужно быстро собрать правильный блок для лендинга или главной, не вспоминая синтаксис og: и twitter:.
Что создаёт генератор мета-тегов?
Генератор — это форма с подсказками, которая превращает ваши тексты в корректный код. Вот какие поля он заполняет и зачем они нужны.
| Поле | Что вводите | Зачем это сайту |
|---|---|---|
| Title | Заголовок страницы, рекомендуется 30–60 символов | Синяя ссылка в выдаче Google и вкладка браузера |
| Meta description | Описание, рекомендуется 120–160 символов | Кандидат в текст сниппета под заголовком |
| Canonical URL | Основной адрес страницы | Склеивает дубли с параметрами и UTM-метками |
| Robots | index/noindex, follow/nofollow | Разрешает или запрещает индексацию страницы |
| Open Graph | og:title, og:description, og:image (1200×630), og:type, og:locale | Превью ссылки в Facebook, LinkedIn, мессенджерах |
| Twitter Card | twitter:card (summary_large_image или summary), заголовок, описание | Карточка ссылки в X (Twitter) |
Под полями — счётчики символов с рекомендуемыми диапазонами, справа — живое превью сниппета Google и публикации в Facebook, внизу — сгенерированный HTML.
Как создать мета-теги онлайн?
- Откройте Генератор мета-тегов. Если страница уже существует, вставьте её адрес в верхнее поле и нажмите «Загрузить» — текущие теги подставятся в форму.
- Напишите title и description, следя за счётчиками. Красная полоса — текст короче или длиннее нормы.
- Укажите canonical — полный адрес страницы с
https://, без параметров. - Выберите robots. Для обычной страницы —
index, follow.noindex— только для служебных страниц: корзины, личного кабинета, результатов поиска по сайту. - Заполните Open Graph и Twitter Card: картинку 1200×630, тип (
websiteдля главной,articleдля статьи,productдля товара) и локаль, напримерru_RUилиen_US. - Сверьте превью и скопируйте HTML-код кнопкой копирования.
На выходе получается примерно такой блок — его и вставляют в <head>:
<title>Кожаные рюкзаки: 120 моделей, доставка за 2 дня | Nord</title>
<meta name="description" content="120 кожаных рюкзаков в наличии, доставка по Европе за 2–4 дня, возврат 30 дней.">
<link rel="canonical" href="https://example.com/ryukzaki/">
<meta name="robots" content="index, follow">
<meta property="og:title" content="Кожаные рюкзаки Nord — 120 моделей">
<meta property="og:image" content="https://example.com/img/og-ryukzaki.jpg">
<meta property="og:type" content="website">
<meta name="twitter:card" content="summary_large_image">
Обратите внимание: og:title не обязан дословно повторять title. В соцсетях бренд и «купить» звучат навязчиво, поэтому там уместен более живой заголовок, а в title — формулировка под поисковый запрос.
Так выглядит рабочее место: строка загрузки тегов по ссылке, форма слева и превью Google и Facebook справа.
Как написать title и description, по которым кликают?
Генератор следит за длиной, но не за смыслом. Вот формулы, которые я использую для разных типов страниц:
- Главная:
Что продаёте + для кого / где | Бренд— например,Мебель из массива дуба на заказ | Woodline. - Категория:
Категория + выбор/цена/доставка | Бренд—Кожаные рюкзаки: 120 моделей, доставка за 2 дня | Nord. - Товар:
Название + ключевое свойство + действие—Рюкзак Nord 20 л из кожи — купить с гарантией 2 года. - Статья:
Вопрос или польза + уточнение—Как выбрать матрас для спины: 7 критериев и ошибки.
Description пишите как короткое обещание: что человек получит на странице и почему стоит кликнуть. Плохо: «Добро пожаловать на наш сайт! Мы предлагаем широкий ассортимент…». Хорошо: «120 кожаных рюкзаков в наличии, доставка по Европе за 2–4 дня, бесплатный возврат 30 дней. Подберите модель по объёму и цвету».
Типичные ошибки в коде, которые генератор помогает избежать:
- Два title на странице — один из шаблона, второй из плагина. После вставки кода проверьте, что старый тег удалён.
- Относительный адрес в og:image (
/img/cover.jpg) — соцсети ждут полный адрес сhttps://. - Canonical на главную у всех страниц — частая ошибка шаблонов, которая выкидывает страницы из индекса.
- noindex, забытый после разработки — сайт запущен, но поисковик его не видит.
Куда вставить сгенерированный код?
Код вставляется в <head> — но способ зависит от движка. На самописном сайте — прямо в HTML-шаблон страницы. В WordPress удобнее не вставлять код руками, а перенести тексты из генератора в поля SEO-плагина (Yoast SEO или Rank Math): плагин сам выведет теги и не создаст дублей. В конструкторах сайтов ищите раздел «SEO» в настройках страницы.
После публикации проверьте результат: статья нашей серии про анализ мета-тегов расскажет, как убедиться, что теги на живой странице совпадают с задуманными, а про SERP-превью — как увидеть сниппет в выдаче на телефоне.
Сравнение: генератор мета-тегов и альтернативы
| Инструмент | Что бесплатно | Ограничения | Кому подходит |
|---|---|---|---|
| PromoPilot — Генератор мета-тегов | Title, description, canonical, robots, OG и Twitter Card, превью Google и Facebook, готовый HTML | Одна страница за раз, тексты пишете сами | Лендинг, главная, самописный сайт, проверка идей |
| Yoast SEO / Rank Math | Поля title, description и OG прямо в редакторе WordPress | Только WordPress, нужна установка плагина | Владельцам сайтов на WordPress |
| Настройки SEO в конструкторе | Поля title и description для страницы | Набор полей ограничен возможностями платформы | Сайтам на конструкторах |
| Ручное написание кода | Полный контроль | Легко ошибиться в синтаксисе и дублях | Разработчикам |
Вывод: если сайт на WordPress — заполняйте поля в SEO-плагине, а генератор используйте как черновик с превью. Для самописного сайта или отдельного лендинга генератор даёт готовый код быстрее всего.
Кроме генератора у PromoPilot есть ещё 87 бесплатных SEO-инструментов — от отладчика Open Graph до генератора разметки Schema.
Какие ограничения у генератора мета-тегов?
Генератор не знает, по каким запросам вас ищут, — ключевые слова в title подбираете вы. Он не проверяет уникальность: если вы вставите один и тот же description на 50 страниц, инструмент этого не заметит. И он работает с одной страницей: для магазина на сотни карточек теги собирают шаблоном в коде сайта, а не вручную.
Когда бесплатного инструмента мало?
Генератор идеален для пяти страниц. Для пятисот нужен другой подход. Специалист нужен, если:
- у вас каталог, и каждому новому товару теги должны присваиваться автоматически;
- сайт многоязычный, и теги нужны на каждом языке с правильной локалью;
- вы не знаете, какие запросы приводят покупателей, и title пишутся «на глаз»;
- после смены CMS теги потерялись или задвоились.
Что я могу сделать для вашего сайта?
Я Валерий Данюк, разработчик и SEO-специалист: 12 лет и 200+ клиентов. Мета-теги я закладываю в шаблоны с первого дня, чтобы владельцу не приходилось думать о них при каждой публикации.
SEO и продвижение
- SEO-аудит сайта под ключ: собираю ключевые запросы, пишу шаблоны тегов для всех типов страниц и внедряю их в код.
- Автоблог с ИИ-агентами — редакция, где у каждой статьи теги и превью генерируются автоматически.
Сайты и интернет-магазины
- Сайт на WordPress с ИИ-помощником за 299 € — с настроенным SEO-плагином и шаблонами тегов.
- Сайт в стиле понравившегося чужого сайта за минуты — на 1001site превью для соцсетей и разметка настраиваются сами.
- Каталог на 300 товаров за пару минут — описания и теги для каждой позиции через MCP и Claude.
- Перенос магазина из Instagram на сайт — чтобы товары находили в поиске, а не только в ленте.
CRM и автоматизация
Пришлите адрес сайта в Telegram — подскажу формулу title для ваших ключевых страниц.
Итог
- Генератор мета-тегов онлайн собирает готовый блок head: title, description, canonical, robots, Open Graph и Twitter Card с превью.
- Держите title в 30–60 символов, description — в 120–160; главное слово и выгоду ставьте в начало.
- После вставки кода проверьте, что теги не задвоились, а og:image указан полным адресом.
- Для каталога и многоязычного сайта теги собирают шаблоном — или берут платформу, где это уже сделано, например 1001site.
Соберите теги для своей главной в бесплатном генераторе мета-тегов — это займёт меньше времени, чем чтение этой статьи.
Источники
- Страница инструмента «Генератор мета-тегов» PromoPilot — поля, рекомендуемые диапазоны и FAQ.
- Протокол Open Graph (ogp.me) — описание тегов og:title, og:image, og:type, og:locale.
- Документация плагинов Yoast SEO и Rank Math для WordPress.
