Генератор SEO мета‑тегов: Title, Description, H1, keywords

Язык ответа:
  • {{ error }}
{{ infoService }}

Назначение инструмента

Генерирует on‑page метаданные (H1, meta title, meta description и meta keywords) из предоставленного текста на выбранном языке. Учитывает ограничения по длине и пишет понятные, кликабельные сниппеты для Google.

Как пользоваться

  1. Вставьте текст страницы, статьи или карточки товара.
  2. Выберите язык результата.
  3. Нажмите «Отправить», чтобы сгенерировать теги.
  4. Скопируйте результат в CMS или в секцию head HTML.

Вывод и ограничения

  • H1: до 60 символов
  • Meta title: до 60 символов (~580–600 px)
  • Meta description: до 160 символов (~920–990 px)
  • Keywords: через запятую, 5–12 релевантных слов

Лучшие практики для Google

  • Основной ключ — в начале title и H1.
  • Соответствие интенту; конкретные выгоды и детали.
  • Без обрезки: соблюдайте лимиты и естественность текста.
  • Добавляйте бренд в конце title, если уместно.
  • Уникальные метаданные для каждой страницы; без переспама.

Пример вывода

header - Заголовок H1, не более 60 символов
title - Мета‑тег title, не более 60 символов
description - Мета‑тег description, не более 160 символов
keywords - Ключевые слова, через запятую

Требования к SEO‑мета‑тегам

Мета‑теги — это машиночитаемые подсказки в секции head: они направляют поисковые роботы, управляют сниппетами и формируют предпросмотры ссылок. Правильная настройка повышает эффективность обхода, видимость в выдаче и кликабельность в социальных сетях. В этом материале — практические требования и примеры.

Что на самом деле считается «мета‑тегом»

В HTML мета‑теги — это элементы вроде <meta name="description"> или <meta name="robots">. Родственные, но не мета‑теги: <title>, <link rel="canonical"> и ссылки hreflang. Они живут вместе в <head> и также важны для SEO‑результатов.

Базовые требования

1) Meta description

  • Назначение: кандидат на текст сниппета; напрямую на ранжирование не влияет.
  • Формат: один на страницу, уникальный, располагается в <head>.
  • Длина: целитесь в 150–160 символов (или ~920px по ширине); пишите по намерению и ясно.
  • Содержимое: естественно упомяните основную тему/запрос, ценность и мягкий призыв к действию.
  • Избегайте: дублей, шаблонов на множестве страниц, кликбейта и избытка символов.
<meta name="description" content="Сравните провайдеров облачного бэкапа, цены и скорость восстановления. Посмотрите выбор экспертов и подберите лучший план для бизнеса.">

2) Директивы robots

  • Глобально: используйте name="robots" для всех роботов; name="googlebot" или "bingbot" — для конкретного бота.
  • Размещение: только в <head>; при нескольких тегах побеждает самая строгая директива (включая HTTP X‑Robots‑Tag).
  • Частые директивы: index | noindex, follow | nofollow, noarchive, nosnippet, max-snippet:[-1|N], max-image-preview:[none|standard|large], max-video-preview:[-1|N], notranslate, noimageindex.
<meta name="robots" content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1">
<meta name="googlebot" content="index, follow">

Конфликты: noindex сильнее canonical; nofollow может обрезать сигналы ссылочного графа со страницы — используйте осторожно.

3) Viewport (мобильность)

  • Нужен для паритета mobile‑first indexing и удобства на телефонах.
  • Используйте width=device-width и initial-scale=1.
<meta name="viewport" content="width=device-width, initial-scale=1">

4) Кодировка

  • Объявляйте UTF‑8 в верхней части <head>, чтобы роботы и браузеры корректно читали символы и эмодзи.
<meta charset="UTF-8">

Расширенные мета для богатых превью

Сами по себе не фактор ранжирования, но социальные мета‑теги управляют превью и повышают CTR при распространении ссылок.

