Ogp me: Что такое разметка Open Graph и как ее внедрить без программиста / Хабр |

Posted:

Июн 15, 2023

Comments:

0 Comments

Ogp me: Что такое разметка Open Graph и как ее внедрить без программиста / Хабр

Содержание

ogp.me

Популярные

Последние

Без ответа

+34Изменить логику вывод микроразметки Open Graph
Предлагаю сабж. Сейчас микроразметка прячется в php файла. И доступа к изменению микроразетки у пользователя webasyst нету.эти строчки должны быть в head.html или header.html, ну или на худой конец там где прописываются все meta теги. Но их там нет. из…

org/Question»>

Вопрос про http://ogp.me/ns#url
В ogp.me страниц должен выводится url этой страницы или можно общий url магазина на всех страницах?

Картинка и текст в соц. сети OpenGraph
Вопросов уже много на эту тему задано в итоге не понятно как хотя бы временно прикрутить нормальный вывод картинки в og:image для приложений Фото, Сайт, Блог.Для приложения магазин есть удобная настройка нужных строк (og:title).А в других приложениях…

ОШИБКА: поле http://ogp.me/ns#url отсутствует или пусто

Есть решение

Не понимаю как задать поле http://ogp. me/ns#url ? Вроде в админке все поля есть кроме этого, будет ли обновление или может кто подскажет, как сделать, чтобы не выдавало ошибку в валидаторе яндекс вебмастер: ОШИБКА: поле http://ogp.me/ns#url отсутствует…

Протокол Open Graph от FaceBook

GETWAB.COM Free Dating

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

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

Что бы превратить вашу web-страницу в графические объекты, вам нужно добавить базовые метаданные к вашей странице. Мы основываемся на первоначальной версии протокола
RDFa это означает что вы будите размещать дополнительные <meta> теги в <head> вашей web-странице. Четыре основных свойства для каждой страницы:

og:title — Название вашего объекта, как он должен отображаться в графе, например фильм, «The Rock».
og:type — Типы объектов , например, «video.movie». В зависимости от типа, можно задать другие свойства которые могут быть необходимы.
og:image — URL-адрес изображения, который должен определить Ваш объект в графе для изображения.
og:url — Канонический URL-адрес объекта, который будет использоваться в качестве его
постоянного ID в графе, например, «http://www.imdb.com/title/tt0117500/».

В качестве примера ниже приводится разметка протокола Open Graph для фильма «The Rock» на
IMDB:

<html prefix="og: //ogp. me/ns#">
<head>
<title>The Rock (1996)</title>
<meta property="og:title" content="The Rock" />
<meta property="og:type" content="video.movie" />
<meta property="og:url" content="//www.imdb.com/title/tt0117500/" />
<meta property="og:image" content="//ia.media-imdb.com/images/rock.jpg" />
...
</head>
...
</html>

Дополнительные Метаданные

Следующие свойства являются необязательными для любого объекта и, как правило, рекомендуется:

og:audio — URL-адрес звукового файла, который сопутствует этому объекту.
og:description — Одно-два предложения описания вашего объекта.
og:determiner — Слово, которое появляется перед названием этого объекта в предложении. Тип enum (a, an, the, «», auto). Если выбрано auto, потребитель данных должен выбирать между «a» или «an». По умолчанию — » » (пусто).
og:locale — Тег локации.
Формат language_TERRITORY. По умолчанию en_US.
og:locale:alternate — Тип array других локалей на этой странице.
og:site_name — Если ваш объект является частью большого web-сайта, название, должно отображаться на всех страницах сайта. Например, «IMDb».
og:video — URL-адрес видео-файла, который сопутствует этому объекту.

Например (line-break исключительно в демонстрационных целях):

<meta property="og:audio" content="//example.com/bond/theme.mp3" />
<meta property="og:description"
  content="Sean Connery found fame and fortune as the
           suave, sophisticated British agent, James Bond." />
<meta property="og:determiner" content="the" />
<meta property="og:locale" content="en_GB" />
<meta property="og:locale:alternate" content="fr_FR" />
<meta property="og:locale:alternate" content="es_ES" />
<meta property="og:site_name" content="IMDb" />
<meta property="og:video" content="//example. com/bond/trailer.swf" />

