Skip to main content

Open Graph / открытый график

TL;DR

Open Graph (og) представляет собой протокол, используемый на веб-страницах для того, чтобы "рассказать" каналам социальных сетей, как отображать веб-страницу, которая была связана с любым пользователем на данной платформе. Он позволяет владельцам сайтов выбирать изображение, название и описание, отображаемые в социальных сетях при ссылке на контент.

Что такое Открытый график?

Open Graph - это протокол, позволяющий владельцам сайтов и разработчикам контролировать, как веб-страница будет отображаться, когда кто-то ссылается на нее в социальных сетях, таких как Facebook. Open Graph позволяет владельцам сайтов выбрать изображение, написать заголовок и описание, которые будут получены роботом из социальных сетей при просмотре веб-страницы. Эти элементы могут находиться или не находиться на самой веб-странице. В источнике веб-страницы они выглядят следующим образом:

<свойствоmeta="og:title" content="..." />.

<свойство мета="og:описание" content="..." />.

<свойствоmeta="og:image" content="https://yoursite.com/images/img1.jpg" />.

Если вы используете Wix, вы можете легко вставить содержимое Open Graph в редакторе Меню & Страницы, нажав Показать больше рядом с нужной страницей, а затем с помощью меню Социальный ресурс. Если вы используете Wordpress или другие аналогичные веб-строители, большинство SEO-плагинов и расширений имеют функциональность Open Graph.

Что происходит, когда вы не используете Open Graph?

В отсутствие Open Graph, бот социальной сети будет пытаться получить информацию самостоятельно. По умолчанию, когда кто-то размещает ссылку на Facebook, бот Facebook извлекает первое доступное изображение в контенте, содержание основного заголовка и первые пару предложений из тела текста. Хотя в большинстве случаев это может сработать просто отлично, может случиться так, что вам не понравится, как сообщение отображается. Иногда изображение, полученное автоматически, не является наиболее релевантным или не имеет нужного разрешения или качества. Иногда первый абзац на самом деле не посылает сообщение, которое Вы хотите передать. Использование Open Graph дает вам полный контроль над этим.