Генератор OG изображений
Создавайте профессиональные обложки для социальных сетей за пару кликов.
Как пользоваться генератором?
Стиль и Фон
Выберите декоративные элементы (углы, круги, линии) или загрузите свой собственный фон. Используйте ползунки "Размытие" и "Тонирование", чтобы текст читался лучше.
Логотип
Переключитесь на вкладку "Картинка", чтобы загрузить свой логотип, или используйте текстовый вариант. Ползунок размера поможет вписать его идеально.
Спикер
Загрузите фото спикера. Поставьте галочку "Авто-удаление фона", если фото не обработано. Отрегулируйте размер и положение (X/Y).
Текст и Цвета
Введите заголовок и подзаголовок. Настройте цвета акцентов, текста и кнопок под ваш брендбук.
Сжатие
Если вам нужна легкая картинка, поставьте галочку "Сжать до 100 КБ" перед скачиванием.
Что такое 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 — они принудительно обновят кэш вашей ссылки.