Предпросмотр карточки ссылки (Open Graph)
Введите те же значения, что и в ваши Open Graph-теги (заголовок, описание, изображение, URL), чтобы увидеть, как карточка будет выглядеть при публикации в Twitter/X, Facebook и Discord, — без реальной публикации ссылки для проверки.
Предпросмотр в Twitter / X
Предпросмотр в Facebook
Предпросмотр в Discord
Как это работает
Когда ссылку публикуют в Twitter/X, Facebook или Discord, каждая платформа читает Open Graph-теги (og:title, og:description, og:image, og:url) в <head> страницы и строит собственную карточку предпросмотра — при этом каждая платформа отображает её в своём стиле. Вместо того чтобы реально публиковать ссылку ради проверки (это делает страницу публичной и сохраняет ссылку в кэш платформы), введите здесь планируемые значения тегов и сразу увидите все три варианта рядом.
Почему инструмент не подтягивает теги автоматически по моему URL?
Это потребовало бы сетевого запроса к внешнему сайту из вашего браузера, что блокируется политикой CORS для большинства сайтов. К тому же полученный таким образом предпросмотр может неточно отражать то, как каждая платформа на самом деле интерпретирует ваши теги. Ручной ввод значений проще, надёжнее и работает для любого URL, включая ещё не опубликованные страницы.
Почему изображение не отображается в предпросмотре?
Если URL изображения недоступен публично (страница в локальной разработке, неверный URL или сервер блокирует показ с другого домена), ваш браузер не сможет загрузить его и здесь. Проверьте, что URL ведёт на публично доступное изображение.
Конфиденциальность: никакой реальный предпросмотр из интернета не загружается — используются только введённые вами значения, полностью в вашем браузере.