Open Graphсоцсетипревью
OG-обложка 1200×630: требования Telegram, VK и LinkedIn
Ссылка без картинки теряет клики в половину. Размер 1200×630, безопасная зона и динамическая генерация в Next.js.
6 мин
Open Graph image — лицо ссылки в Telegram, VK, Facebook, LinkedIn и Slack. Рекомендуемый размер 1200×630 px, соотношение 1.91:1. Меньшие картинки растягиваются и мылятся; квадрат 1080×1080 обрежется по краям.
Дизайн обложки
- Ключевой текст в центральных 80% — края могут обрезаться на мобильных
- Контрастный фон, логотип XM8, заголовок статьи до 2 строк
- Формат WebP или JPEG < 300 КБ для быстрой подгрузки превью
Реализация в Next.js
metadata.openGraph.images с width 1200, height 630, alt. Для блога — статическая обложка по шаблону или opengraph-image.tsx на сегменте. Twitter card: summary_large_image с тем же URL.
Частые вопросы
- Почему Telegram не подхватывает новую картинку?
- Кэш превью. Обновите og:url или добавьте query v=2, подождите 24 ч или сбросьте через бот @webpagebot.
Читайте также
- Бесплатный макет главной до оплаты: как снижаем риск для клиентаКрупный проект без визуального якоря пугает. Макет ключевого экрана до договора показывает уровень команды и фиксирует ожидания по стилю.
- Telegram-бот для заявок: когда он лучше формы на сайтеБот ускоряет ответ и квалификацию в мессенджере, куда клиент уже привык писать. Связываем с CRM и не теряем лиды ночью и в выходные.
- SEO или контекст: как делить маркетинговый бюджет в 2026Универсальной пропорции нет. Молодой сайт без органики — упор в Директ; стабильное ядро в топ-10 — SEO и контент. Считаем CAC по каналам.
- Когда пора редизайн сайта: 7 сигналов, что пора менятьРедизайн «потому что надоело» сжигает SEO и бюджет. Меняем, когда падает конверсия, ломается мобильная версия или бизнес вышел на новые услуги.