lazyload images - index images in the search engines

Question

I believe that Google displays the DOM also modified by Javascript. Look I used the tool Fetch as Google/Bing/Baidu

Look at the results:

Without my jquery-plugin and noscript (ie pure HTML):

---

With javascript and noscript:

note: The javascript that showcased images and manipulated the DOM.

LIB Javascript

Download and test-case: https://github.com/brcontainer/defer-images/

Question:

• Use <noscript> to help indexing of images is a good?

• If it's a bad idea, give me an example of an HTML good for indexing images and I can use LazyLoad.

• If the javascript displays images and Fetch as Google/Bing/Baidu displays the content normally (like the browser) so Google/Bing/Baidu indexes the DOM manipulated by javascript?

Answer 1

The search-engine will index the image grey.gif. It will never know about example.jpg.

data-* attributes are valid in HTML5 (only).

PS: Don't forget the alt attribute.