Google Plus Snippet – миниатюра изображения не отображается

Тестирование публикации фрагмента в Google+ со следующим HTML -

<!DOCTYPE html>
<head>
    <meta property="og:image" content="http://i.imgur.com/le2WbeU.jpg" />   
    <meta itemprop="image" content="http://i.imgur.com/le2WbeU.jpg">
</head>
<body>    
</body>
</html>

Я вижу следующее: введите здесь описание изображения

Глядя на сетевой трафик, я вижу неудачный запрос: введите здесь описание изображения

ОБНОВЛЕНИЕ: похоже, проблема с кэшированием. Как только я добавил строку запроса к URL-адресу, я получил изображение для загрузки. У меня, должно быть, был неверный URL-адрес изображения в первый раз, и он кэшировал этот неверный URL-запрос.


person dev.e.loper    schedule 26.03.2014    source источник
comment
Возможно, imgur блокирует прямые запросы Google на изображение. Недавно они начали перенаправлять прямые запросы изображений на HTML-страницу, если на них не ссылались из Twitter/Facebook/и т. д. Попробуйте использовать несколько разных хостов изображений.   -  person abraham    schedule 27.03.2014
comment
Похоже, это была проблема с кэшем. Как только я добавил строку запроса к URL-адресу, я получил изображение для загрузки. У меня, должно быть, был неверный URL-адрес изображения в первый раз, и он кэшировал этот неверный URL-запрос.   -  person dev.e.loper    schedule 27.03.2014


Ответы (2)


Я не знаю, вызывает ли это ошибку, но вы можете использовать link вместо meta, если значение является URI.

  • #P2# <блочная цитата> #P3#
  • Микроданные также явно требуют этого:

    […] свойство должно быть указано с использованием элемента свойства URL


Также обратите внимание, что вы не создали элемент в своих микроданных, поэтому свойство image не определено (если только элемент не создан с начальным тегом html, который отсутствует в вашем примере, или если вы ссылаетесь на него через itemref из body ).

person unor    schedule 26.03.2014
comment
Документы Google указывают с помощью тегов meta. developers.google.com/+/web/snippet Можете ли вы уточнить, что вы ссылаясь на элемент в ваших микроданных Какой элемент? - person dev.e.loper; 27.03.2014
comment
@dev.e.loper: Это может работать для Google и т. д., но это недействительные микроданные. --- Ре. элемент, это основная концепция микроданных. Элемент микроданных создается с использованием атрибута itemscope. Он представляет собой вещь. Этот предмет/вещь может иметь тип (itemtype). Все свойства-потомки (itemprop) принадлежат этому элементу. В вашем небольшом примере вы не создали элемент. Ваше свойство image нигде не принадлежит, оно также не определено (вероятно, вы хотите использовать словарь Schema.org, но тогда вам нужно будет указать это). - person unor; 30.03.2014

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

person dev.e.loper    schedule 27.03.2014