Open Graph

Open Graph — протокол разметки от Facebook, который читают почти все соцсети и мессенджеры (Telegram, ВКонтакте, WhatsApp, LinkedIn). Когда пользователь делится ссылкой, площадка вытаскивает og:title, og:description и og:image и показывает красивое превью.

Без OG-разметки превью собирается из случайных тегов или вовсе ломается. Минимальный набор для каждой страницы: og:title, og:description, og:image (1200×630), og:url, og:type.

<meta property="og:type" content="article">
<meta property="og:title" content="Open Graph: разметка для соцсетей">
<meta property="og:description" content="Что такое OG и как делать красивые превью">
<meta property="og:image" content="https://pawetta.com/assets/og/glossary-open-graph.png">
<meta property="og:url" content="https://pawetta.com/glossary/open-graph/">

Ключевой нюанс: соцсети и мессенджеры жёстко кешируют превью. Поменяли картинку или title, а в Telegram и ВКонтакте всё ещё старое — площадка отдаёт версию из своего кеша, иногда неделями. Лечится принудительной перевалидацией: для Facebook/WhatsApp — Sharing Debugger, для ВКонтакте — getLinkStat в API, для Telegram — отправкой ссылки боту @WebpageBot. На практике проще сразу менять имя файла картинки (cover-v2.jpg) или вешать версионный параметр, чтобы URL стал новым и кеш не подхватился.

Open Graph не влияет на ранжирование в Яндексе и Google напрямую — это не фактор позиций. Но он бьёт по CTR в зонах, которые поисковик не контролирует: репосты в чатах, посты в соцсетях, превью в корпоративных мессенджерах. Картинка og:image тянется отдельным запросом, поэтому держите её под 300–600 КБ и на быстром CDN: если файл отдаётся медленно, парсер площадки отвалится по таймауту и покажет ссылку голым текстом. Twitter (X) читает свои twitter:card, но при их отсутствии падает обратно на OG — дублировать обычно не нужно.