Схему RDF (в Turtle)
можно найти на ogp.me/ns.

Некоторые свойства могут иметь дополнительные метаданные, прикрепленные к ним.
Они определены таким же образом как метаданные свойство и
содержание, но свойства будут иметь дополнительные :.

Свойство тега og:image имеет несколько дополнительных структурированных свойств:

og:image:url — Идентичный og:image.
og:image:secure_url — Альтернативный url-адрес для использования в случае, если web-страница требует
HTTPS.
og:image:type — Типы MIME для изображения.
og:image:width — Число пикселей в ширину.
og:image:height — Число пикселей в высоту.

Пример структурированных свойств для изображения:

<meta property="og:image" content="//example.com/ogp.jpg" />
<meta property="og:image:secure_url" content="https://secure. example.com/ogp.jpg" />
<meta property="og:image:type" content="image/jpeg" />
<meta property="og:image:width" content="400" />
<meta property="og:image:height" content="300" />

Свойство тега og:video имеет идентичные теги с og:image. Вот пример:

<meta property="og:video" content="//example.com/movie.swf" />
<meta property="og:video:secure_url" content="https://secure.example.com/movie.swf" />
<meta property="og:video:type" content="application/x-shockwave-flash" />
<meta property="og:video:width" content="400" />
<meta property="og:video:height" content="300" />

Тег og:audio имеет только 3 доступных свойства (потому что, звук не имеет ширины и высоты):

<meta property="og:audio" content="//example.com/sound.mp3" />
<meta property="og:audio:secure_url" content="https://secure.example.com/sound.mp3" />
<meta property="og:audio:type" content="audio/mpeg" />

Если тег может иметь несколько значений, просто поставьте несколько таких тегов <meta> на вашей странице. Приоритет тегам отдается с верху вниз, при возникновении конфликтов.

<meta property="og:image" content="//example.com/rock.jpg" />
<meta property="og:image" content="//example.com/rock2.jpg" />

Пишите структурированные свойства тегов после того, как вы объявите родительский тег. Когда один из родительских элементов обрабатывается, его структурированные свойства выполняются последовательно.

Пример:

<meta property="og:image" content="//example.com/rock.jpg" />
<meta property="og:image:width" content="300" />
<meta property="og:image:height" content="300" />
<meta property="og:image" content="//example.com/rock2.jpg" />
<meta property="og:image" content="//example.com/rock3.jpg" />
<meta property="og:image:height" content="1000" />

На приведенном примере 3 изображения, отображаться они будут так: первое изображение имеет размер 300x300px, второе изображением не имеет указанных размеров и третье изображением имеет размеры 1000px в высоту.

Для того что бы корректно отобразить объект в графе, необходимо задать ему тип. Это делается с помощью свойств: og:type

<meta property="og:type" content="website" />

Когда мы соглашаемся со схемой типов, они добавляются в список глобальных типов. Все остальные типы объектов определяются как форма
CURIEs

<head prefix="my_namespace: //example.com/ns#">
<meta property="og:type" content="my_namespace:my_type" />

Глобальные типы сгруппированы по вертикали. Каждый вертикальный тип имеет собственное пространство имен. Тип og:type значение имени всегда с префиксом пространства имен, а затем период.
Это для уменьшения путаницы типов в пространствах имен, в которых всегда есть двоеточие.

Музыка

Пространство имён определяется URI: http://ogp.me/ns/music#

og:type значение:

music.song

music:duration — integer >=1 — Длина песни в секундах.
music:album — music.album array —
Название альбома.
music:album:disc — integer >=1 —
Номер альбома на диске.
music:album:track — integer >=1 —
Номер трека в альбоме.
music:musician — profile array —
Исполнитель песни.

music.album

music:song — music.song — Название песни в альбоме.
music:song:disc — integer >=1 —
Тоже самое что music:album:disc но в обратном значении.
music:song:track — integer >=1 —
Тоже самое что music:album:track но в обратном значении.
music:musician — profile —
Профайл музыканта, который создал эту песню.
music:release_date — datetime —
Дату выпуска альбома.

music.playlist

music:song — Идентично одному из music.album
music:song:disc
music:song:track
music:creator — profile — Создатель плейлиста.

music.radio_station

music:creator — profile — Создатель Радио-станции.

