为了提升网站的加载速度,我们会用到lazyload懒加载,或者叫延迟加载,尤其是对图片的懒加载,那lazyload对搜索引擎抓取有什么影响,是否不利于SEO呢,我们来谈一下这个问题
lazyload是一种延迟加载技术,jQuery有相应的组件支持,使用很简洁方便,这里就不做赘述了,给个下载和文档的链接 https://plugins.jquery.com/lazyload/
lazyload的原理就是通过屏幕滚动事件触发加载,向img标签中动态添加src,从而实现懒加载
通过上面我们对lazyload的介绍,我想已经很清楚他的作用了,没错,就是加快网页渲染和第一屏的展现速度,提升用户体验。当然,也可以减少用户和服务器带宽占用和流量的使用,对于图片多访问量大的站,能节省一笔不小的开支呢。
有利通常就会有弊,我们知道,大多数的搜索引擎抓取内容的时候,只抓取第一次渲染完的页面代码,不会替你执行js,而lazyload是通过执行js实现的,如此以来,搜索引擎根本无法发现你的图片,如果一个很依赖搜索引擎图片索引的站点,这可能会很伤。
有的小小伙伴可能会说Google现在已经具备了执行js的能力,不可否认,Google确实很厉害,但是谷歌的robot并不是所有js都会给你执行的,而且谷歌的爬虫机器人并不会“滚”(人家是爬行动物,你非让人家滚),哈哈,没错,就是不会滚,如果他不滚动,那就无法触发lazyload的图片。而且Google会忽略一些第三方脚本,也就是不去下载他们,如果不下载,那有谈何执行。
插个题外话,是不是非事件触发的js就不影响了呢?要知道,前面说到的大多数,甚至可以说是除了Google外的机器人之外都是傻瓜的,尤其是完全前后端分离,纯前端呈现的页面,对搜索引擎是及其及其及其不友好的。
一句话就是:不要给别人(机器人也算)添麻烦。要确保搜索引擎抓取并索引您的页面,最好是全部以HTML的形式提供给机器人,越容易解析的页面,也越有利于索引。
viencoding.com版权所有,允许转载,但转载请注明出处和原文链接: https://viencoding.com/article/145