网页中的图片的引用方式,除了传统的img格式以外,还可以用css的background属性进行引用。这两种引用方式,哪种更好更优秀呢?
从网站更容易被搜索引擎理解与抓取的角度上讲,我们更推荐使用传统的img格式来进行引用,具体代码如下图所示:
而不要用css的background属性来进行网页中的图片引用操作,css的background引用图片的代码如下图所示:
原因在于,对于采用background-image属性来引用图片,搜索引擎不会对该图片进行抓取,也就意味着不会存在于图片搜索结果中,并且对该图片所属的网页的抓取也会造成一定的缺失。
谷歌的John Mueller证实了这一说法,他在站长视频中表示:据我所知,我们根本不抓取CSS图像,更不会在图像搜索中展现那些图片。
基于此说法,如果希望网页正常被搜索引擎抓取,那么在图片的引用处理上,更加推荐使用img进行引用,非必须情况下应当不要使用css的background属性来进行图片引用。