We are using the following technique to lazy load images in our site:
For all images we put in the src
attribute a url for a default img (i.e. a loader) and put the actual image url in the data-src
attribute. Like so
<img src="loader.gif" data-src="img1.jpg" />
When the image is outside of the viewport nothing happens, but when the image goes inside the viewport, then the url from the data-src
attribute is loaded and the image is correctly shown.
This has as a result that Google sees all the images in the page (i.e. a search results page) as having the same src
attribute. Because the google bot of course parses only the 'unloaded' img tag with the default src
.
My question is: does having many img tags with the same src
attribute affect the SEO of the page?