Видео

URI пространства имен: https://ogp.me/ns/video#

og:type значение:

video.movie

video:actor — profile array —
Актеры в этом фильме.
video:actor:role — string — Роли актеров
video:director — profile array —
Режиссеры фильма.
video:writer — profile array —
Авторы фильма.
video:duration — integer >=1 —
Длина фильма в секундах.
video:release_date — datetime —
Дата выхода фильма в прокат.
video:tag — string array —
Теги, связанные с этим фильмом.

video.episode

video:actor — Идентично video.movie
video:actor:role
video:director
video:writer
video:duration
video:release_date
video:tag
video:series — video. tv_show —
К какой серии этот эпизод принадлежит.

video.tv_show

Если это сериал или ТВ-шоу, метаданные идентичны video.movie.

video.other

Видео, которое не относится ни к одной из категорий. Метаданные идентичны video.movie.

Не Вертикальные объекты

Это глобально-определеные объекты, которые просто не вписываются в вертикальные объекты, но всеже широко используются в Интернете.

og:type значение:

article — Статья, пространство имён определяется URI: https://ogp.me/ns/article#

article:published_time — datetime —
Когда статья была впервые опубликована.
article:modified_time — datetime —
Когда статья была последний раз изменена.
article:expiration_time — datetime —
Время истечения срока статьи.
article:author — profile array —
Авторы статьи.
article:section — string — Название категории.
article:tag — string array —
Теги, связанные с этой статьей.

book — Книга, пространство имён определяется URI: https://ogp.me/ns/book#

book:author — profile array — Кто написал эту книгу.
book:isbn — string —
Международный стандартный книжный номер ISBN
book:release_date — datetime — Дата выпуска книги.
book:tag — string array —
Теги, связанные с этой книгой.

profile — Профайл, пространство имён определяется URI: https://ogp.me/ns/profile#

profile:first_name — string — Имя пользователя профайла.
profile:last_name — string — Фамилия пользователя профайла.
profile:username — string — Ник.
profile:gender — enum — Пол (мужской, женский).

website — Web-сайт, пространство имён определяется URI: https://ogp. me/ns/website#

Никаких дополнительных свойств, отличных от базовых. Любая не размеченная web-страницы должна рассматриваться как og:type web-сайт.

Следующие типы используются при определении атрибутов в протоколе Open Graph.

Тип	Описание	Литерал
Boolean	Представляет логическое значение true или false	true, false, 1, 0
DateTime	DateTime представляет собой временное значение, состоящее из даты (Год, месяц, день) и дополнительного компонента времени (часов, минут)	ISO 8601
Enum	Типа, состоящий из ограниченного множества постоянных строковых значений (перечисление членов).	Строковое значение, которое является членом перечисления
Float	64-разрядное число с плавающей точкой	Все литералы, которые соответствуют следующим форматам: 1.234 -1.234 1.2e3 -1. 2e3 7E-10
Integer	32-разрядное целое число с плавающей запятой. Во многих языках целое число, по сравнению с 32-бит, становятся числом с плавающей запятой, поэтому мы ограничиваем протокол Open Graph для удобного использования нескольких языков.	Все литералы, которые соответствуют следующим форматам: 1234 -123
String	Последовательность Unicode символов	Все литералы состоят из символов Unicode без каких-либо символов Escape-Последовательности
URL	Последовательность Unicode символов, которые идентифицируют Интернет-ресурс.	Все допустимые URL-адреса, которые используют протокол http:// или https://

Вы можете обсудить протокол Open Graph в
группе Facebook или в
группе Google.
В настоящее время протокол применяется в Facebook
(смотрите их документацию), Google (смотрите их документацию) и
mixi.
Протокол был опубликован в IMDb, Microsoft, NHL, Posterous, Rotten Tomatoes,
TIME, Yelp и многих многих других.

Сообщество с открытым исходным кодом(Open Source) разработало ряд парсеров и издательских
инструментов. Сообщите в Facebook, если вы создали что-то подобное!