Open Graph

  • Минимум: og:title, og:description, og:image, og:type.
  • Изображение: 1200×630px (минимум 600px по ширине), ≤5 МБ, описательный og:image:alt.
<meta property="og:type" content="article">
<meta property="og:title" content="Облачное резервное копирование: руководство покупателя 2025">
<meta property="og:description" content="Независимые тесты скорости восстановления, безопасности и цены у 12 провайдеров.">
<meta property="og:image" content="https://example.com/images/backup-guide-1200x630.jpg">
<meta property="og:image:alt" content="Сравнительная диаграмма сервисов облачного бэкапа">

Twitter Cards

<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Облачное резервное копирование: руководство покупателя 2025">
<meta name="twitter:description" content="Независимые тесты скорости восстановления, безопасности и цены у 12 провайдеров.">
<meta name="twitter:image" content="https://example.com/images/backup-guide-1200x630.jpg">

Связанное (не мета), но критично

  • Title: уникальный, описательный, ~50–60 символов или ~580–600px; ключ ближе к началу, бренд в конце.
  • Canonical: абсолютный URL, один на страницу, по умолчанию самоссылка; не сочетайте canonical с noindex.
  • Hreflang: для языковых/региональных версий; всегда self и обратные ссылки; увязывайте с canonical для каждой локали.
<title>Провайдеры облачного бэкапа: сравните цены и скорость | Бренд</title>
<link rel="canonical" href="https://example.com/cloud-backup">
<link rel="alternate" href="https://example.com/ru/backup" hreflang="ru">
<link rel="alternate" href="https://example.com/ru/backup" hreflang="x-default">

Технические требования и подводные камни

  • Уникальность: description, title, canonical должны быть уникальны для каждого URL.
  • По одному: избегайте дублей meta description или robots; браузеры учитывают первый, роботы могут объединить по самой строгой директиве.
  • Порядок: charset и viewport — выше; robots — перед скриптами, мешающими рендерингу.
  • Размер: держите head компактным; Google обрабатывает до ~15 МБ HTML, но ранние теги безопаснее.
  • Рендеринг: если head собирается на клиенте, используйте серверный рендеринг или динамический; роботы могут не увидеть поздние изменения.
  • Пагинация: для серий пишите конкретные описания; rel="next/prev" устарел; опирайтесь на внутренние ссылки и каноникализацию.
  • Noindex: применяйте только при реальной необходимости исключения; не блокируйте в robots.txt, если хотите, чтобы Google увидел noindex.
  • Интернационализация: не полагайтесь на meta http‑equiv content-language; используйте hreflang.
  • A/B‑тесты: следите, чтобы варианты не отдавали конфликтующие robots/canonical.

Быстрый чек‑лист

  • Одна уникальная meta description на каждую индексируемую страницу, 150–160 символов, соответствует намерению поиска.
  • Robots по умолчанию index, follow; строгие директивы — только при необходимости.
  • Viewport и UTF‑8 присутствуют и расположены высоко.
  • OG/Twitter заполнены, качественное изображение, согласованные title/description.
  • Title, canonical, hreflang — чистые и согласованные между версиями.
  • Нет противоречий (noindex vs canonical; несколько canonical; смешение follow/nofollow).

Минимальный пример

<meta charset="UTF-8">
<title>Лучший облачный бэкап для малого бизнеса | Бренд</title>
<meta name="description" content="Найдите надёжный облачный бэкап с быстрым восстановлением и сильным шифрованием. Сравните провайдеров и выберите план для малого бизнеса.">
<meta name="robots" content="index, follow, max-image-preview:large">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="canonical" href="https://example.com/luchshiy-cloud-backup">
<meta property="og:type" content="article">
<meta property="og:title" content="Лучший облачный бэкап для малого бизнеса">
<meta property="og:description" content="Надёжный бэкап, быстрое восстановление, сильное шифрование. Сравните провайдеров.">
<meta property="og:image" content="https://example.com/backup-1200x630.jpg">
<meta name="twitter:card" content="summary_large_image">