Пример брифа · OG-картинки
как сделать og image без figma
Создавайте привлекательные OG изображения для соцсетей без Figma. Бесплатные инструменты, шаблоны и пошаговые инструкции для SEO и копирайтеров.
SEO-теги
Структура статьи
- H2. Что такое OG image и зачем она нужна
- — H3. Как Open Graph работает в соцсетях
- — H3. Почему плохая og image убивает CTR
- — H3. Требования к размеру и формату
Холодный читатель не знает, что это. Даем контекст за 30 секунд, показываем боль (убитый CTR), приводим спеки.
- H2. Способ 1: Canva (самый простой для новичков)
- — H3. Как зарегистрироваться и выбрать шаблон
- — H3. Редактирование текста и цветов за 3 клика
- — H3. Скачивание в нужном размере
Canva — самый интуитивный инструмент. Нет конкурентов в простоте. Пошаговая инструкция с реальными кликами.
- H2. Способ 2: Online Image Editor и открытые сервисы
- — H3. Pixlr, Photopea — как альтернатива Photoshop
- — H3. Настройка холста под og размеры
- — H3. Загрузка шрифтов и элементов с Unsplash
Для тех, кто хочет больше контроля. Показываем что есть бесплатные полнофункциональные редакторы.
- H2. Способ 3: AI-генераторы (быстро и без дизайна)
- — H3. Как использовать DALL-E, Midjourney, Stable Diffusion
- — H3. Prompt для og image которые работают
- — H3. Быстрое редактирование результата в том же Canva
Уникальный угол — сочетание AI + быстрое редактирование. Работает для блогов с авторским контентом.
- H2. Способ 4: Готовые сервисы для og image (1 клик)
- — H3. OG Image Generator, Placid.app, Screenshot.rocks
- — H3. Как подключить прямо к блогу на WordPress
- — H3. Авто-генерация из заголовка страницы
Для SEO-шников в спешке. Интеграция с WordPress — боль-точка целевой аудитории.
- H2. Способ 5: Код — для пиксел-перфекционистов
- — H3. HTML + CSS шаблон базовой og image
- — H3. Puppeteer и node.js для автоматизации
- — H3. Когда это имеет смысл, а когда — переубивает
Для копирайтеров с техническими амбициями. Небольшой раздел, но показываем что это вообще возможно.
- H2. Чек-лист перед публикацией
- — H3. Как проверить og image в Facebook Debugger
- — H3. Проверка в Twitter Card Validator
- — H3. LinkedIn и Telegram — есть ли отличия
Практическая боль: создали красивую картинку, а она криво отобразилась. Даем готовое решение.
Gap-темы (чего у конкурентов нет)
- ·Как автоматизировать og image если у вас 100+ статей в блоге (скрипты, API)
- ·Почему og image важнее для SEO чем думают: тест CTR из социалей → трафик на сайт
- ·Размеры og image для разных платформ (Telegram, Viber, Pinterest — там разные спеки)
- ·Как сделать og image которая вирусится: психология, цвет, текст — конкретные примеры
- ·Бесплатные стоки фото которые не конфликтуют с авторскими правами для og image
- ·A/B тестирование og image в соцсетях: как мерить эффект и что трекить
Перелинковка
Внутренние ссылки
- Как настроить мета-теги для SEO →
/blog/meta-tags-seo - CTR в поисковых результатах: как улучшить →
/blog/improve-ctr-serp - Как продвигать блог в социальных сетях →
/blog/social-media-promotion - Гайд по WordPress для начинающих →
/blog/wordpress-beginner
Внешние источники
- Facebook Sharing Debugger →
developers.facebook.com/tools/debug - Twitter Card Documentation →
developer.twitter.com/en/docs/twitter-for-websites/cards/overview - The Open Graph protocol →
ogp.me - Canva Design Tool →
canva.com - Photopea Online Editor →
photopea.com
FAQ
Какой размер og image оптимальный?
Универсальный размер: 1200×630 пикселей. Это работает для Facebook, LinkedIn, VK, Telegram. Формат JPG или PNG, размер файла до 300KB.
Если я не буду делать og image, что произойдет?
Соцсети сами выберут первое изображение со страницы или просто текст. Это выглядит непрофессионально и теряет 20-40% кликов из соцсетей по сравнению с красивой картинкой.
Сколько времени занимает создание одной og image?
В Canva с шаблоном — 2-3 минуты. Если использовать сервисы с автоген (Placid, OG Image Generator) — 10 секунд для всех статей сразу.
Нужна ли мне специальная лицензия на фото для og image?
Обязательно используйте фото с лицензией CC0 или купленные. Unsplash, Pexels, Pixabay — безопасны. Не берите с Google Images без проверки.
Как я узнаю, что og image работает?
Зайдите в Facebook Sharing Debugger (developers.facebook.com/tools/debug) и вставьте URL вашей статьи. Там вы увидите как именно отобразится картинка.
Хотите такой же бриф под ваш ключ?
Введите свой запрос и URL 3-5 конкурентов — получите outline + gap + FAQ через Claude. 3 брифа в день бесплатно. Pro 1 700 ₽/мес — 100 брифов.
Следующий шаг
Разметить статью перед публикацией
Бриф готов — добавьте JSON-LD для Rich Results. Бесплатно, 30 секунд.
Перейти →