Facebook Object Debugger — Официальный парсер и отладчик от Facebook
Google Rich Snippets Testing Tool — Поддержка протокола Open Graph в поисковых системах, а так же в вертикальных поисковых системах
PHP Validator и Markup Generator — OGP Валидатор 2011 и Генератор разметки на PHP5 ООП
PHP Consumer —
небольшая библиотека для доступа к данным протокола Open Graph на PHP
OpenGraphNode in PHP —
простой парсер на PHP
PyOpenGraph —
библиотека написанная на Python для парсинга информации протокола Open Graph с веб-сайтов
OpenGraph Ruby —
Ruby Gem Парсит веб-страницы и извлекает разметки протокола Open Graph
OpenGraph для Java —
небольшой Java-класс, используемый для представления протокола Open Graph
RDF::RDFa::Парсер —
Perl RDFa парсер, который понимает протокол Open Graph
WordPress plugin — Официальный плагин для WordPress от Facebook, который добавляет метаданные Open Graph для сайтов на базе WordPress
Alternate WordPress OGP plugin — Альтернативный плагин для WordPress, который добавляет метаданные Open Graph для сайтов на базе WordPress

open-graph-protocol/ogp.

me.ttl на master · facebookarchive/open-graph-protocol · GitHub

	@prefix rdf: .
	@префикс rdfs: .
	@префикс сова: .
	@prefix og: .
	@prefix ogc: .
	@префикс бибо: .
	@prefix dc: .
	@префикс foaf: .
	@prefix geo: w3.org/2003/01/geo/wgs84_pos#> .
	@prefix gr: .
	@prefix vcard: .
	@префикс xsd: .


	##### СВОЙСТВА #####

	og:url a rdf:Property ;
	rdfs:метка «url»@en-US ;
	rdfs:comment «Канонический URL-адрес вашего объекта, который будет использоваться в качестве его постоянного идентификатора на графике, например, \»http://www. imdb.com/title/tt0117500/\».»@en-US ;
	rdfs: см. также DC: идентификатор,
	foaf:домашняя страница ;
	rdfs:isDefinedBy og: ;
	rdfs:диапазон ogc:url .
	og:type a rdf:Property ;
	rdfs:label «type»@en-US ;
	rdfs:comment «Тип вашего объекта, например \»фильм\». В зависимости от типа, который вы укажете, могут потребоваться и другие свойства.»@en-US ;
	rdfs:см.также rdf:type ;
	rdfs:isDefinedBy og: ;
	rdfs:диапазон ogc:строка .
	og:title a rdf:Property ;
	rdfs:label «title»@en-US ;
	rdfs:comment «Название объекта, как оно должно отображаться на графике, например, \»Скала\».»@en-US ;
	rdfs:subPropertyOf rdfs:метка ;
	rdfs:isDefinedBy og: ;
	rdfs:диапазон ogc:строка .
	og:locale a rdf:Property ;
	rdfs:label «locale»@en-US ;
	rdfs:comment «Локаль Unix, в которой отображается эта разметка.»@en-US ;
	rdfs:isDefinedBy og: ;
	rdfs:диапазон ogc:строка .
	og:image a rdf:Property ;
	rdfs:label «image»@en-US ;
	rdfs:comment «URL-адрес изображения, который должен представлять ваш объект на графике.»@en-US ;
	rdfs:см. также foaf:depiction ;
	rdfs:isDefinedBy og: ;
	rdfs:диапазон ogc:url .
	a rdf:Property ;
	rdfs:label «защищенный URL-адрес изображения»@en-US ;
	rdfs:comment «URL безопасного изображения, которое должно представлять ваш объект на графике. «@en-US ;
	rdfs:см. также foaf:depiction ;
	rdfs:isDefinedBy og: ;
	rdfs:диапазон ogc:url .
	a rdf:Property ;
	rdfs:label «тип изображения»@en-US ;
	rdfs:comment «MIME-тип изображения.»@en-US ;
	rdfs:isDefinedBy og: ;
	rdfs:диапазон ogc:mime_type_str .
	a rdf:Property ;
	rdfs:label «ширина изображения»@en-US ;
	rdfs:comment «Ширина изображения. «@en-US ;
	rdfs:isDefinedBy og: ;
	rdfs:диапазон ogc:integer_str .
	a rdf:Property ;
	rdfs:label «высота изображения»@en-US ;
	rdfs:comment «Высота изображения.»@en-US ;
	rdfs:isDefinedBy og: ;
	rdfs:диапазон ogc:integer_str .
	og:video a rdf:Property ;
	rdfs:label «video»@en-US ;
	rdfs:comment «URL-адрес видео, соответствующий вашему объекту. «@en-US ;
	rdfs:isDefinedBy og: ;
	rdfs:диапазон ogc:url .
	a rdf:Property ;
	rdfs:label «URL-адрес защищенного видео»@en-US ;
	rdfs:comment «Соответствующий безопасный URL-адрес видео для вашего объекта.»@en-US ;
	rdfs:isDefinedBy og: ;
	rdfs:диапазон ogc:url .
	a rdf:Property ;
	rdfs:label «тип видео»@en-US ;
	rdfs:comment «MIME-тип видео, например, \»application/x-shockwave-flash\»»@en-US ;
	rdfs:isDefinedBy og: ;
	rdfs:диапазон ogc:mime_type_str .
	a rdf:Property ;
	rdfs:label «ширина видео»@en-US ;
	rdfs:comment «Ширина видео.»@en-US ;
	rdfs:isDefinedBy og: ;
	rdfs:диапазон ogc:integer_str .
	a rdf:Property ;
	rdfs:label «высота видео»@en-US ;
	rdfs:comment «Высота видео.»@en-US ;
	rdfs:isDefinedBy og: ;
	rdfs:диапазон ogc:integer_str .
	og:audio a rdf:Property ;
	rdfs:метка «audio»@en-US ;
	rdfs:comment «Соответствующий URL-адрес аудио для вашего объекта.»@en-US ;
	rdfs:isDefinedBy og: ;
	rdfs:диапазон ogc:url .
	a rdf:Property ;
	rdfs:label «аудиозащищенный URL»@en-US ;
	rdfs:comment «Соответствующий безопасный URL аудио для вашего объекта.»@en-US ;
	rdfs:isDefinedBy og: ;
	rdfs:диапазон ogc:url .
	a rdf:Property ;
	rdfs:label «тип аудио»@en-US ;
	rdfs:comment «MIME-тип аудиофайла, например, \»application/mp3\»»@en-US ;
	rdfs:isDefinedBy og: ;
	rdfs:диапазон ogc:mime_type_str .
	og:description a rdf:Property ;
	rdfs:label «description»@en-US ;
	rdfs:comment «Описание вашего объекта в одном-двух предложениях.»@en-US ;
	rdfs:subPropertyOf rdfs:comment ;
	rdfs:isDefinedBy og: ;
	rdfs:диапазон ogc:строка .
	og:site_name a rdf:Property ;
	rdfs:label «имя сайта»@en-US ;
	rdfs:comment «Если ваш объект является частью более крупного веб-сайта, имя, которое должно отображаться для всего сайта. Например, \»IMDb\».»@en-US ;
	rdfs:isDefinedBy og: ;
	rdfs:диапазон ogc:строка .
	og:детерминатор rdf:Property ;
	rdfs:label «determiner»@en-US ;
	rdfs:comment «Слово, стоящее перед названием объекта в предложении (например, \»the\» в \»статуе свободы\»). Допустимые значения: \»a\», \»an\», \ «the\», \»\» и \»auto\».»@en-US ;
	rdfs:isDefinedBy og: ;
	rdfs:диапазон ogc:determiner_str .


	##### ТИПЫ ДАННЫХ #####

	ogc:mime_type_str a rdfs:Datatype ;
	rdfs:label «строка типа mime»@en-US ;
	rdfs:comment «Действительные строки типа mime (например, \»application/mp3\»).»@en-US ;
	rdfs:isDefinedBy og: ;
	rdfs:subClassOf xsd:string .
	ogc:boolean_str a rdfs:Datatype ;
	rdfs:label «логическая строка»@en-US ;
	rdfs:comment «Строковое представление значения true или false. Лексическое пространство содержит: \»true\», \»false\», \»1\» и \»0\».»@en-US ;
	rdfs:isDefinedBy ogc: ;
	rdfs:subClassOf xsd:string .
	ogc:date_time_str a rdfs:Datatype ;
	rdfs:label «строка даты/времени»@en-US ;
	rdfs:comment «Строковое представление временного значения, состоящее из даты (год, месяц, день) и необязательного компонента времени (часы, минуты). Лексическое пространство определяется ISO 8601.»@en-US ;
	rdfs:isDefinedBy ogc: ;
	rdfs:subClassOf xsd:string .
	ogc:float_str a rdfs:Datatype ;
	rdfs:label «строка с плавающей запятой»@en-US ;
	rdfs:comment «Строковое представление 64-битного числа с плавающей запятой со знаком. Примеры лексических значений включают \»1.234\», \»-1.234\», \»1.2e3\», \»-1.2e3\», и \»7E-10\».»@en-US ;
	rdfs:isDefinedBy ogc: ;
	rdfs:subClassOf xsd:string .
	ogc:integer_str a rdfs:Datatype ;
	rdfs:label «целочисленная строка»@en-US ;
	rdfs:comment «Строковое представление 32-битного целого числа со знаком. Примеры лексических значений включают \»1234\» и \»-123\».»@en-US ;
	rdfs:isDefinedBy ogc: ;
	rdfs:subClassOf xsd:string .
	ogc:string a rdfs:тип данных ;
	rdfs:label «Строка Unicode»@en-US ;
	rdfs:comment «Строка символов Unicode.»@en-US ;
	rdfs:isDefinedBy ogc: ;
	rdfs:subClassOf xsd:string .
	ogc:url a rdfs:Datatype ;
	rdfs:метка «URL»@en-US ;
	rdfs:comment «Строка символов Unicode, формирующая допустимый URL-адрес со схемой http или https. «@en-US ;
	rdfs:isDefinedBy ogc: ;
	rdfs:subClassOf ogc:string .
	ogc:determiner_str a rdfs:Datatype ;
	owl:oneOf («» «the» «a» «an» «auto» );
	rdfs:label «determiner»@en-US ;
	rdfs:comment «Лексическое пространство: \»\», \»the\», \»a\», \»an\» и \»auto\».»@en-US ;
	rdfs:isDefinedBy ogc: ;
	rdfs:subClassOf xsd:string .




	################################################## ##################
	##### УСТАРЕВШИЕ СВОЙСТВА! НЕ ЧИТАЙТЕ БЕЗ ОБЯЗАТЕЛЬНОСТИ! #####
	################################################## ##################




	me/ns#audio:title> a rdf:Property ;
	rdfs:label «название аудио»@en-US ;
	rdfs:comment «[УСТАРЕЛО] Заголовок для аудио.»@en-US ;
	rdfs:isDefinedBy og: .
	a rdf:Property ;
	rdfs:label «аудиоисполнитель»@en-US ;
	rdfs:comment «[УСТАРЕЛО] Исполнитель некоторых звуков.»@en-US ;
	rdfs:isDefinedBy og: .
	a rdf:Property ;
	rdfs:label «аудиоальбом»@en-US ;
	rdfs:comment «[УСТАРЕЛО] Альбом, к которому принадлежит некоторое аудио. «@en-US ;
	rdfs:isDefinedBy og: .
	og:latitude a rdf:Property ;
	rdfs:label «широта»@en-US ;
	rdfs:comment «[УСТАРЕЛО] Широта ресурса, например широта компании.»@en-US ;
	rdfs:seeAlso geo:lat ;
	rdfs:isDefinedBy og: .
	og:longitude a rdf:Property ;
	rdfs:label «longitude»@en-US ;
	rdfs:comment «[УСТАРЕЛО] Долгота ресурса, например, долгота компании.»@en-US ;
	rdfs:seeAlso geo:long ;
	rdfs:isDefinedBy og: .
	og:street-address a rdf:Property ;
	rdfs:label «улица»@en-US ;
	rdfs:comment «[УСТАРЕЛО] Адрес ресурса, например \»1601 S California Ave\».»@en-US ;
	rdfs:см. также vcard:street-address ;
	rdfs:isDefinedBy og: .
	og:locality a rdf:Property ;
	rdfs:label «locality»@en-US ;
	rdfs:comment «[УСТАРЕЛО] Местоположение ресурса, например, \»Пало-Альто\»»@en-US ;
	rdfs:seeAlso vcard:locality ;
	rdfs:isDefinedBy og: .
	og:region a rdf:Property ;
	rdfs:label «region»@en-US ;
	rdfs:comment «[УСТАРЕЛО] Регион ресурса, например, \»CA\»»@en-US ;
	rdfs:см. также vcard:region ;
	rdfs:isDefinedBy og: .
	og:postal-code a rdf:Property ;
	rdfs:label «почтовый индекс»@en-US ;
	rdfs:comment «[УСТАРЕЛО] Почтовый индекс ресурса, например, \»94304\»»@en-US ;
	rdfs: см. также vcard: почтовый индекс ;
	rdfs:isDefinedBy og: .
	og:country-name a rdf:Property ;
	rdfs:label «название страны»@en-US ;
	rdfs:comment «[УСТАРЕЛО] Название страны ресурса, например, \»USA\»»@en-US ;
	rdfs:seeAlso vcard:название страны ;
	rdfs:isDefinedBy og: .
	og:email a rdf:Property ;
	rdfs:label «email»@en-US ;
	rdfs:comment «[УСТАРЕЛО] Электронная почта контактного лица для вашего объекта.»@en-US ;
	rdfs: см. также foaf: mbox ;
	rdfs:isDefinedBy og: .
	og:phone_number a rdf:Property ;
	rdfs:label «номер телефона»@en-US ;
	rdfs:comment «[УСТАРЕЛО] Номер телефона контактного лица для вашего объекта.»@en-US ;
	rdfs: см. также foaf: phone ;
	rdfs:isDefinedBy og: .
	og:fax_number a rdf:Property ;
	rdfs:label «номер факса»@en-US ;
	rdfs:comment «[УСТАРЕЛО] Номер факса контактного лица для вашего объекта.»@en-US ;
	rdfs: см. также foaf: phone ;
	rdfs:isDefinedBy og: .
	og:isbn a rdf:Property ;
	rdfs:label «isbn»@en-US ;
	rdfs:label «Международный стандартный номер книги»@en-US ;
	rdfs:comment «[УСТАРЕЛО] Международный стандартный номер книги для вашего объекта.»@en-US ;
	rdfs:seeAlso bibo:isbn ;
	rdfs:isDefinedBy og: .
	og:upc a rdf:Property ;
	rdfs:label «upc»@en-US ;
	rdfs:label «универсальный код продукта»@en-US ;
	rdfs:comment «[УСТАРЕЛО] Универсальный код продукта для вашего объекта. «@en-US ;
	rdfs: см. Также gr: hasEAN_UCC-13 .

