Генератор Open Graph
Когда ссылкой делятся, Facebook, LinkedIn, WhatsApp, Slack и X строят карточку предпросмотра по тегам Open Graph страницы. Введите заголовок, описание и изображение, посмотрите карточку в том виде, в каком она появится, и скопируйте теги. Инструмент предупредит, если изображения нет или оно слишком маленькое.
Импорт из готового HTML
Дополнительно: автор, цвет темы, robots
Facebook · LinkedIn · WhatsApp
X (Twitter)
HTML для <head>
Как пользоваться
- Введите заголовок, описание и полный адрес страницы.
- Вставьте адрес изображения для публикации (идеально 1200 × 630 пикселей) и проверьте предпросмотр для Facebook и X.
- Скопируйте теги в <head> страницы. После публикации обновите кэш в отладчике репостов каждой соцсети.
Частые вопросы
Какого размера должен быть og:image?
Используйте 1200 × 630 пикселей (соотношение 1,91:1) — этот размер рекомендуют Facebook и LinkedIn для больших карточек; X обрезает большие карточки до 2:1. Не размещайте важный текст у краёв и указывайте полный адрес с https://.
Нужны ли отдельные теги Twitter (X)?
Только twitter:card. Если собственных тегов нет, X берёт og:title, og:description и og:image, поэтому инструмент добавляет лишь тип карточки и, при желании, ваш @username.
Я изменил теги, но старый предпросмотр не меняется. Почему?
Соцсети кэшируют карточку на несколько дней. Откройте Facebook Sharing Debugger или LinkedIn Post Inspector, вставьте адрес и запросите повторную загрузку страницы.
🏷️ Генератор мета-тегов
🔗 UTM-метки: конструктор ссылок
🌈 Генератор CSS-градиентов
🔲 Генератор CSS box-shadow (тени блока)