SEO-руководство, шаг 2: On-Page и метатеги

Это Шаг 2 из Руководства по SEO из 13 шагов. Метатеги на странице определяют, что поисковые системы показывают о вашем сайте — и будут ли пользователи кликать.

---

Техническое SEO (Шаг 1) обеспечивает обнаружение вашего сайта. On-page оптимизация обеспечивает его понимание — и привлекательное представление в результатах. Каждый результат поиска, который вы видите в Google, строится из метатегов страницы. Если вы их не контролируете — Google угадывает. А угадывает Google плохо.

Разница между 2% и 8% CTR часто заключается лишь в лучшем title-теге и описании. На странице с 1000 показов в месяц это 60 дополнительных посетителей — бесплатно.

Что охватывает On-Page SEO

On-page оптимизация включает 8 направлений:

1. Title-теги — Синяя ссылка в результатах поиска
2. Meta-описания — Серый текст под ссылкой
3. Open Graph и соцсети — Как ваши страницы выглядят при шеринге
4. Иерархия заголовков — Структура контента, сигнализирующая релевантность
5. Структурированные данные — Расширенные результаты (звёзды, цены, FAQ)
6. Оптимизация изображений — Alt-текст, имена файлов и lazy loading
7. Внутренний анкорный текст — Что ваши собственные ссылки говорят о страницах
8. Новостная и статейная разметка — Google News, Discover и AI-краулеры

1. Title-теги

Title-тег — самый влиятельный on-page элемент. Это синяя кликабельная ссылка в результатах поиска, текст вкладки браузера и прямой фактор ранжирования.

Правила эффективных title-тегов:

• 50-60 символов (Google обрезает примерно на 60)
• Основное ключевое слово ближе к началу
• Уникален для каждой страницы сайта
• Привлекателен для людей, а не только для алгоритмов
• Бренд в конце (если позволяет место)

Формулы, которые работают:

| Тип страницы | Формула | Пример | |--------------|---------|--------| | Главная | [Бренд] — [Ценностное предложение] | LANGR — Автоматизация SEO для растущего бизнеса | | Продукт | [Продукт] — [Выгода] | [Бренд] | Pro-тариф — Ежедневный SEO-мониторинг | LANGR | | Блог | [Тема]: [Обещание] ([Год]) | Title-теги: Полное руководство (2026) | | Категория | [Категория] — [Контекст] | [Бренд] | Беговые кроссовки — Мужская коллекция | Nike |

Типичные ошибки:

• Одинаковый title на нескольких страницах (дубликаты)
• Переспам ключевыми словами: «SEO SEO руководство SEO советы SEO помощь»
• Слишком короткий: «Главная» или «Товары»
• Отсутствует полностью (Google генерирует из контента — обычно плохо)

Быстрая победа: Выгрузите все title-теги (Screaming Frog или Search Console). Найдите дубликаты и страницы с title менее 30 символов. Исправьте их в первую очередь.

2. Meta-описания

Meta-описания не влияют напрямую на ранжирование, но критически влияют на CTR. Это ваш рекламный текст в органической выдаче.

Правила:

• 120-155 символов (мобильная выдача обрезает раньше)
• Включайте основное ключевое слово (Google выделяет совпадающие термины жирным)
• Включайте призыв к действию («Узнайте как», «Начните сейчас», «Смотрите тарифы»)
• Уникальны для каждой страницы (дубликаты заменяются автоснипетом Google)
• Соответствуют поисковому интенту (информационный, транзакционный, навигационный)

Формула: [Что предлагает страница] + [ключевая выгода] + [CTA]

Пример: «Узнайте 8 метатегов, напрямую влияющих на позиции. Практические советы с примерами до/после. Начните оптимизацию сегодня.»

Когда Google игнорирует ваше описание: Google переписывает ~70% meta-описаний для лучшего соответствия конкретному запросу. Предотвратить это нельзя, но хорошо написанное описание используется чаще, чем плохое. Оно также отображается при шеринге в соцсетях.

Быстрая победа: Напишите описания для топ-20 трафиковых страниц. Приоритезируйте страницы, где Search Console показывает высокие показы, но низкий CTR.

3. Open Graph и метатеги для соцсетей

Когда кто-то делится вашей ссылкой в Facebook, LinkedIn, Twitter/X или мессенджере — Open Graph теги управляют превью-карточкой.