Open Graph Protocol Framework — плагин WordPress

Детали
отзывов
Монтаж
Разработка

Опора

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

Этот плагин WordPress предназначен для автоматизации процесса добавления основных и дополнительных метаданных на страницы сайта. Он также предназначен для использования в качестве основы для других плагинов или тем и позволяет изменять и адаптировать предоставленную информацию по мере необходимости.

Если вы найдете этот плагин полезным и хотели бы поддержать нашу работу, вы можете сделать это, купив в нашем магазине, спасибо!

Использование

Установите и активируйте плагин. Он автоматически отображает следующие метаданные для сообщений, страниц и т. д.:

og:title : Используется заголовок страницы, он обеспечивает заголовок для постов, страниц, архивов и т. д.
og:type : тип будет статья в целом, веб-сайт для главной страницы и блог для главной страницы блога.
og:image : для типов сообщений, которые поддерживают избранные изображения, используется URL-адрес избранного изображения. Дополнительные метаданные og:image:width , og:image:height , og:image:url , og:image:secure_url и og:image:alt добавлены.
og:url : URL-адрес текущей страницы.
og:site_name : Имя сайта.
og:description : использует полный отрывок, если он доступен, в противном случае извлекает его из содержимого. Для авторских и архивных страниц используется тип страницы и заголовок.
og:locale : Текущая локаль.
og:locale:alternate : указывает дополнительные локали, доступные, если установлен WPML.

