Skip to main content
1 of 3
bmenekl
  • 457
  • 1
  • 4
  • 7

lazy loading images and effects on SEO

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?

bmenekl
  • 457
  • 1
  • 4
  • 7