Обязательные OG-теги:

<meta property="og:title" content="Заголовок страницы" />
<meta property="og:description" content="Привлекательное описание для соцсетей" />
<meta property="og:image" content="https://yoursite.com/images/og-card.jpg" />
<meta property="og:url" content="https://yoursite.com/page" />
<meta property="og:type" content="website" />

Для Twitter/X:

<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Заголовок страницы" />
<meta name="twitter:description" content="Описание для Twitter" />
<meta name="twitter:image" content="https://yoursite.com/images/twitter-card.jpg" />

Требования к изображениям:

• Минимум 1200x630px для больших карточек
• Размер файла до 8 МБ
• Текст на изображениях — минимально (правило 20%)
• Проверяйте через Facebook Debugger и Twitter Card Validator

Быстрая победа: Создайте один качественный шаблон OG-изображения для бренда. Используйте его по умолчанию, а затем создайте индивидуальные изображения для топ-10 страниц.

4. Иерархия заголовков

Заголовки (H1-H6) дают поисковым системам план содержимого. Они сигнализируют, о чём страница и какие разделы наиболее важны.

Правила:

• Ровно один H1 на страницу (основная тема/ключевое слово)
• H2 для крупных разделов (часто становятся ответами в featured snippets)
• H3 для подразделов внутри H2
• Не пропускайте уровни (H1 → H3 без H2)
• Используйте ключевые слова естественно, не насильно
• Ставьте важные слова в начало (сканирующие читатели замечают первые 3 слова)

Влияние на SEO:

• Google использует текст H2/H3 для featured snippets и «Люди также спрашивают»
• Текст заголовков влияет на passage ranking (Google может ранжировать секцию страницы отдельно)
• Скринридеры и AI-краулеры используют заголовки для понимания структуры

Пример структуры:

H1: Как выбрать беговые кроссовки
  H2: Тип стопы и пронация
    H3: Гиперпронация
    H3: Нейтральная
    H3: Супинация
  H2: Категории кроссовок
    H3: Для асфальта
    H3: Для бездорожья
  H2: Когда менять кроссовки

Быстрая победа: Проверьте топовые страницы — если где-то несколько H1, нет H1 или заголовки вида «Раздел 1», «Раздел 2» — исправьте немедленно.

5. Структурированные данные (Schema-разметка)

Структурированные данные сообщают поисковым системам, что именно представляет ваш контент. Они активируют расширенные результаты — улучшенные листинги со звёздами, ценами, FAQ, пошаговыми инструкциями и т.д.

Высокоэффективные типы Schema:

| Schema | Расширенный результат | Подходит для | |--------|----------------------|--------------| | FAQ | Раскрываемые Q&A прямо в выдаче | Сервисные, товарные страницы | | HowTo | Пошаговая инструкция с изображениями | Гайды, туториалы | | Article | Автор, дата, изображение | Блоговые посты, новости | | Product | Цена, рейтинг, наличие | Интернет-магазины | | LocalBusiness | Карта, часы работы, отзывы | Физические бизнесы | | BreadcrumbList | Путь навигации в выдаче | Все страницы | | Organization | Панель знаний | Главная страница |

Пример FAQ schema:

{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [{
    "@type": "Question",
    "name": "Сколько времени занимает SEO-продвижение?",
    "acceptedAnswer": {
      "@type": "Answer",
      "text": "Большинство сайтов видят измеримые улучшения через 3-6 месяцев..."
    }
  }]
}

Правила:

• Размечайте только контент, реально видимый на странице
• Не фабрикуйте отзывы и рейтинги
• Валидируйте через Google Rich Results Test
• Мониторьте в Search Console → Расширенные результаты

Быстрая победа: Добавьте FAQ schema на 5 основных страниц услуг/товаров. Напишите 3-5 реальных вопросов и ответов для каждой. Это может удвоить ваше присутствие в выдаче за одну ночь.

6. Оптимизация изображений

Изображения — часто самое узкое место производительности и упускаемая возможность SEO. Google Картинки приносят значительный трафик многим сайтам.

5 основ:

