itemprop=изображение элемента не ‹img›?

У меня есть страница продукта, которая использует микроданные. На данный момент атрибут itemprop="image" указан на первой миниатюре из моей галереи миниатюр. Что я хотел бы сделать, так это указать его для изображения с высоким разрешением, которое у меня есть.

Проблема в том, что на самом деле это не отображается на странице, а загружается через JavaScript с помощью лайтбокса. Я знаю, что могу сделать что-то вроде:

<img itemprop="image" src="/img/high-res.jp" style="display:none" />

и изображение не будет отображаться, и оно помечено как изображение продукта. Но, разумеется, образ все равно загружается.

Каким образом я могу указать itemprop="image" на изображении, но не загружать изображение на самом деле?

Я попытался изменить <img> на <span>, но инструмент тестирования не распознал его.


person BigBadMe    schedule 13.07.2015    source источник
comment
Что значит не узнал?   -  person unor    schedule 14.07.2015


Ответы (1)


Возможно, здесь был бы полезен элемент ссылки — он не отображается в отображаемом HTML, но доступен в исходном коде HTML и, следовательно, доступен для JavaScript:

<link itemprop="image" href="/img/high-res.jpg">
person Paul Watson    schedule 13.07.2015
comment
Спасибо, Пол. Стоит попробовать, я пытался, но, к сожалению, инструмент тестирования не распознал его :-( - person BigBadMe; 13.07.2015
comment
Исправление! Я не обновил src= до href= , это сработало. Спасибо. - person BigBadMe; 14.07.2015