Генератор метатегов

Сгенерированные теги
Далее

Расширенная версия быстрого генератора метатегов, этот инструмент собирает полный комплект: основные SEO-теги, Open Graph с вариантами под каждый регион, Twitter Card с поддержкой глубоких ссылок в приложения, набор фавиконок (ico, svg, apple-touch-icon, mask-icon), ссылку на манифест PWA, цвет темы для светлой и тёмной схем, а также опциональный блок JSON-LD для схем «Статья», «Товар», «Рецепт», FAQ или «Событие». Пригодится при запуске нового сайта, когда нужно с первого раза правильно настроить <head>.

Как собрать полный набор метатегов

  1. 1

    Заполните основные поля

    Заголовок, описание, canonical, название сайта, изображение по умолчанию.

  2. 2

    Добавьте переопределения для соцсетей

    При необходимости задайте отдельный заголовок или описание для Open Graph или Twitter.

  3. 3

    Настройте иконки и PWA

    Пути к фавиконкам, иконка Apple touch, манифест, цвет темы для светлого/тёмного режима.

  4. 4

    Выберите тип Schema.org

    Статья, товар, рецепт, событие, FAQ, организация. Заполняет JSON-LD на основе введённых данных.

  5. 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.

Инструмент доступен на других языках