Реклама мешает? Идти Без рекламы Сегодня 

Проверка Open Graph

РазработчикБезопасность

Реклама · УДАЛИТЬ?

ВХОД

ВЫХОД

Серверная сторона

Реклама · УДАЛИТЬ?

Гид

Проверка Open Graph

Проверяйте и предпросматривайте метатеги Open Graph для любого URL, чтобы увидеть, как ваша страница будет отображаться при публикации в социальных сетях. Этот инструмент извлекает страницу, находит все метатеги OG и Twitter Card и показывает вам визуальный предпросмотр карточки для социальных сетей, а также отмечает отсутствующие теги, которые могут негативно сказаться на вашем присутствии в социальных сетях.

Как использовать

Введите любой URL и нажмите Проверьте. Инструмент извлекает страницу на стороне сервера и находит все метатеги Open Graph и Twitter Card. Вы увидите карточку предпросмотра для социальных сетей, полный список всех найденных тегов OG и Twitter, любые отсутствующие важные теги и необработанный HTML-код метатегов для отладки.

Возможности

Карточка предпросмотра для социальных сетей – Узнайте, как ваш URL будет выглядеть при публикации в Facebook, LinkedIn и других платформах
Теги Open Graph – Извлекает og:title, og:description, og:image, og:url, og:type, og:site_name, og:locale и другие
Теги Twitter Card – Извлекает twitter:card, twitter:title, twitter:description, twitter:image, twitter:site
Предупреждения об отсутствующих тегах – Отмечает важные отсутствующие теги (og:title, og:description, og:image), чтобы вы могли их исправить
Общие мета-резервы – Также отображает тег title страницы и мета-описание для сравнения
Просмотр необработанного HTML – Скопируйте точный HTML-код метатегов для отладки или документирования

Реклама · УДАЛИТЬ?

 Часто задаваемые вопросы

Что такое метатеги Open Graph?

Метатеги Open Graph (OG) — это элементы мета-HTML, которые определяют, как ваша веб-страница отображается при публикации в социальных сетях, таких как Facebook, LinkedIn, Pinterest и мессенджерах. Наиболее важные теги: og:title (заголовок), og:description (текст описания) и og:image (изображение для предпросмотра). Без этих тегов социальные платформы пытаются угадать, что отобразить, что часто приводит к отсутствию изображений или неправильному тексту.
Какая разница между тегами Open Graph и Twitter Cards?

Теги Open Graph были созданы Facebook и используются большинством социальных платформ, включая LinkedIn, Pinterest и WhatsApp. Twitter Cards — это специфичные для Twitter метатеги, которые определяют, как ссылки выглядят в твитах. Twitter сначала использует свои собственные теги twitter:", а затем, при отсутствии специфичных для Twitter тегов, переходит к тегам Open Graph. Для максимальной совместимости лучше всего включать на свои страницы как теги Open Graph, так и Twitter Card.
Какие теги Open Graph являются обязательными?

Четыре основных тега Open Graph: og:title, og:description, og:image и og:url. Без og:title и og:description платформы попытаются извлечь текст из содержимого вашей страницы, что может быть не тем, чего вы хотите. Без og:image ваша опубликованная ссылка будет отображаться без изображения предпросмотра, что значительно снизит количество кликов. Тег og:url гарантирует, что при публикации вашей страницы будет использоваться канонический URL.