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.
<head>
<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/">
Пример из практики
<meta property="og:image" content="https://site.ru/cover.jpg"> — задаёт картинку, которую увидят пользователи в чатах.