Open Graph (OG)

Определение: Open Graph (OG) — это набор мета-тегов на странице, которые подсказывают соцсетям и мессенджерам, как красиво показывать ссылку: заголовок, описание, картинку и адрес. Благодаря OG при отправке ссылки в Telegram, VK или других сервисах появляется аккуратная “карточка” предпросмотра.

Зачем это нужно

• Повышать кликабельность ссылок: с понятным заголовком и картинкой люди чаще переходят.
• Контролировать, что увидит пользователь в предпросмотре, вместо случайного текста со страницы.
• Избегать “кривых” превью: когда подтягивается не та картинка или обрезается заголовок.
• Разделять карточки для разных страниц: у каждой услуги/статьи — своё превью.
• Помогать маркетингу: ссылки из рассылок, чатов и соцсетей выглядят единообразно.
• Упрощать аналитику: легче понимать, какие страницы чаще шарят и куда кликают.

Пример

Пример кода:

<meta property="og:title" content="Создание сайтов — «ХОЧУ САЙТ»">

Скриншот

Подпись к скриншоту: покажите предпросмотр ссылки (карточку) в мессенджере или в инструменте проверки, где видны картинка, заголовок и описание из OG

Частые ошибки

• Не указывать og:image или ставить картинку маленького размера — превью получается размытым или без картинки.
• Использовать относительный путь для og:image (как правило, лучше полный URL), из-за чего превью не подтягивается.
• Одинаковые OG-теги на всех страницах — любой URL выглядит одинаково и теряется смысл.
• Не обновлять кеш предпросмотра: поменяли OG, а в соцсети всё ещё старое превью.
• Закрывать картинку или страницу авторизацией/запретами — боты соцсетей не могут её прочитать.

Связанные термины

• Meta-теги
• Title
• Description
• og:title
• og:description
• og:image
• Twitter Cards

Наши услуги

• Доработка сайтов — настроим OG-теги на нужных страницах и проверим, что превью формируется корректно.
• SEO-продвижение сайтов — приведём в порядок мета-теги и сниппеты, чтобы страницы выглядели лучше в поиске и при расшаривании.
• Создание корпоративных сайтов — сделаем шаблоны страниц с правильными OG для услуг, портфолио и статей.