Как добавить Open Graph теги на сайт
- Заполните поля: og:title, og:url и другие параметры
- Нажмите «Сгенерировать теги»
- Скопируйте HTML-код
- Вставьте код в секцию <head> вашей страницы
Что такое Open Graph и зачем нужны OG-теги
Open Graph Protocol (OGP) — протокол разметки от Facebook, который позволяет управлять тем, как ссылки выглядят при публикации в социальных сетях. Без OG-тегов ВКонтакте, Telegram и Facebook сами выбирают заголовок и картинку — обычно неудачно. С OG-тегами вы полностью контролируете превью.
OG-теги влияют на CTR публикаций в соцсетях: красивое превью с правильным заголовком и картинкой получает на 40–70% больше кликов, чем публикация без разметки.
Часто задаваемые вопросы
Какой размер должна быть OG-картинка?
Рекомендуемый размер og:image: 1200 × 630 пикселей (соотношение 1.91:1). Минимальный размер — 600 × 315 px. Вес файла — до 8 МБ. ВКонтакте принимает квадратные картинки (1:1), Telegram предпочитает 1.91:1. Создайте универсальную картинку 1200 × 630 — она корректно отображается во всех сетях.
Чем Open Graph отличается от обычных мета-тегов?
Обычные мета-теги (description, keywords) используют поисковики для формирования сниппета в выдаче. Open Graph теги используют социальные сети для формирования превью при репосте. Для полного охвата нужны и те, и другие.
Как проверить, правильно ли отображаются OG-теги?
Используйте официальные инструменты: Facebook Sharing Debugger (developers.facebook.com/tools/debug), ВКонтакте — введите URL в «Поделиться». Помните: соцсети кешируют превью на 24 часа. Если изменили теги — используйте инструмент отладки для принудительного обновления кеша.
Нужно ли добавлять OG-теги на каждую страницу сайта?
В идеале — да, особенно для страниц, которые могут расшариваться: статьи блога, страницы товаров, посадочные страницы. На WordPress это автоматизируется через Rank Math или Yoast SEO — они генерируют OG-теги автоматически из title и description страницы.
