Попередній перегляд Open Graph і соціальних карток

Що таке Попередній перегляд Open Graph і соціальних карток?

Це візуальний інструмент попереднього перегляду карток Open Graph (OG) і соціальних карток. Метатеги Open Graph і Twitter Card повідомляють платформам, який заголовок, короткий опис і зображення показати, коли хтось ділиться вашим посиланням, а цей інструмент відтворює таку картку посилання, щоб ви могли перевірити її перед публікацією. Маркетологи, автори контенту та розробники використовують його під час запуску статті в блозі, цільової чи товарної сторінки, щоб переконатися, що заголовок не обрізається, зображення заповнює рамку, а домен читається правильно. Виберіть платформу за допомогою сегментованого перемикача, щоб побачити її конкретний макет: X, Facebook і LinkedIn відображають велике банерне зображення із заголовком та описом під ним, тоді як Slack і Discord показують компактну картку з акцентною смугою, доменом і невеликою мініатюрою. Рядок домену автоматично виводиться з URL сторінки. Інструмент лише моделює картку з введених вами значень — він не сканує вашу чинну сторінку та не зчитує її наявні метатеги.

Як користуватися Попередній перегляд Open Graph і соціальних карток

1. Введіть заголовок сторінки, який має відображатися як заголовок картки.
2. Напишіть опис (рядок-резюме, що показується під заголовком).
3. Вставте абсолютний URL зображення (ідеально 1200×630), щоб завантажити зображення попереднього перегляду.
4. Введіть URL сторінки — домен на картці виводиться з нього.
5. Перемикайтеся між X, LinkedIn, Slack, Discord і Facebook, щоб порівняти макет кожної платформи.
6. Коригуйте заголовок і опис, доки нічого не обрізається й картка має належний вигляд.

Приклади

Поширені запитання

Які платформи я можу переглянути?

Пʼять: X (Twitter), LinkedIn, Slack, Discord і Facebook. X, Facebook і LinkedIn відмальовуються як банерні картки з великим зображенням, тоді як Slack і Discord використовують компактний стиль розгортання з акцентною смугою та невеликою мініатюрою. Скористайтеся перемикачем платформ, щоб миттєво перемикатися між ними.

Чи зчитує він теги Open Graph з моєї чинної сторінки?

Ні. Він не сканує й не завантажує вашу сторінку та не розбирає її наявні метатеги. Він будує картку виключно із заголовка, опису, URL зображення та URL сторінки, які ви вводите, тому це попередній перегляд-сценарій, а не валідатор опублікованої сторінки.

Звідки береться зображення попереднього перегляду?

Зображення завантажується безпосередньо вашим браузером із введеного вами URL зображення — воно йде з власного хоста зображення у ваш браузер, оминаючи наші сервери. Якщо зображення не зʼявляється, перевірте, що URL абсолютний (починається з https://) і загальнодоступний.

Чому мій заголовок або опис обрізається на картці?

Соціальні платформи обрізають довгі заголовки й описи, і попередній перегляд імітує це, обмежуючи кількість рядків. Якщо текст обрізається тут, найімовірніше, він обріжеться й під час публікації, тож скоротіть його, доки він не вміститься.

Чи надсилаються мої дані на сервер?

Ні. Заголовок, опис і URL, які ви вводите, залишаються у вашому браузері й ніколи не завантажуються, не реєструються та не зберігаються нами. Єдиний зовнішній запит — це завантаження вашим браузером зображення попереднього перегляду за вказаним вами URL, що є звичайною поведінкою браузера.