Як користуватися: Перегляд Open Graph і мета-тегів
- 1
Вставте посилання
Введіть адресу публічної сторінки й натисніть «Переглянути посилання», щоб прочитати її заголовок, опис, теги Open Graph і теги картки X.
- 2
Перегляньте картки
Порівняйте результат у Google та картки Facebook, X, LinkedIn, Slack, Discord і в стилі iMessage, а також прочитайте список відсутніх або слабких тегів.
- 3
Відредагуйте теги
Натисніть «Редагувати ці теги» або відкрийте «Написати теги», щоб змінити заголовок, опис і зображення, і спостерігайте, як оновлюються всі попередні перегляди під час введення.
- 4
Скопіюйте на свою сторінку
Скопіюйте згенеровані мета-теги в head сторінки, опублікуйте її та ще раз перевірте живу адресу.
Ліміти та Pro
Безкоштовно: 20 перевірок URL на хвилину, сторінки до 3 MB HTML із тайм-аутом 12 секунд, 7 попередніх переглядів платформ для кожного посилання та необмежене редагування тегів.
Про інструмент: Перегляд Open Graph і мета-тегів
Інструмент показує, як виглядатиме посилання, ще до того, як ви ним поділитеся. Він читає теги, з яких будуються попередні перегляди: HTML-заголовок і мета-опис, теги Open Graph (зокрема og:title, og:description, og:image та og:site_name), теги картки X, як-от twitter:card, а також колір теми, який Discord використовує для смужки у вбудованому блоці. Після цього інструмент малює сім попередніх переглядів: результат пошуку Google, дописи з посиланням у Facebook і LinkedIn, картку X у форматі великого зображення або короткого опису, розгорнуте посилання в Slack, вбудований блок Discord і бульбашку в стилі iMessage.
Якщо якогось поля немає, попередні перегляди підставляють значення так, як це робить більшість платформ, наприклад із og:title береться заголовок сторінки, а джерело вказано в попередженнях. Зображення теж перевіряється: його розмір у пікселях і тип зчитуються із заголовка файлу, тож ви дізнаєтеся, чи воно менше за мінімум Facebook 200 × 200, чи завелике для ліміту X у 5 MB, чи це непідтримуваний SVG, чи має неправильні пропорції для великої картки 2:1.
Вкладка «Написати теги» працює без завантаження сторінки й видає готовий блок мета-тегів. Попередні перегляди є наближеними: платформи змінюють дизайн, кешують картки на кілька днів, а деякі показують авторизованим користувачам інший текст. Щоб оновити картку, якою вже поділилися, після публікації скористайтеся власним налагоджувачем платформи.
Приватність
У режимі «Перевірити URL» адреса надсилається на наш сервер, який один раз завантажує цю сторінку та перші байти її og:image, щоб прочитати теги й розмір зображення; нічого не зберігається і не записується в журнал. Зображення для перегляду завантажуються у вашому браузері безпосередньо із сайту, що їх розміщує. Режим «Написати теги» працює лише у вашому браузері.
Можливості
Сім попередніх переглядів
Картки Google, Facebook, X, LinkedIn, Slack, Discord і в стилі iMessage поруч.
Перевірка og:image
Розмір у пікселях, тип і розмір файлу зчитуються із самого зображення, з мінімумами платформ.
Генератор тегів
Введіть заголовок, опис і зображення та скопіюйте готовий блок Open Graph і картки X.