网页中的图片,不要用css的background属性进行引用

发布时间:2018-01-15 发布者:新锐传媒 查阅 [591] 评论 [0]

网页中的图片的引用方式,除了传统的img格式以外,还可以用css的background属性进行引用。这两种引用方式,哪种更好更优秀呢?

从网站更容易被搜索引擎理解与抓取的角度上讲,我们更推荐使用传统的img格式来进行引用,具体代码如下图所示:

img代码引用图片的示例

而不要用css的background属性来进行网页中的图片引用操作,css的background引用图片的代码如下图所示:

css的background属性引用图片代码

原因在于,对于采用background-image属性来引用图片,搜索引擎不会对该图片进行抓取,也就意味着不会存在于图片搜索结果中,并且对该图片所属的网页的抓取也会造成一定的缺失。

谷歌的John Mueller证实了这一说法,他在站长视频中表示:据我所知,我们根本不抓取CSS图像,更不会在图像搜索中展现那些图片。

基于此说法,如果希望网页正常被搜索引擎抓取,那么在图片的引用处理上,更加推荐使用img进行引用,非必须情况下应当不要使用css的background属性来进行图片引用。

      免责声明 | 新锐观点 | 网站运营 | 网站推广 | 联系我们 | 网站地图