Содержимое свойства og:image:alt основано на замещающем тексте избранного изображения, подписи изображения при его отсутствии или, в конечном счете, описании изображения при отсутствии последнего. Если какой-либо из них пуст, свойство не отображается.

Фильтры

Этот раздел предназначен для разработчиков. Если вы не разработчик, можете смело пропустить.

Плагин предоставляет следующие фильтры:

open_graph_protocol_meta

Этот фильтр позволяет изменять значение атрибута содержимого для заданного метатега.
Он вызывается для каждого поддерживаемого типа метаданных.

Параметры:

string content – текущее значение content атрибута
строка свойство – имя метаданных, например og:title

Фильтры должны возвращать:

строка желаемое значение содержимого атрибута

open_graph_protocol_meta_tag

Этот фильтр позволяет изменять фактический тег HTML , отображаемый в разделе страниц.

Параметры:

строка HTML тег
строка свойство – имя метаданных, например ог:название
string content – значение атрибута content

Фильтры должны возвращаться:
— Строка Пожелай выход для HTML TAG

OPEN_GRAPH_POTOCOL_METAS

Параметры:

массив метаданных, индексированных по имени метаданных

Фильтры должны возвращать:
– массив метаданных, проиндексированных по имени метаданных

open_graph_protocol_echo_metas

