seo

Open Graph и X Cards: превью ссылок в мессенджерах и соцсетях

Open Graph и X Cards: превью ссылок в мессенджерах и соцсетях

Open Graph задаёт заголовок, описание и картинку превью при шаринге; многие клиенты (Telegram, Slack) читают те же теги, что и Facebook.

Для X (Twitter) дополнительно используйте twitter:card и при необходимости twitter:image — иначе превью может подтянуться непредсказуемо.

- [Open Graph protocol](https://ogp.me/) — Базовые свойства og:*.

- [X (Twitter) Cards — documentation](https://developer.x.com/en/docs/twitter-for-websites/cards/overview/abouts-cards) — Типы карт и обязательные поля.

---

## Картинки

Держите og:image в абсолютном HTTPS, разумном весе и кэшируемом URL; после смены картинки сбрасывайте CDN-кэш, иначе мессенджеры покажут старое превью неделями.

Не дублируйте противоречивые og:title и <title> без причины — это путает аналитику кликов.

beforetoggle: хук жизненного цикла popover

Аналитика до открытия панели.

Мы используем обязательные cookie для работы сайта (корзина, вход, оформление заказа) и необязательные — для аналитики и маркетинга. Вы можете принять все, отклонить необязательные или настроить категории. Подробнее в политике cookies.