OG-картинки для статей — шпаргалка из 7 правил

OG-картинка — это первое, что видит человек, когда твоя ссылка появляется в Telegram-канале или Twitter-ленте. Хороший превью увеличивает CTR в 2-3 раза. Плохой — отпугивает даже от клика.

Вот 7 правил, которые работают для всех платформ сразу.

1. Размер — строго 1200×630

Это стандарт OpenGraph. Telegram, Twitter, Facebook, LinkedIn, Discord — все используют его как базу. Если ты сделал другой размер — соцсеть либо обрежет, либо растянет с артефактами.

2. Шрифт — большой и жирный

Минимум 60px для основного заголовка. В Telegram превью занимает ~360px по ширине на телефоне. Если шрифт меньше 60px — на экране 32px, и текст не читается на ходу.

3. Контраст — минимум 4.5:1

Светлый текст на тёмном фоне или наоборот. Серый на белом — не работает. Проверить можно в WebAIM Contrast Checker.

4. Заголовок — до 80 символов

Если длиннее — он или обрежется, или станет мелким. Если твой реальный заголовок длиннее — на OG используй сокращённую версию.

5. Бренд — мелким углом

Логотип / название сайта — в углу, не в центре. Главный фокус — заголовок статьи, а не бренд.

6. Никаких stock-фото

Если можно без фото — обходись без фото. Текст + один графический элемент (полоса, точка, акцент) выглядит чище и быстрее грузится.

7. Динамика через URL-параметры

Если у тебя 50 статей — не делай 50 PNG руками. Сделай шаблон с динамическим URL:

<meta property="og:image" content="https://seoforge.dev/api/og?template=amber&title=Заголовок статьи&author=Иван" />

OG Studio даёт такой URL прямо из конструктора. На Pro тарифе — без водяного знака.

Чек-лист

• 1200×630 пикселей
• Шрифт ≥60px
• Контраст ≥4.5:1
• Заголовок ≤80 символов
• Бренд в углу
• Без stock-фото
• URL-параметры для массовой генерации