Этот фильтр позволяет изменять HTML, отображающий метатеги плагина в раздел.

Параметры:

строка HTML с тегами для отображения

Фильтры должны возвращать:
– строка HTML с тегов для рендеринга

Почему этот плагин?

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

Ни один из существующих плагинов не предоставлял достаточно гибкого способа сделать это, помимо прочего, нам нужно было решение, которое бы соответствовало всем этим требованиям, а ни одно из существующих решений этого не делает:

должен быть совместим с WordPress 3.5
должен автоматически добавлять метатеги для избранных изображений
должны быть автоматизированы и создавать разумное содержимое метатега для каждой страницы, мы не хотим вручную указывать содержимое тега для каждой страницы
должен предоставить основу для расширения с помощью ловушек и фильтров для каждого тега, а также предоставить дизайн, позволяющий другим подключаемым модулям гибко изменять метатеги

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

Атрибуция логотипа

Логотип, используемый для значка и баннера этого плагина, является логотипом протокола Open Graph от Facebook — ogp. me. Под лицензией Public Domain через Wikimedia Commons.

Информация о подключаемом модуле

См. также страницы и документацию подключаемого модуля Open Graph Protocol.

Используйте Добавьте новую опцию в меню Плагины в WordPress и найдите Open Graph Protocol или загрузите zip-файл плагина или извлеките папку open-graph-protocol в папку /wp-content/plugins/ вашего сайта. каталог .
Включите плагин из меню Плагины в WordPress.

