Превью Open Graph
Посмотрите, как Ваша страница выглядит при шаринге в Facebook, Twitter/X и LinkedIn. Оптимизируйте карточки для соцсетей, чтобы получать максимум вовлечённости.
Этот инструмент работает полностью в вашем браузере. HTML обрабатывается локально и не отправляется ни на какой сервер.
Часто задаваемые вопросы
Что такое мета-теги Open Graph?+
Мета-теги Open Graph (OG) — это HTML-теги, которые определяют, как Ваша страница отображается при шаринге в социальных сетях, таких как Facebook, LinkedIn, Slack и Discord. Они задают заголовок, описание и изображение в соцсетевой карточке.
Чем отличаются OG-теги от Twitter Cards?+
Open Graph-теги используют большинство платформ (Facebook, LinkedIn, Slack). У Twitter/X есть свои мета-теги (twitter:card, twitter:title и др.), но при отсутствии Twitter-специфичных тегов он использует OG-теги. Рекомендуется добавлять и те и другие.
Какой размер OG-изображения рекомендуется?+
Рекомендуемый размер — 1200×630 пикселей (соотношение сторон 1,91:1) для большинства платформ. Это хорошо подходит и для Facebook, и для карточки summary_large_image в Twitter. Держите размер файла до 5 МБ и используйте формат JPG или PNG.
Почему при шаринге ссылки отображается не то изображение?+
Социальные платформы кэшируют превью ссылок. После обновления OG-тегов нужно сбросить кэш. Используйте Sharing Debugger в Facebook, Card Validator в Twitter или Post Inspector в LinkedIn, чтобы принудительно обновить превью.
Влияют ли теги Open Graph на SEO?+
OG-теги не влияют на ранжирование напрямую, но повышают CTR из социальных сетей. Больше трафика и вовлечённости в соцсетях могут косвенно улучшить SEO за счёт роста видимости и потенциальных бэклинков.