我正在研究在网站上的图像上实现延迟加载功能，但是我想知道这是否存在任何 SEO 缺陷。我正在研究的脚本如下：
http://www.dynamicdrive.com/forums/showthread.php?t=46393
基本上，当图像标签出现在浏览器的用户查看区域时，会调用 javascript 来动态替换和加载图像。这减少了初始页面加载时间。但是，这会如何影响 SEO，尤其是图像爬虫？
感谢您的帮助！
【问题讨论】：
标签： javascript seo lazy-loading
大多数爬虫不会执行 Javascript。因此，您必须确保显示您的图像，或者至少是带有适当 alt 标签的临时图像（低分辨率）。
那么换成高分辨率的就没有问题了。
请注意，这不适用于 Google 图片搜索，因此会影响您在该搜索引擎上的曝光率。
【讨论】：
Googlebot 现在呈现 javascript，因此您无需执行任何操作。执行延迟加载，您的图片仍会出现在 Google 图片搜索中。 Read source.
不过……
如果您关心其他类型的爬虫，可以采用以下方法：
<a href="your-image.jpg" class="lazy-load-link">
<img src="placeholder.jpg" data-lazy-load-src="your-image.jpg" alt="Your image" />
</a>
或者如果您已经有链接...
<a href="other-stuff.html">
<img src="placeholder.jpg" data-lazy-load-src="your-image.jpg" alt="Your image" />
</a>
<a href="your-image.jpg" class="lazy-load-link">Your image</a>
通过这种方法，您的图片将被抓取，因为它被链接到。使用 javascript，您可以随时将 placeholder.jpg 更改为 your-image.jpg。如果您想删除它，请保留 a.lazy-load-link 元素。
【讨论】：
您可以尝试将图像加载为背景图像，但我不确定谷歌是否索引此类图像参考。顺便说一句，您可以使用类似于 image lazy load tutorial 的技巧来加载所有图片，以防不支持 javascript（如果是 google bot）。
【讨论】：
您可以使用<noscript />标签来存储<img/>的普通版本，它将被Google索引
【讨论】：