Что такое Генератор мета-тегов?
Генератор мета-тегов создаёт полный набор HTML-мета-тегов для ваших веб-страниц. Введите заголовок, описание, ключевые слова и данные для соцсетей, чтобы получить правильно отформатированные мета-теги, улучшающие видимость в поиске и отображение при репосте.
Заполните заголовок, описание (около 155 символов лучше всего рендерит Google), ключевые слова, автора, канонический URL, директиву robots, viewport, charset, добавьте поля Open Graph для Facebook/LinkedIn и Twitter Card для X. На выходе — готовый блок тегов `<meta>` и `<link>` для вставки в `<head>`. Скопируйте в HTML, metadata Next.js или head шаблона.
Как использовать
- Заполните заголовок страницы, описание, имя автора и целевые ключевые слова для базовых SEO-мета-тегов.
- Добавьте метаданные Open Graph (Facebook) и Twitter Card — заголовок, описание, URL изображения и тип карточки.
- Скопируйте готовый HTML-блок мета-тегов и вставьте его в раздел <head> вашей веб-страницы.
Когда использовать
- Подготовить SEO-теги и метаданные для шаринга на статической HTML-лендинге перед запуском.
- Аудит существующей страницы: вставляете значения и видите, чего не хватает или что слишком длинное.
- Прописать теги в брифе для разработчика, который вставит их в шаблон CMS.
Результат
Вы запускаете страницу товара. Укажите «Беспроводные наушники с шумоподавлением» в заголовке, напишите описание на 155 символов и добавьте URL изображения товара для OG-тега.
Частые вопросы
- Какая длина заголовка и описания на практике лучше?
- Ориентируйтесь на 50–60 символов в заголовке и 140–160 в описании. Google обрезает более длинные заголовки, а ширина превью описания около 920 пикселей — как раз этот диапазон символов.
- Нужен ли ещё `<meta name='keywords'>`?
- Google игнорирует его с 2009 года, Bing воспринимает почти как сигнал спама. Пропускайте, если только не нацелены на Яндекс или Baidu, где у него остаётся ограниченный вес.
- Чем og:title отличается от обычного `<title>`?
- `<title>` отвечает за вкладку браузера и сниппет Google. `og:title` — это то, что Facebook, LinkedIn и Slack показывают при шаринге. Они могут различаться: социальный заголовок ярче, страничный — ориентированнее на ключевые слова.
- Какой тип Twitter Card выбрать?
- `summary_large_image` даёт самое крупное превью (изображение 1200×630) и подходит большинству статей и страниц продуктов. `summary` берите только для коротких постов, где достаточно миниатюры.
- Решит ли canonical проблему дублей контента?
- Тег подсказывает поисковикам, какая из нескольких похожих страниц считается оригиналом. Это лишь намёк, а не редирект; усилите сигнал согласованными внутренними ссылками и HTTPS.
Похожие инструменты
Генератор структурированных данных
Создайте разметку JSON-LD Schema для SEO
Веб-страница в PDF
Сохранение веб-страницы в виде PDF
Генератор политики конфиденциальности
Создайте политику конфиденциальности для вашего сайта
Генератор условий использования
Сгенерируйте документ с условиями использования
Генератор согласия на использование файлов cookie
Создание кода баннера согласия на использование cookie
Минификатор CSS
Сжатие CSS-кода для уменьшения размера файла