Генератор Open Graph тегов для соцсетей

Open Graph: как ссылка выглядит в соцсетях и мессенджерах

Open Graph (OG) — протокол разметки, представленный Facebook в 2010 году и ставший стандартом для всех крупных платформ. Теги говорят соцсетям и мессенджерам, какой заголовок, описание и картинку показать, когда пользователь вставляет ссылку на ваш сайт. Без OG платформа выбирает превью сама — часто берёт случайную картинку и обрезает текст посреди предложения. Правильно настроенные OG увеличивают CTR репостов в 2–3 раза.

Обязательные теги

Минимальный набор для корректного превью: og:title, og:description, og:image, og:url, og:type. Заголовок и описание могут отличаться от обычных title и meta description — оптимизируйте их под клик в ленте, а не под поисковую выдачу. Поле og:type обычно website для страниц сайта и article для блог-постов.

Картинка: технические требования

• Размер — 1200×630 пикселей (соотношение 1.91:1). При меньшем разрешении превью обрезается или отображается в мелком виде
• Формат — JPG или PNG. WebP поддерживается не везде
• Вес — до 8 МБ (Facebook), но оптимально до 300 КБ для быстрой загрузки превью
• Текст на картинке — не более 20% площади. Facebook понижает охват постов с перегруженными изображениями
• Абсолютный URL с https://, не относительный путь

Twitter Card

Twitter (X) использует собственный протокол, но читает и OG, если Twitter-специфичные теги отсутствуют. Чтобы получить большое превью с изображением, добавьте <meta name="twitter:card" content="summary_large_image">. Дополнительные теги — twitter:title, twitter:description, twitter:image — нужны, только если хотите отдельный текст для Twitter; иначе платформа возьмёт OG.

Особенности разных платформ

Facebook и ВКонтакте показывают превью предсказуемо по OG. Telegram берёт og:image, но изображения с большой стороной свыше 1280 пикселей сжимает — лучше готовить картинку сразу в 1200×630. Slack и Discord выводят превью с именем сайта из og:site_name. WhatsApp ограничен: превью работает только для картинок до 300 КБ.

Кеширование превью

Соцсети кешируют OG-теги при первом обращении к ссылке и не обновляют их автоматически. Если вы изменили картинку или заголовок — принудительно сбросьте кеш через инструменты платформы: Facebook Sharing Debugger для FB и Instagram, Twitter Card Validator для X. У Telegram кеш сбрасывается через @WebpageBot.

Чек-лист: что проверить

• Заполнены og:title, og:description, og:image, og:url, og:type
• Картинка 1200×630 пикселей, JPG или PNG, вес до 300 КБ
• og:url — абсолютный канонический адрес страницы
• Добавлен twitter:card со значением summary_large_image
• Указан og:site_name — название бренда для отображения в Slack/Discord
• Превью проверено в Facebook Debugger и Telegram до публикации
• При изменениях кеш сброшен через Sharing Debugger — иначе соцсети будут показывать старый вариант