Пример брифа · OG-картинки
og image для блога на ghost
Пошаговая инструкция по добавлению og image в Ghost. Размеры, форматы, способы автоматизации и типичные ошибки. Примеры кода.
SEO-теги
Структура статьи
- H2. Что такое OG Image и зачем она нужна Ghost блогу
- — H3. Как OG Image влияет на клики из соцсетей
- — H3. Разница между OG Image и обычной картинкой в контенте
- — H3. Почему именно Ghost требует отдельной настройки
Новичок должен понять ценность и мотивацию перед техническими деталями
- H2. Правильные размеры и форматы OG Image
- — H3. Оптимальные размеры: 1200x630px как стандарт
- — H3. Почему не работают квадратные картинки
- — H3. JPG vs PNG vs WebP: что выбрать для скорости
- — H3. Сжатие без потери качества
Конкретные цифры и сравнение помогают избежать ошибок при создании
- H2. Способ 1: Встроенная функция Featured Image в Ghost
- — H3. Где найти поле Featured Image в редакторе
- — H3. Как Ghost автоматически берёт эту картинку как OG Image
- — H3. Проверка через инструменты Facebook и Twitter
Самый простой способ для 90% пользователей — нужно выделить его в начале
- H2. Способ 2: Ручное добавление через Ghost Settings и Meta Tags
- — H3. Где включить Custom Meta Tags в настройках
- — H3. Шаблон кода для добавления в Post Meta
- — H3. Переопределение OG Image для отдельных постов
Продвинутый способ для полного контроля и А/В тестирования
- H2. Способ 3: Автоматизация через Ghost Handlebars
- — H3. Как редактировать ghost-файлы шаблонов
- — H3. Код для автоматического добавления OG во все посты
- — H3. Безопасность при редактировании файлов
Для технически подкованных — экономия времени на масштабе
- H2. Проверка и тестирование OG Image
- — H3. Facebook Sharing Debugger: как использовать
- — H3. Twitter Card Validator для проверки в твиттере
- — H3. Что означают ошибки и как их исправить
- — H3. Визуальная проверка в других соцсетях
Пользователь должен уметь проверять результат своей работы
- H2. Типичные ошибки и как их избежать
- — H3. OG Image не обновляется в соцсетях: почему и решение
- — H3. Неправильные пути к файлам при самостоятельном коде
- — H3. Слишком большой размер файла = медленная загрузка превью
- — H3. Забытые кавычки и синтаксис в meta-тегах
Предупреждение проблем повышает доверие и практическую ценность
Gap-темы (чего у конкурентов нет)
- ·Как создавать OG Image за 2 минуты: инструменты (Canva, Buffer, Figma) и шаблоны для Ghost блога
- ·Динамические OG Image: генерация разных картинок для каждого поста автоматически (для амбициозных владельцев)
- ·OG Image для разных платформ: почему Pinterest требует другие размеры, и как к этому готовиться
- ·Мониторинг CTR через GA4: как понять, что OG Image работает эффективнее всех остальных
- ·SEO-связь OG Image с богатыми сниппетами: влияет ли на ранжирование напрямую (важно развеять миф)
- ·Интеграция с buffer/hootsuite: как синхронизировать Ghost с планировщиком так, чтобы OG Image подтягивалась автоматически
Перелинковка
Внутренние ссылки
- оптимизация изображений для сайта →
/blog/optimization-images-seo - SEO-настройка Ghost блога →
/blog/ghost-seo-setup - как увеличить клики из социальных сетей →
/blog/social-media-traffic - микроразметка для сайта →
/blog/schema-markup-guide
Внешние источники
- Facebook Sharing Debugger →
developers.facebook.com/tools/debug - Twitter Card documentation →
developer.twitter.com/en/docs/twitter-for-websites/cards/overview - Open Graph Protocol официальная документация →
ogp.me - Ghost документация по Meta Tags →
ghost.org/docs - Canva для создания OG Image →
canva.com
FAQ
Если я загрузил Featured Image в Ghost, обязательно ли её обновлять в соцсетях?
Нет, если картинка уже была в соцсети. Используйте Facebook Sharing Debugger или Twitter Card Validator, чтобы очистить кэш и заставить платформу перезагрузить новое изображение. Без этого старая картинка будет показываться еще 24-48 часов.
Какой формат OG Image самый лучший для скорости: JPG или PNG?
JPG для обычной фотографии (меньше вес), PNG если нужна прозрачность. Всё равно сожмите через TinyPNG или ImageOptim — размер должен быть максимум 300-400 KB. Это не повлияет на SEO, но улучшит UX в соцсетях.
Можно ли использовать одну OG Image для всех постов блога?
Технически можно, но не стоит. Каждый пост должен иметь уникальную OG Image с заголовком или основной идеей. Это повышает CTR из соцсетей на 20-40% потому что пользователь сразу видит, о чём статья.
OG Image влияет на ранжирование в Google?
Напрямую нет. Но косвенно да: красивая OG Image → больше кликов из соцсетей → выше поведенческие факторы → лучше ранжирование. Google смотрит на трафик, а не на метатег.
Что делать, если Ghost не подхватывает OG Image автоматически?
Проверьте: 1) загружена ли Featured Image в пост; 2) нет ли ошибок в коде через инспектор браузера (F12); 3) кэш браузера очищен. Если ничего не помогает — добавьте OG Image вручную через Custom Meta или обновите тему Ghost.
Хотите такой же бриф под ваш ключ?
Введите свой запрос и URL 3-5 конкурентов — получите outline + gap + FAQ через Claude. 3 брифа в день бесплатно. Pro 1 700 ₽/мес — 100 брифов.
Следующий шаг
Разметить статью перед публикацией
Бриф готов — добавьте JSON-LD для Rich Results. Бесплатно, 30 секунд.
Перейти →