Требования к 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">