Перегляд Open Graph
Перевірте, як виглядає ваша сторінка, коли нею діляться, ще до публікації.
Завантажує наш сервер
Щоб прочитати вебсторінку, наш сервер завантажує її та її зображення для поширення замість вас. Ми не зберігаємо ні їх, ні адресу, яку ви перевіряєте. Що ми робимо з вашими даними
Запечатано
Прев’ю посилань
Введіть адресу сторінки, щоб побачити прев’ю посилання в п’яти популярних застосунках.
Як це працює
-
Вставте адресу
Введіть адресу сторінки, якою збираєтеся поділитися: статті, товару чи головної сторінки.
-
Порівняйте прев’ю
Подивіться поруч, як приблизно виглядатиме картка посилання у Facebook, X, LinkedIn, Discord і Slack.
-
Виправте теги
Перевірки показують відсутні чи слабкі теги та проблеми із зображенням. Оновіть сторінку й перевірте ще раз.
Поширені запитання
Що таке теги Open Graph?
Це метатеги в head сторінки, як-от og:title, og:description і og:image. Соцмережі й месенджери читають їх, щоб створити картку, яку видно, коли хтось ділиться посиланням.
Навіщо цьому інструменту ваш сервер?
Браузери не дозволяють одному сайту читати сторінки іншого. Наш сервер завантажує сторінку та її зображення для поширення замість вас і повертає лише те, що потрібно для прев’ю. Нічого не зберігається.
Якого розміру має бути зображення для поширення?
Використовуйте 1200 × 630 пікселів, співвідношення 1,91:1. Менші зображення дають маленьке прев’ю, а зображення, менші за 200 × 200, часто ігноруються. Тримайте важливий текст подалі від країв, бо деякі застосунки обрізають зображення.
Чи показують ці прев’ю точно те, що покаже кожен застосунок?
Це близькі наближення до звичного вигляду кожного застосунку. Застосунки час від часу змінюють дизайн і можуть кешувати старішу версію вашої сторінки, тож справжня картка може трохи відрізнятися.
Теги оновлено, але досі показується старе прев’ю. Чому?
Соцмережі деякий час зберігають копію кожного посилання. Більшість із них пропонує інструмент для оновлення, як-от Sharing Debugger у Facebook чи Post Inspector у LinkedIn.
Чи потрібні окремі теги для X (Twitter)?
Здебільшого ні: X читає заголовок, опис і зображення з Open Graph. Додайте twitter:card зі значенням summary_large_image, якщо хочете велике зображення замість маленького квадрата.