Генератор метатегов
Расширенная версия быстрого генератора метатегов, этот инструмент собирает полный комплект: основные SEO-теги, Open Graph с вариантами под каждый регион, Twitter Card с поддержкой глубоких ссылок в приложения, набор фавиконок (ico, svg, apple-touch-icon, mask-icon), ссылку на манифест PWA, цвет темы для светлой и тёмной схем, а также опциональный блок JSON-LD для схем «Статья», «Товар», «Рецепт», FAQ или «Событие». Пригодится при запуске нового сайта, когда нужно с первого раза правильно настроить <head>.
Как собрать полный набор метатегов
-
1
Заполните основные поля
Заголовок, описание, canonical, название сайта, изображение по умолчанию.
-
2
Добавьте переопределения для соцсетей
При необходимости задайте отдельный заголовок или описание для Open Graph или Twitter.
-
3
Настройте иконки и PWA
Пути к фавиконкам, иконка Apple touch, манифест, цвет темы для светлого/тёмного режима.
-
4
Выберите тип Schema.org
Статья, товар, рецепт, событие, FAQ, организация. Заполняет JSON-LD на основе введённых данных.
-
5
Скопируйте готовый фрагмент
Вставьте между `<head>...</head>`.
Полный комплект
- Основные SEO-теги:
<title>,description,canonical,viewport,robots,author,charset. - Open Graph:
og:type,og:title,og:description,og:image(с шириной/высотой),og:url,og:site_name,og:locale,og:locale:alternateдля переводов. - Twitter Card:
twitter:card,twitter:site,twitter:creator,twitter:title,twitter:description,twitter:image,twitter:app:*для глубоких ссылок в нативное приложение. - Иконки: фавиконка в нескольких форматах (
.icoдля устаревших браузеров,.svgдля современных, иконка Apple touch 180×180, маскирующая иконка для закреплённых вкладок Safari). - PWA: ссылка
manifest.json,theme-colorдля светлой и тёмной темы,apple-mobile-web-app-capable. - JSON-LD: структурированные данные Schema.org для типа контента.
Шаблоны JSON-LD по схемам
Статья
{
"@context": "https://schema.org",
"@type": "Article",
"headline": "...",
"author": { "@type": "Person", "name": "..." },
"datePublished": "2026-04-18",
"dateModified": "2026-04-18",
"image": "https://..."
}
Товар
{
"@context": "https://schema.org",
"@type": "Product",
"name": "...",
"image": "https://...",
"brand": { "@type": "Brand", "name": "..." },
"offers": {
"@type": "Offer",
"price": "29.99",
"priceCurrency": "USD",
"availability": "https://schema.org/InStock"
}
}
Страница FAQ
{
"@context": "https://schema.org",
"@type": "FAQPage",
"mainEntity": [{
"@type": "Question",
"name": "...",
"acceptedAnswer": { "@type": "Answer", "text": "..." }
}]
}
Когда использовать каждый тип Schema.org
| Тип контента | Схема |
|---|---|
| Пост в блоге, новости | Article / NewsArticle |
| Страница товара | Product + Offer |
| Рецепт | Recipe |
| Событие (концерт, вебинар) | Event |
| Персона (страница автора) | Person |
| Страница компании | Organization |
| FAQ | FAQPage |
| Хлебные крошки | BreadcrumbList |
| Локальный бизнес | LocalBusiness |
Проверка
После вставки проверьте весь <head>:
- Rich Results Test (Google), проверка права на расширенные результаты для JSON-LD.
- Schema Markup Validator, проверка корректности Schema.org.
- Facebook Sharing Debugger, предпросмотр Open Graph.
- Twitter Card Validator, предпросмотр Twitter.
- Lighthouse (Chrome DevTools → Lighthouse), общий аудит.
Часто задаваемые вопросы
Не напрямую. Сам по себе JSON-LD не поднимает позиции. Он включает показ расширенных результатов (звёздные рейтинги, аккордеон FAQ, цена и наличие), что способно повысить кликабельность. А более высокий CTR помогает уже косвенно.
Да. Типичный вариант: один BreadcrumbList и один Article (или Product). Каждый блок держите сосредоточенным на одном типе схемы, а не смешивайте их.
Twitter действительно откатывается к OG, но вам может понадобиться другое соотношение сторон изображения или дескриптор автора, которые OG не поддерживает. Задавайте отдельные теги Twitter только там, где они отличаются от OG.
Нет. Он окрашивает интерфейс браузера в Android Chrome и iOS Safari (при добавлении на главный экран). Настольные браузеры его игнорируют.
Нет, генератор работает полностью в вашем браузере. Все введённые данные остаются локально.
Сопутствующие инструменты
Проверка длины мета-описания
Измерьте мета-описание в символах и расчётных пикселях, сравните редакционные ориентиры и макеты для компьютера и телефона.
Инструмент проверки заголовков безопасности HTTP
Вставьте HTTP-заголовки ответа и локально проверьте HSTS, CSP, clickjacking, MIME, referrer и политики cross-origin.
Канонический генератор тегов
Создайте действительный тег ссылки rel=canonical для любого URL. Включает проверку URL и типичные ошибки, которых следует избегать.
Симулятор выдачи Google
Посмотрите приблизительный сниппет в стиле Google с лимитами символов для телефона и компьютера. Черновик остаётся в текущем сеансе браузера.
Валидатор XML-карты сайта
Проверьте XML-карту сайта в браузере: ошибки разбора, отсутствующие адреса, повторы URL и распространённые значения полей.
Инструмент для извлечения внешних ссылок
Вставьте сырой HTML-код, при желании укажите базовый URL и получите чистый список без дубликатов всех внешних ссылок http/https в коде для проверки ссылок и анализа SEO.
Инструмент доступен на других языках
- Trình tạo thẻ Meta [VI]
- Gerador de Meta Tags [PT]
- Generador de Meta Tags [ES]
- مولّد وسوم Meta [AR]
- Générateur de balises Meta [FR]
- メタタグジェネレーター [JA]
- 메타 태그 생성기 [KO]
- Generator Meta Tag [ID]
- Meta-taggenerator [NL]
- Meta-tagg-generator [SV]
- ตัวสร้าง Meta Tag [TH]
- Meta Tags Generator [DE]
- Generator metatagów [PL]
- Meta Tags Generator [EN]
- Generatore di Meta Tag [IT]
- Meta Etiket Oluşturucu [TR]
- 元标签生成器 [ZH]