Используете другое изображение для микроданных, которое не отображается в статье?

Я работаю над веб-сайтом, на котором есть куча статей.

Я ищу способ добавить невидимое изображение, не помещая его в скрытый блок div.

Когда пользователи добавляют статью, появляется «основное» изображение определенных пропорций, которое загружают пользователи (которое я хотел бы использовать для микроданных). Есть и другие изображения, которые загружаются в карусель.

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

<div class="hidden">
    <img itemprop="image" src="link/to/image.jpg" />
</div>

Я хотел бы использовать метатег, но это не работает:

<meta itemprop="image" content="link/to/image.jpg">

Я не нашел ничего подходящего для микроданных, хотя Open Graph и Twitter Cards поддерживают метатеги для изображений. Кто-нибудь знает, возможно ли это для микроданных или нет, или даже важно ли это?

Я просто не хочу иметь скрытое изображение, которое увеличивает время загрузки, если это возможно!


html meta metadata meta-tags microdata
person Tyler Ancell    schedule 15.05.2015    source источник

Ответы (2)


arrow_upward
0
arrow_downward

Вы можете использовать JSON-LD вместо микроданных.

Таким образом, вы добавляете все, что хотите, в данные JSON, которые не отображаются на странице, но распознаются большинством поисковых систем.

Вот пример, взятый с сайта http://schema.org/CreativeWork:

<script type="application/ld+json">
{
  "@context": "http://schema.org",
  "@type": "CreativeWork",
  "name": "My Article",
  "image": "http://your.image.url.com"
}
</script>
person Gabriel Hautclocq    schedule 15.05.2015
comment
Спасибо Габриэлю Отклоку. Только что попробовал и определенно значительно упрощает разметку микроданных - я бы определенно проголосовал, если бы мог. Я предполагаю, что это не работает с картами Open Graph / Twitter? - person Tyler Ancell; 15.05.2015
comment
Если это еще не работает, то, скорее всего, скоро заработает, потому что JSON-LD — это следующая большая вещь :-) Я был бы удивлен, что Facebook и Twitter не поддерживают его. - person Gabriel Hautclocq; 15.05.2015
comment
Определенно упрощает консолидацию, вместо того, чтобы просматривать 1000 строк html/php и добавлять кучу разметки. Я отметил ваш ответ как принятый! - person Tyler Ancell; 15.05.2015

arrow_upward
1
arrow_downward

С микроданными вы можете использовать элементы meta и link в файле body.

Если значение является URI, вы должны использовать link вместо meta.

Итак, в вашем случае разметка будет:

<link itemprop="image" href="link/to/image.jpg">
person unor    schedule 15.05.2015