Семантическая разметка для изображений в электронной коммерции

Question

Я видел, что различные розничные торговцы предпочитают og:image от OGP,twitter:image из Twitter-карт над image собственность от Schema.org (Product), и это предпочтение проявляется по-разному, например, наличие изображений высокого разрешения для og:image свойство и очень низкое разрешение или нет значения для Schema.org image имущество.

Если мне нужны изображения, я должен отдать предпочтение og:image а также twitter:image через Schema.org image?

Если это так, это просто текущая тенденция, чтобы предпочесть og:image а также twitter:image через Schema.org imageИли это имеет смысл, потому что Schema.org предназначен для поисковых систем, в то время как карты OGP и Twitter предназначены для преобразования страниц в социальные объекты?

Answer 1

Чтобы уточнить:

• http://schema.org/ и протокол Open Graph являются словарями для использования с различными синтаксисами.

• Twitter Cards - это набор имен метаданных для использования с HTML meta элемент.

Потребители (например, поисковые системы, надстройки браузера, социальные сети и т. Д.) Решают

• какие словари (Schema.org, протокол Open Graph, Dublin Core и т. д.),
• какие синтаксисы (RDFa, микроданные, JSON-LD, Turtle, RDF/XML и т. д.),
• какие условные обозначения (микроформаты),
• какие имена метаданных (keywords, description, twitter:imageи т. д.) и
• какие типы ссылок (nofollow, external, homeи т. д.)

они хотят поддержать.

Если вы заботитесь только о конкретных потребителях, посмотрите, что они поддерживают, и используйте это. Если вы также заботитесь о потребителях, о которых вы можете не знать, используйте более / несколько (из популярных) способов.

В вашем конкретном примере вы можете легко реализовать все три способа:

<!-- this is plain HTML5, 
     using the registered metadata name "twitter:card" -->
<meta name="twitter:image" content="http://example.com/image.png">

<!-- this is HTML5+RDFa, 
     using the properties "og:image" (from Open Graph protocol) and "schema:image" (from Schema.org), 
     as defined in <http://www.w3.org/2011/rdfa-context/rdfa-1.1>  -->
<link property="og:image schema:image" href="http://example.com/image.png">

(Примечание: в Twitter должны быть определены типы ссылок вместо имен метаданных для значений, которые являются URL-адресами, как того требует HTML5. Поскольку этого не произошло, вам придется использовать meta вместо link; в противном случае вы могли бы использовать то же самое link элемент для всех трех.)