Open Graph (OG)
Краткая суть
Open Graph (OG-разметка) — это стандарт, придуманный социальной сетью Facebook, но ставший абсолютно общепринятым во всем мире (Telegram, ВКонтакте, X/Twitter, WhatsApp, Discord используют его). Когда вы отправляете другу в Telegram ссылку на статью "10 лучших сериалов", вы отправляете не просто скучный синий текст https://..., а красивую карточку с огромной картинкой (постером обложки), жирным заголовком и коротким описанием-тизером. Эту магию (превью) формируют OG-теги.
Как это работает на практике
OG-теги прописываются в <head> страницы и выглядят так (property="og:image" content="..."). Когда краулер мессенджера (например, Telegram Webpage Bot) парсит вашу ссылку, он ищет именно эти мета-теги. Главные из них: 1. og:title (Заголовок), 2. og:description (Краткое описание), 3. og:image (Обложка/Превью) и 4. og:url (АДРЕС). Если их нет, мессенджер возьмет первую случайную картинку со страницы (это может быть иконка лупы размером 10х10 пикселей) и случайный абзац текста, что будет выглядеть ужасно и непрофессионально.
Актуальность в 2026 году
Хотя OG-теги напрямую не влияют на позиции в Яндексе и Google (это не Мета-тег Title и не микроразметка для поиска JSON-LD), они критически важны для формирования ПФ (Поведенческих факторов) из социальных (SMM) источников. В 2026 году "Виральность" (доля расшаривания Share/Repost) дает огромный реферальный (Referral) прирост аудитории. Красивая OG-картинка увеличивает клики (CTR) из Телеграм-каналов на 400% по сравнению с пустой текстовой ссылкой. Более того, при поиске в мессенджерах (Spotlight, Telegram Global Search) проиндексированные карточки Open Graph также участвуют в выдаче.
Как применять на практике
- Размер
og:image: Идеальный (золотой) стандарт картинки для соцсетей — 1200 x 630 пикселей. Меньший размер Facebook или ВК обрежет, и картинка будет квадратной (слева от текста), а не большим красивым постером. Обязательно тестируйте ваши ссылки через валидаторы (Facebook Sharing Debugger или Telegram Webpage Bot@WebpageBot->/updatepage_link). - Если возможно, генерируйте OG-картинки динамически. Например, накладывайте название вашей статьи или цену товара на красивый шаблон-градиент прямо скриптом (Canvas/Puppeteer), чтобы не рисовать 1000 обложек руками.
Частые ошибки
- Игнорирование OG-разметки на страницах 404 ошибки. Если кто-то "расшарит" неработающую ссылку, без OG-разметки мессенджер подтянет заголовок дефолтной страницы, что выглядит неопрятно.
- Использование картинок весом более 5 Мбайт для
og:image. Мессенджеры (и бот Facebook) ставят таймаут и просто откажутся загружать тяжелую картинку в превью.
Последнее обновление термина: 2026 год.