Как соцсети понимают ваши ссылки и почему без OG метатегов сегодня никуда
Когда вы кидаете ссылку в VK, Telegram, WhatsApp, Facebook или любую другую соцсеть, платформа автоматически формирует карточку: заголовок, описание, картинка, домен. Эта карточка не появляется сама по себе — её формируют Open Graph метатеги.
OpenGraph — это стандарт разметки, который позволяет сайту управлять тем, как он выглядит при расшаривании в соцсетях. Если коротко: это язык, на котором ваш сайт разговаривает с соцсетями.
Зачем вообще нужен OpenGraph
1. Контроль над внешним видом ссылок
Без OG соцсеть сама пытается понять, что взять в карточку. Иногда угадывает, иногда нет. С OG вы сами задаёте:
- og:title — заголовок
- og:description — описание
- og:image — картинка
- og:url — каноническая ссылка
- og:type — тип контента (article, video, website)
Это влияет на кликабельность, узнаваемость бренда и то, как контент выглядит в ленте.
Как соцсети используют OpenGraph
Каждая платформа читает OG по‑своему, но логика одна: соцсеть заходит на страницу → ищет OG‑метатеги → формирует карточку.
VK
VK использует OG для карточек ссылок, а также для предпросмотра в сообществах и рекомендациях.
Telegram
Telegram очень чувствителен к og:image — если картинка не подходит по размеру или весу, он может взять другую или не взять вообще.
Facebook / Instagram
Именно Facebook придумал OpenGraph, поэтому поддержка самая полная.
Берёт заголовок, описание и картинку строго из OG.
Как выглядит OpenGraph в коде
Вот минимальный набор:
<meta property="og:title" content="Название страницы">
<meta property="og:description" content="Описание страницы">
<meta property="og:image" content="https://site.kz/image.jpg">
<meta property="og:url" content="https://site.kz/page">
<meta property="og:type" content="article">Типичные ошибки
- Картинка меньше 1200×630
- Вес картинки больше 1–2 МБ
- Несколько разных OG‑картинок на одной странице
- Дублирование OG и Twitter Cards с конфликтами
- Отсутствие og:url на динамических страницах
OpenGraph и WordPress
Почему это важно именно для WP‑сайтов
WordPress сам по себе не добавляет OG‑метатеги, если только тема не делает это вручную. Поэтому почти все сайты на WP используют плагины.
Плагин Open Graph for WordPress
Это один из самых простых и понятных плагинов, который делает ровно то, что нужно: добавляет OG‑метатеги на все страницы сайта.
Что он умеет
- Автоматически генерирует og:title и og:description
- Позволяет задать глобальную OG‑картинку
- Позволяет задавать индивидуальную картинку для каждой записи
- Поддерживает og:type
- Работает с кастомными пост‑тайпами
- Не конфликтует с SEO‑плагинами
Почему он удобен
- Лёгкий, не перегружает сайт
- Не требует настройки — включил и работает
- Подходит для новостных сайтов, блогов, медиа
- Идеален, если не нужен огромный SEO‑комбайн вроде Yoast
А если у вас уже стоит Yoast SEO или RankMath?
Эти плагины тоже умеют работать с OG. Но важно понимать:
- Yoast добавляет OG автоматически, но иногда слишком агрессивно
- RankMath даёт больше контроля, но требует настройки
- Если стоит один из них — не ставьте второй OG‑плагин, будет конфликт
Как выбрать OG‑картинку
Несколько правил, которые реально работают
- Размер: 1200×630
- Вес: до 500–800 КБ
- Формат: JPG (для фото) или PNG (для графики)
- Без текста или с минимальным текстом
- Яркая, контрастная, узнаваемая
Как проверить, что OG работает
Используйте официальные инструменты:
Они покажут, какие метатеги видит соцсеть.
OpenGraph для медиа: почему это критично
- стабильный внешний вид ссылок
- узнаваемость бренда
- CTR в соцсетях
- корректная работа рекомендаций
- нормальная подача в мессенджерах
Без OG медиа выглядит хаотично, а с OG — как полноценный бренд.
OpenGraph — это фундамент современного контента. Если вы публикуете материалы, новости, карточки, обзоры — OG должен быть настроен идеально.
WordPress‑плагин Open Graph — простой способ сделать это без лишних движений.
0 комментариев