Протокол Open Graph введен в действие в 2010 г. компанией Facebook с для добавления структурированных данных к веб-страницам для лучшего управления отображением контента при его совместном использовании.
При размещении поста на Facebook можно вручную изменить изображение, название и описание. Однако, эта персонализация доступна только на уровне одного совместного использования, поскольку ссылка остается неизменной. Таким образом, при совместном использовании со стороны других Пользователей (копируя и вставляя URL-адрес или используя кнопки Мне нравится/поделись), будут отображаться название, описание и предварительный просмотр изображений, загружаемых автоматически Facebook. Итак, через протокол Open Graph можно персонализировать один URL-адрес таким образом, чтобы управлять его отображением даже тогда, когда он будет использоваться совместно.
Поэтому, с помощью протокола Open Graph любая веб-страница становится частью Social Graph, то есть становится объектом, который может взаимодействовать с социальными сетями.
Протокол Open Graph поддерживается и другими социальными платформами, такими как Twitter, Google+ e Linkedin.
|
За дополнительной информацией о протоколе Open Graph обращаться к официальному сайту: ogp.me/.
|
На практике, протокол Open Graph основан на серии тегов, которые могут быть персонизированы для того, чтобы определить что и как на веб-странице будет отображаться в тот момент, когда она будет размещена для совместного использования на Facebook. Такая информация вставляется в теги <head> Страницы, которая не видна Пользователю до тех пор, пока он не решит использовать совместно эту же Страницу.
Основные теги Open Graph:
| ▪ | og:title – название, которое дается контенту. |
| ▪ | og:description – описание контента. |
| ▪ | og:type – тип контента, например, статья или видеозапись. |
| ▪ | og:image – URL-адрес изображения, используемого совместно. |
| ▪ | og:url – канонический адрс URL (то есть абсолютный URL-адрес, без параметров, переменных или счетчиков), используемый как ID для ассоциации с веб-страницей. |
Помимо базовых тегов, существует серия дополнительных тегов, которые можно добавить для дополнительного определения отдельных свойств контента. Например:
| ▪ | og:audio – адрес аудиофайла, ассоциируемый с объектом. |
| ▪ | og:locale – язык контента, например it_IT. |
| ▪ | og:site_name – имя сайта, без TLD и www. |
| ▪ | og:video – адрес видеофайла, ассоциируемый со страницей. |
Помимо этих тегов, существуют многие другие, которые могут быть использованы в зависимости от желаемого контента.
|
Для проверки правильного использования тегов OpenGraph существует инструмент Facebook Debugger.
Этот инструмент позволяет также вновь отправлять информацию, полученную с помощью тегов, в случае ее изменения.
|
|
WebSite X5 использует протокол Open Graph для создания кода веб-страниц. Для этого полезно уточнить:
| ▪ | В качестве значения тега og:image воспроизводится URL-адрес указанного изображения с помощью опции Изображение для Сайта, находящейся в Настройка сайта | Общие. |
| ▪ | Изображение, заданное через опцию Изображение для Сайта применяется для совместного использования всех Страниц Сайта, за исключением Страниц Блога, если совместно используются посты со слайд-шоу: в этих случаях изображение меняется на первое изображение слайд-шоу. |
| ▪ |  Значения других тегов воспроизводятся и устанавливаются программой автоматически. |
|
