itemprop="image" on element not ?

Question

I have a product page that uses Microdata. At the moment the itemprop="image" attribute is specified on the first thumbnail from my thumbnail gallery. What I'd like to do is specify it for the high-res image I have.

The trouble is, that's not actually displayed on the page, it's loaded via JavaScript using a lighbox. I know I can do something like:

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

and the image won't show and it's tagged as the product image. But, of course the image is still download.

Any way I can specify itemprop="image" on an image but not actually download the image?

I tried changing <img> to <span> but the testing tool didn't recognise it.

What do you mean with "didn't recognise it"? – unor Jul 13 '15 at 22:16 — unor, Jul 13 '15 at 22:16

score 4 · Accepted Answer · answered Jul 13 '15 at 15:03

4

Perhaps the link element would be useful here - it's not displayed in the rendered HTML, but it is available in the HTML source and therefore available to JavaScript:

<link itemprop="image" href="/img/high-res.jpg">

answered Jul 13 '15 at 15:03

Paul Watson

361
1
3
8

Thanks Paul. Worth a go, I tried, but unfortunately the testing tool didn't recognise it :-( – BigBadMe Jul 13 '15 at 19:10
1

Correction! I hadn't updated src= to href= , doing that worked. Thanks. – BigBadMe Jul 14 '15 at 10:33

itemprop="image" on element not ?

1 Answers1