Где документация?: Страницы документации подключаемого модуля находятся здесь.
Где я могу задать вопрос?: Вы можете оставить комментарий на странице плагина.
Где я могу узнать больше о протоколе Open Graph?: Спецификация протокола Open Graph доступна на сайте ogp.me.

Быстрый и грязный, этот плагин делает свою работу. Активируйте его, и теги начнут отображаться в разметке, а обмен на Facebook станет более завершенным. Так что это здорово, что не требуется никаких навыков, чтобы добраться туда, куда вы хотите.
Но затем вы начинаете понимать, что на вашем сайте больше не работает куча других вещей, таких как уведомления Woocommerce, или вы начинаете видеть, что любые add_actions, которые вы добавили в шаблоны, удваиваются.
Этот плагин вызывает полные apply_filters для the_content при рендеринге, что заставляет все в этом стеке дважды срабатывать, вызывая аномалии, которые очень трудно отследить.
В заключение: этот плагин, вероятно, отлично подойдет вам, если у вас есть ванильный сайт без особых настроек. Если у вас есть сложный сайт с такими вещами, как Woocommerce, он не подходит.

Этот плагин работает просто и, как указано, на нескольких сайтах с различной структурой, и мы высоко ценим его… Надеюсь, что он поддерживается в актуальном состоянии, поскольку кажется, что все готово к некоторым быстрым изменениям, как в WordPress, так и в социальных сетях.

This entry was posted in Популярное

Posted:

Comments:

Ogp me: Что такое разметка Open Graph и как ее внедрить без программиста / Хабр

ogp.me

Протокол Open Graph от FaceBook

Дополнительные Метаданные

Музыка

Видео

Не Вертикальные объекты

open-graph-protocol/ogp.

Open Graph Protocol Framework — плагин WordPress

Использование

Фильтры

Почему этот плагин?

Атрибуция логотипа

Где документация?

Где я могу задать вопрос?

Где я могу узнать больше о протоколе Open Graph?

Рубрики