SEO - Index images (lazyload)
- by Guilherme Nascimento
Note:My question is not about Javascript.
I'm developing a plugin for jQuery/Mootols/Prototype, that work with DOM.
This plugin will be to improve page performance (better user experience).
The plugin will be distributed to other developers
so that they can use in their projects.
How does the lazyload: The images are only loaded when you scroll down the page
(will look like this: http://www.appelsiini.net/projects/lazyload/enabled_timeout.html LazyLoad).
But he does not need HTML5, I refer to this attribute: data-src="image.jpg"
Two good examples of website use LazyLoad are: youtube.com (suggested videos) and facebook.com (photo gallery).
I believe that the best alternative would be to use:
<A href="image.jpg">Content for ALT=""</a>
and convert using javascript, for this:
<IMG alt="Content for ALT=\"\"" src="image.jpg">
Then you question me: Why do you want to do that anyway?
I'll tell you:
Because HTML5 is not supported by any browser (especially mobile)
And the attribute data-src="image.jpg" not work at all Indexers.
I need a piece of HTML code to be fully accessible to search engines. Otherwise the plugin will not be something good for other developers.
I thought about doing so to help in indexing:
<noscript><img src="teste.jpg"></noscript>
But noscript has negative effect on the index (I refer to the contents of noscript)
I want a plugin that will not obstruct the image indexing in search engines.
This plugin will be used by other developers (and me too).
This is my question:
How to make a HTML images accessible to search engines, which can minimize the requests?
