Предпросмотр OpenGraph

Об этом инструменте

Протокол Open Graph был представлен Facebook в 2010 году и сегодня используется всеми основными платформами для создания превью общих ссылок. Теги og:title, og:description и og:image определяют, как ссылка выглядит в Facebook, LinkedIn, Twitter, Slack или iMessage. Правильное og:image должно быть размером не менее 1200x630 px для Facebook — изображение меньшего размера отобразится размытым или не отобразится вовсе. Плохое или отсутствующее OG-превью значительно снижает процент кликов по общим ссылкам. OpenGraph Preview загружает вашу страницу и показывает точную симуляцию того, как превью будет выглядеть на каждой платформе — без реального обмена и ожидания обновления кеша социальных сетей.

Как использовать

1. 1Введите URL страницы в поле ввода — страница должна быть общедоступной.
2. 2Нажмите Превью — инструмент загружает страницу и извлекает теги Open Graph и Twitter Card.
3. 3Посмотрите симуляцию превью для Facebook и LinkedIn — так ссылка будет выглядеть при обмене.
4. 4Проверьте превью Twitter Card — убедитесь, что изображение достаточно большое, а текст подходящий.
5. 5Если OG-теги отсутствуют или неполные, дополните их в HTML и протестируйте снова.

Характеристики и ограничения

Симулирует превью для: Facebook и LinkedIn (формат 1200x630 px), Twitter summary и summary_large_image card. Извлекает: og:title, og:description, og:image, og:url, og:type, twitter:card, twitter:title, twitter:description, twitter:image. Проверяет доступность og:image и его размеры. Проверяет og:url. Вывод для скачивания в формате JSON. Анализ мгновенно.