懒加载图像和SEO

时间:2010-09-15 10:17:59

标签: javascript seo lazy-loading

我正在研究在网站上的图像上实现一个延迟加载功能,但是我想知道是否有任何SEO垮台。我正在研究的脚本如下:

http://www.dynamicdrive.com/forums/showthread.php?t=46393

基本上,当图像标签出现在浏览器的用户查看区域中时,会调用javascript来动态替换和加载图像。这缩小了初始页面加载时间。但是,这会如何影响搜索引擎优化,特别是图像爬虫呢?

感谢您的帮助!

4 个答案:

答案 0 :(得分:2)

大多数抓取工具都不会执行Javascript。所以你必须确保你的图像显示,或者至少是一个临时的(低分辨率)和正确的alt标记。

然后用高分辨率替换它不是问题。

请注意,这不适用于Google图片搜索,因此会影响您在该搜索引擎上的曝光率。

答案 1 :(得分:1)

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元素。

答案 2 :(得分:0)

您可能会尝试将图片作为背景图片加载,但我不确定谷歌是否会索引此类图像参考。顺便说一下,你可以使用类似于这个image lazy load tutorial的技巧,以便在没有javascript支持的情况下加载你的所有图像(如果是谷歌机器人)。

答案 3 :(得分:-1)

您可以使用<noscript />标记存储<img/>的正常版本,该版本将由Google编制索引