images within noscript
- by Guilherme Nascimento
Note: My question is not about javascript
Note: My question is how to make the HTML accessible to search engines.
Note: My question is not about hiding texts, is on block loading of images in order to use LazyLoad.
I tested various techniques of blocking the loading of images to use effect LazyLoad (I'm developing in javascript), was the only efficient <NOSCRIPT>:
The HTML structure that would, with LazyLoad loading of images is achieved via the viewport (visible area of the website in browser).
<p>Lorem ipsum dolor sit amet,
<span class="lazyload">
<noscript><img src="foto-m0101.jpg" alt="image description"></noscript>
</span>
consectetur adipiscing elit.
</p>
<p>Lorem ipsum dolor sit amet,
<span class="lazyload">
<noscript><img src="foto-m0201.jpg" alt="image description"></noscript>
</span>
consectetur adipiscing elit.
</p>
<p>Lorem ipsum dolor sit amet,
<span class="lazyload">
<noscript><img src="foto-m0301.jpg" alt="image description"></noscript>
</span>
consectetur adipiscing elit.
</p>
This is a bad practice for search engines?
If it is a bad practice, you could put an example of good practice?
If there is any other issue with noscript talking pictures, forgive me.
Note: I did not find any doubts about noscript with images.