Генератор OG зображень
Створюйте професійні обкладинки для соціальних мереж за пару кліків.
Як користуватися генератором?
Стиль та Фон
Виберіть декоративні елементи (кути, кола, лінії) або завантажте власний фон. Використовуйте повзунки "Розмиття" та "Тонування", щоб текст читався краще.
Логотип
Перейдіть на вкладку "Зображення", щоб завантажити свій логотип, або використовуйте текстовий варіант. Повзунок розміру допоможе вписати його ідеально.
Спікер
Завантажте фото спікера. Поставте галочку "Авто-видалення фону", якщо фото не оброблено. Відрегулюйте розмір та положення (X/Y).
Текст та Кольори
Введіть заголовок та підзаголовок. Налаштуйте кольори акцентів, тексту та кнопок під ваш брендбук.
Завантажити
Натисніть чорну кнопку "Завантажити PNG". Зображення збережеться у розмірі 1200x630px, готове до публікації у Facebook, Telegram або на сайті.
Що таке Open Graph зображення?
Зображення Open Graph (OG) — це «обкладинка» вашого посилання. Щоразу, коли ви ділитеся посиланням у соцмережах або месенджерах (Telegram, WhatsApp, Slack), саме ця картинка формує перше враження. Приваблива картка значно підвищує клікабельність (CTR) та довіру користувачів.
Як перевірити свої OG теги?
Використовуйте наше безкоштовне розширення SEOMETA in 1 Click. Відкрийте вашу сторінку, перейдіть на вкладку Social. У блоці Image ви побачите, яке зображення підтягується зараз, або попередження про його відсутність.
Чек-лист ідеального OG зображення
- Заголовок (Офер): Пишіть крупно і коротко. Використовуйте шрифти без засічок — вони краще читаються на екранах смартфонів.
- Бренд: Обов'язково додайте логотип та використовуйте фірмові кольори компанії для підвищення впізнаваності.
- Безпечна зона: Розміщуйте найважливіший текст і логотип ближче до центру. Краї картинки можуть обрізатися на різних пристроях та майданчиках.
- Розмір та Вага: Оптимальний стандарт — 1200x630 пікселів. Намагайтеся тримати вагу файлу до 300 КБ для миттєвого завантаження.
- Візуал: Використовуйте якісні фото реальних товарів або живі фото процесу надання послуг. Уникайте безликих стокових картинок.
- Заклик (CTA): Візуальна кнопка "Дізнатися більше" або "Замовити" прямо на картинці стимулює користувача клікнути.
Як впровадити на сайт
Якщо ви використовуєте WordPress, більшість SEO-плагінів (Yoast, RankMath) дозволяють завантажити зображення для соцмереж у налаштуваннях сторінки. Якщо у вас самописний сайт, додайте наступний код у секцію <head>:
<meta property="og:title" content="Заголовок вашей акции или товара"> <meta property="og:description" content="Краткое описание преимуществ (до 65 символов)"> <meta property="og:image" content="[путь к картинке]"> <meta property="og:image:width" content="1200"> <meta property="og:image:height" content="630"> <meta property="og:type" content="website">
Перевірка результату
Після оновлення картинки соцмережі можуть показувати стару версію з кешу. Щоб це виправити, використовуйте Facebook Sharing Debugger або Telegram бот @WebpageBot — вони примусово оновлять кеш вашого посилання.