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

Question

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

Мое текущее решение для этого

<img src="cache/image-resized.jpg" />
<img src="static/image.jpg" itemprop="image" style="display:none;"/>

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

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

Answer 1

_{(Примечание: теперь удаленный ответ предполагает использование} meta _{элемент)}

Вместо meta элемент, вы должны использовать link элемент, потому что содержимое является URI:

Когда строковое значение является URL, оно выражается с помощью a элемент и его href атрибут, img элемент и его src атрибут или другие элементы, которые ссылаются на внешние ресурсы или встраивают их.

Это даже требуется:

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

Так и должно быть:

<link itemprop="image" href="static/image.jpg" />