Попередній перегляд Open Graph
Введіть адресу сторінки або вставте її HTML, щоб побачити картку посилання, яку бачать люди, і виправити те, чого бракує.
Теги Open Graph є мета-тегами в head сторінки. Вони підказують соцмережам і месенджерам, який заголовок, опис і зображення показати, коли хтось ділиться посиланням.
Інструмент читає ці теги й малює картку посилання у стилі допису Facebook. Він також перевіряє розмір і пропорції зображення та показує теги, яких бракує або які задовгі.
Запитання
Чому Facebook досі показує старий перегляд?
Facebook кешує картку посилання після першої публікації. Виправивши теги, пропустіть адресу через Sharing Debugger і зніміть її заново, щоб оновити кеш. Інші платформи мають власні кеші.
Чому перегляд порожній для сторінки на JavaScript?
Скрапери посилань читають HTML, який надсилає сервер, і не виконують JavaScript. Якщо теги додаються лише в браузері, їх не видно. Додайте їх на сервері або в статичний HTML.
Який ідеальний розмір зображення Open Graph?
1200 x 630 пікселів, співвідношення близько 1,91:1, до 8 МБ. Зображення менші за 600 x 315 пікселів показуються як маленька мініатюра поруч із текстом.
Чому перегляд відрізняється від того, що я бачу після публікації?
Кожна платформа має власне обрізання, ліміти тексту й кеш. Цей перегляд повторює поширений макет Facebook і читає сторінку один раз, зараз. Платформа також могла закешувати старішу версію.
Які теги найважливіші?
og:title, og:description, og:image та og:url. Решта, як-от og:site_name і twitter:card, необов’язкові, але покращують картку.