1. Alt-текст: Описывайте содержимое изображения (для доступности + SEO). Включайте ключевые слова, когда уместно: alt="Кроссовки Nike Air Max 2026 чёрные", а не alt="обувь" или alt=""
2. Имена файлов: Переименовывайте перед загрузкой. nike-air-max-2026-black.webp, а не IMG_4382.jpg
3. Формат: WebP для фотографий (на 30-50% меньше JPEG). SVG для иконок/логотипов. Избегайте PNG для фото.
4. Lazy loading: Добавьте loading="lazy" к изображениям ниже линии сгиба. Никогда не применяйте lazy-load к hero-изображению.
5. Размеры: Всегда указывайте width и height для предотвращения сдвига макета (CLS).

Быстрая победа: Найдите 10 самых тяжёлых изображений (PageSpeed Insights их отмечает). Конвертируйте в WebP и добавьте правильный alt-текст. Это улучшает и производительность, и видимость в поиске по картинкам.

7. Внутренний анкорный текст

Кликабельный текст ваших внутренних ссылок сообщает поисковым системам, о чём целевая страница. Большинство сайтов теряют эту возможность, используя «нажмите здесь» или «подробнее».

Правила:

• Используйте описательный анкорный текст с релевантными ключевыми словами
• Варьируйте анкоры (не используйте один текст для всех ссылок на страницу)
• Ставьте ссылки с авторитетных страниц на те, которые хотите продвинуть
• Ссылайтесь контекстуально внутри текста, а не только в навигации

Хорошо vs. плохо:

• Плохо: «Нажмите здесь, чтобы посмотреть наше SEO-руководство»
• Хорошо: «Читайте наше полное руководство по SEO из 13 шагов»
• Плохо: «Подробнее»
• Хорошо: «Узнайте, как структурированные данные повышают кликабельность»

Быстрая победа: Найдите на сайте ссылки «нажмите здесь» и «подробнее». Замените их описательным анкорным текстом с релевантными ключевыми словами.

8. Новостная и статейная разметка

Если вы публикуете блоговые посты, новостной контент или регулярно обновляемые материалы — оптимизированная новостная разметка открывает Google News, Google Discover и предпочтительную обработку AI-краулерами.

Article schema (обязательна для новостных функций):

{
  "@context": "https://schema.org",
  "@type": "Article",
  "headline": "Заголовок вашей статьи",
  "datePublished": "2026-05-07T09:00:00+03:00",
  "dateModified": "2026-05-07T09:00:00+03:00",
  "author": {
    "@type": "Person",
    "name": "Имя автора",
    "url": "https://yoursite.com/author/name"
  },
  "publisher": {
    "@type": "Organization",
    "name": "Ваш бренд",
    "logo": {
      "@type": "ImageObject",
      "url": "https://yoursite.com/logo.png"
    }
  },
  "image": "https://yoursite.com/article-hero.jpg",
  "mainEntityOfPage": "https://yoursite.com/article-url"
}

Robots meta для новостного контента:

<meta name="robots" content="max-snippet:-1, max-image-preview:large, max-video-preview:-1" />

Это сообщает Google, что можно использовать большие изображения и полный текст в карточках Discover и News.

Быстрая победа: Добавьте Article schema ко всем блоговым постам. Убедитесь, что у каждого есть видимая дата, имя автора и hero-изображение шириной от 1200px. Включите max-image-preview:large в meta robots.

Чек-лист On-Page SEO аудита

Пройдите по этому списку для каждой важной страницы:

• [ ] Уникальный title-тег, 50-60 символов, ключевое слово ближе к началу
• [ ] Уникальное meta-описание, 120-155 символов, содержит CTA
• [ ] Open Graph теги установлены (title, description, image, url)
• [ ] Ровно один H1 с основным ключевым словом
• [ ] Логичная иерархия заголовков (H1 → H2 → H3, без пропусков)
• [ ] Структурированные данные добавлены и валидны (FAQ, Article, Product и т.д.)
• [ ] Изображения: WebP, описательный alt-текст, lazy loading ниже линии сгиба
• [ ] Внутренние ссылки используют описательный анкорный текст
• [ ] Article schema на всём блоговом/новостном контенте с datePublished + author
• [ ] Мета-тег max-image-preview:large на контентных страницах

Что дальше?

Шаг 3: Контент и стратегия — Что писать, когда публиковать и как создавать контент, который ранжируется, а не просто существует.

---

Это руководство — часть серии LANGR из 13 шагов по SEO. Запустите бесплатный аудит, чтобы узнать позиции вашего сайта по всем 13 дисциплинам.