Налаштування cookie
Ми використовуємо cookie для аналітики. Політика конфіденційності Ви можете прийняти або відхилити необов'язкове відстеження.
Практичний гайд на тему «Розміри зображень відкритого графіка для 2026 року»: ключові кроки, типові помилки та впровадження через Попередній перегляд OG.
Перейти до інструменту
Візуальний редактор Open Graph тегів для соцмереж.
Кожна платформа обрізає зображення Open Graph по-різному. Використання неправильного розміру означає, що ваш ретельно розроблений попередній перегляд буде зіпсований -- текст буде обрізано, обличчя будуть вирізано, логотипи будуть відсутні. Тут наведені точні технічні характеристики, які працюють у 2026 році.
| Платформа | Розмір (пікс) | Співвідношення сторін | Тип картки |
|---|---|---|---|
| 1200 x 630 | 1.91:1 | Стандартна публікація | |
| 1200 x 630 | 1.91:1 | Публікація статті/посилання | |
| Twitter/X | 1200 x 628 | 1.91:1 | summary_large_image |
| Twitter/X | 120 x 120 | 1:1 | summary (мала картка) |
| Discord | 1200 x 630 | 1.91:1 | Попередній перегляд вкладення |
| Telegram | 1200 x 630 | 1.91:1 | Попередній перегляд посилання |
| 1200 x 630 | 1.91:1 | Попередній перегляд посилання |
Універсальна безпечна ставка: 1200 x 630 пікселів при співвідношенні сторін 1.91:1. Це працює скрізь.
Facebook, LinkedIn і Twitter обрізають трохи по-різному по краях. Тримайте весь важливий вміст (текст, логотипи, обличчя) всередині центральних 80% зображення. Це означає 120-піксельний відступ з усіх боків зображення розміром 1200x630.
Візуальна безпечна зона:
|--- 120px ---|---- видима область 960x506 ----|--- 120px ---|<meta property="og:image" content="https://your-сайт.com/images/og-cover.jpg" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta property="og:image:type" content="image/jpeg" />Завжди використовуйте абсолютне посилання із HTTPS. Відносні шляхи та посилання HTTP мовчки не працюють на більшості платформ.
Для Twitter/X також вкажіть:
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:image" content="https://your-сайт.com/images/og-cover.jpg" />?v=2 до URL, щоб видалити кеш (див. Керівництво з налагодження кешу).Цю статтю перевіряє редакція Tools Hub на точність фактів, практичну цінність і відповідність актуальним продуктовим сценаріям.
Остання перевірка:
Практичний гайд на тему «Чому попередні перегляди OG не оновлюються: налагодження кешу»: ключові кроки, типові помилки та впровадження через Попередній перегляд OG.
Структура блогу AI створює SEO-оптимізовані плани статей, структури експертних матеріалів та покрокові інструкції.
Практичний гайд на тему «Метаопис План експерименту CTR для редакційних груп»: ключові кроки, типові помилки та впровадження через AI метаописів.
Практичний гайд на тему «Робочий процес програмного метаопису для великих каталогів»: ключові кроки, типові помилки та впровадження через AI метаописів.