Open Graph
Twitter / X
Предпросмотр в соцсетях — Facebook
Page Title
Создать мета-HTML
<meta property="og:type" content="website" /> <meta name="twitter:card" content="summary_large_image" />
<head> <!-- Open Graph (for Facebook, LinkedIn, Slack…) --> <meta property="og:title" content="Your Page Title" /> <meta property="og:description" content="A concise page description" /> <meta property="og:image" content="https://example.com/image.jpg" /> <meta property="og:url" content="https://example.com/page" /> <meta property="og:type" content="website" /> <meta property="og:site_name" content="My Site" /> <!-- Twitter Cards (also used by X / formerly Twitter) --> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:title" content="Your Page Title" /> <meta name="twitter:description" content="A concise page description" /> <meta name="twitter:image" content="https://example.com/image.jpg" /> </head>
| Platform | Recommended Size | Min Size | Aspect Ratio |
|---|---|---|---|
| 1200×630 px | 600×315 px | 1.91:1 | |
| Twitter / X | 1200×628 px | 300×157 px | ~1.91:1 |
| 1200×627 px | 200×200 px | 1.91:1 | |
| Slack | 1200×628 px | — | ~1.91:1 |
Keep under 60 characters. Match the page <title> for consistency.
150–160 characters. Write a compelling summary, not just keywords.
Use HTTPS. Minimum 1200×630 px. Avoid text-heavy images.
Use the canonical URL. Avoids duplicate content issues when pages share images.
Open Graph (OG) мета-теги — это HTML-теги метаданных, которые управляют тем, как ваш контент выглядит при публикации на таких платформах, как Facebook, LinkedIn и Slack. Созданные Facebook в 2010 году, они позволяют указывать заголовок, описание, изображение и другие свойства для карточек публикаций.
Рекомендуемый размер изображения Open Graph — 1200×630 пикселей с соотношением сторон 1,91:1. Twitter/X рекомендует 800×418 для summary_large_image. Изображения должны быть меньше 8 МБ (Facebook) или 5 МБ (Twitter). PNG или JPG подходят лучше всего.
Да. Twitter использует собственные теги с префиксом twitter: (twitter:card, twitter:title, twitter:description, twitter:image), но при отсутствии twitter: тегов переключается на og: теги. Для максимальной совместимости рекомендуется устанавливать и те, и другие.
Платформы кэшируют OG-данные. Facebook может обновляться до 24 часов; используйте Facebook Sharing Debugger для принудительной очистки кэша. LinkedIn обычно обновляется в течение нескольких минут. Twitter обновляется при каждом новом обнаружении ссылки. Slack обновляется немедленно при вставке.