主题OL

lazyLoad图片懒加载对SEO有影响吗

ZTOL ZBlog使用帮助 2020-04-03 351 1

jQuery lazyLoad这个对于一个网页开发者来说并不陌生,而对于普通网站的SEOer就未必可知了,而子凡作为一个开发、SEO及一身的人来说,我就要来给大家普及一下这个了,也算是子凡对最近在写SEO诊断系列文章中的一个拓展知识吧!

lazyLoad图片懒加载对SEO有影响吗-图1

LazyLoad介绍

Lazy Load是一个用 JavaScript 编写的 jQuery 插件,它可以延迟加载长页面中的图片,在浏览器可视区域外的图片不会被载入,直到用户将页面滚动到它们所在的位置,这与图片预加载的处理方式正好是相反的。

在包含很多大图片长页面中延迟加载图片可以加快页面加载速度,浏览器将会在加载可见图片之后即进入就绪状态,在某些情况下还可以帮助降低服务器负担。

LazyLoad分析

<img class=”lazy” alt=”” width=”” height=”” src=”占位图片” data-original=”真实图片地址” />

页面加载时就不会加载这些图片了,然后 JS 控制页面滚动时才将 data-original 中的内容填到 src 里面去。

也就是因为这个问题,所以才有了子凡今天要讨论的话题,因为搜索引擎大多对js的理解能力还是有限了,而搜索引擎抓取源代码的时候,它并不能正确的抓取到真实的图片地址,所以这是不利于网站图片优化的。

而如果你又是一个以图片为主的网站,如果再使用LazyLoad可能就会变得更不利于网站的优化了。

所以结论显而易见,lazyload延迟加载技术不利于SEO的原因很简单,即搜索引擎不会像我们人使用鼠标那样,上下拖动网页。搜索引擎只会选择它看到的第一页的内容,其它的内容都是空白。这样当然是不利于SEO的。

使用LazyLoad可以对网站用户体验达到一个提升,加载速度就是最明显的了,因为使用LazyLoad可以在用户没看到的地方不会加载,减少了网页请求和下载,所以速度就是用户体验的重要因素之一,同样LazyLoad可以在一定程度上降低服务器资源,这个子凡已经在本文最开始就已经提及到了。

lazyload对SEO的影响还有另外一方面,即会影响搜索引擎对网站图片的收录,图片搜索也是网站的流量来源之一。

那么如何适当的利用LazyLoad而不影响网站SEO优化呢?

如果使用LazyLoad肯定是不可能完全不影响的,但是我们却可以适当的利用LazyLoad来提升网站的用户体验,LazyLoad功能可以使用在除网站主体内容的其它图片上,也就是在网站正文中,以及首页或者频道的分缩略图中最好不要使用!而像网站的用户头像或其它的一些无关紧要的图片上,加上LazyLoad懒加载还是很不错的选择,这样是有利于用户体验而又几乎不影响网站SEO优化的了。

写在最后:lazyload虽然对提升用户体验有好处,但是提升的效果到底有多少,是个疑问。出现延迟加载技术是为了加快网页打开速度,提高带宽利用率,但是,现在带宽越来越大,网速越来越快,移动已经到了4G时代,开视频都嗖嗖的,带宽这个理由,似乎已经快不成立了。

在SEO和用户体验提升之间,没有唯一答案, 因为对于网站来说SEO很重要,而对于用户来说,用户体验是首选,所以就像上面提出的解决办法一样,既可以不影响网站优化,又可以提升用户体验,你学到了吗?

最后的总结:能不用lazyload图片懒加载则不使用!

发表评论

用户头像 游客
此处应有掌声~

评论列表

  • 用户头像
    访客(07-01 17:01)回复
    后端判断一下ua,是蜘蛛就不启用延迟加载。这样就完美解决
QQ在线客服

客户服务

在线时间 上午:09:00-12:00 下午:14:00-21:00