Мета-теги — это HTML-элементы в разделе <head>, которые передают информацию о странице поисковым системам и социальным сетям. Правильно заполненные мета-теги — обязательное условие для корректного отображения сайта в поиске и при репосте в соцсетях.
1. Title — заголовок страницы
Тег <title> — самый важный SEO-мета-тег. Он отображается как заголовок в результатах поиска и в вкладке браузера. Поисковые системы используют его для понимания темы страницы.
<title>Мета-теги для SEO: полное руководство 2025</title>
Правила: Длина 50–60 символов. Ключевое слово — в начале. Уникальный для каждой страницы. Название бренда — в конце через "·" или "|".
Ошибка: Дублировать title на нескольких страницах. Google может перегенерировать заголовок самостоятельно, если он неинформативен или слишком длинный.
2. Meta Description
Описание страницы. Не влияет напрямую на ранжирование, но влияет на CTR: хороший description привлекает клики в выдаче. Google показывает его в сниппете под заголовком.
<meta name="description" content="Полное руководство по мета-тегам для SEO: title, description, canonical, Open Graph. Примеры кода и правила заполнения.">
Правила: Длина 120–160 символов. Содержит ключевое слово. Есть призыв к действию. Уникальный для каждой страницы.
3. Canonical
Указывает поисковикам «каноническую» (основную) версию страницы при наличии дублей. Обязателен при наличии URL-параметров, пагинации, версий для печати.
<link rel="canonical" href="https://example.ru/moya-stranica/">
Правило: Канонический URL должен быть абсолютным (с https://). Даже на главной странице укажите canonical на саму себя.
4. Open Graph (для соцсетей)
Теги og: управляют отображением при репосте в ВКонтакте, Telegram, Facebook и других платформах. Без них соцсети выберут контент для превью случайно.
<meta property="og:type" content="article">
<meta property="og:url" content="https://example.ru/stranica/">
<meta property="og:title" content="Мета-теги для SEO — руководство">
<meta property="og:description" content="Описание для соцсетей до 200 символов">
<meta property="og:image" content="https://example.ru/og-image.png">
<meta property="og:locale" content="ru_RU">
og:image: Минимальный размер 1200×630 пикселей. Формат PNG или JPG. Файл должен быть доступен без авторизации.
5. Twitter Card
Управляет отображением при репосте в Twitter/X. summary_large_image — показывает большое изображение, что увеличивает кликабельность.
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Мета-теги для SEO">
<meta name="twitter:description" content="Краткое описание">
<meta name="twitter:image" content="https://example.ru/og-image.png">
6. Meta Robots
Управляет индексированием страницы. По умолчанию страницы индексируются — тег нужен только для исключений.
<!-- Не индексировать, не переходить по ссылкам -->
<meta name="robots" content="noindex, nofollow">
<!-- Индексировать, но не переходить по ссылкам -->
<meta name="robots" content="index, nofollow">
Внимание: Не добавляйте noindex на важные страницы случайно — это одна из самых распространённых ошибок при разработке. SEO Пилот автоматически проверяет этот тег.