Question 1

Какие размеры изображения использовать для og:image?

Accepted Answer

Рекомендуемый минимальный размер — 1200×630 пикселей при соотношении сторон 1,91:1. Facebook и LinkedIn обрезают изображения меньшего размера. Используйте PNG или JPEG до 8 МБ. Избегайте размещения важного текста слишком близко к краям, так как платформы могут немного обрезать изображение для миниатюр.

Question 2

В чём разница между og:type и типами Twitter Card?

Accepted Answer

og:type описывает тип контента страницы — 'website' для общих страниц, 'article' для постов блога, 'video.other' для видеоконтента. Twitter Cards — это отдельная система: summary показывает маленькую миниатюру, summary_large_image — изображение на всю ширину, а player встраивает видео. Они настраиваются независимо с помощью <meta name="twitter:card">.

Question 3

Можно ли автоматически генерировать динамические OG-изображения?

Accepted Answer

Да. Такие инструменты, как @vercel/og от Vercel (с ImageResponse API) и URL-трансформации Cloudinary, позволяют генерировать изображения на лету из текста и шаблонов. В Next.js можно создать маршрут opengraph-image.tsx, который рендерит React в PNG-изображение во время запроса с использованием Edge-рантайма.

Question 4

Почему og:url важен и как он должен соответствовать canonical?

Accepted Answer

og:url сообщает социальным платформам, с каким URL связать карточку публикации, предотвращая дублирование счётчиков, когда страница доступна по нескольким URL (например, с/без конечного слеша или с UTM-параметрами). Он должен точно совпадать с URL из <link rel="canonical">, чтобы указать авторитетный адрес страницы.

Question 5

Почему моё OG-изображение не обновляется после изменения?

Accepted Answer

Социальные платформы агрессивно кешируют OG-метаданные. Facebook кеширует до 7 дней; Twitter/X — на более короткий период. Для принудительного обновления: используйте Facebook Sharing Debugger (developers.facebook.com/tools/debug) или Twitter Card Validator для скрейпинга и обновления кеша. Изменение URL изображения (например, добавление строки запроса для сброса кеша) заставляет платформы немедленно выполнить повторный запрос.

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

Facebook / LinkedIn

Twitter

Часто задаваемые вопросы

Comments & Feedback