Проверка 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, если хотите большое изображение вместо маленького квадрата.