SEO优化中哪种图片格式更好,图片该怎么做优化

张俊SEO
张俊SEO
张俊SEO
4078
文章
54
评论
2022年11月24日11:22:42
评论
0 1519字阅读5分3秒

这是一个大家都不会陌生的问题,可以说是一直以来我们都很关心很在乎的SEO优化——图片SEO优化

今天就来给大家分享关于SEO优化中图片的格式,图片大小等优化方法。

图片优化我们最常见的就是添加alt属性,有利于帮助搜索引擎识别图片信息:

如果在图片的代码上添加了alt标签,当图片没有加载出来时,会显示为文字,有利于用户体验,对于搜索引擎来说,搜索引擎本身对图片的识别能力是很弱的,但是搜索引擎识别alt这个属性,也认识其中的文字,只要加一个说明,搜索引擎就知道这是一张什么样的图片了,从而对该图进行抓取和索引。

当用户在搜索引擎上搜索图片的时候,就会展示给用户,有时候从图片搜索进入网站的流量也是很客观的,这就是为什么要做图片优化的原因。

01什么样格式的图片更有利于SEO优化

有没有发现一个网站可以上传的图片格式是很多的,那么什么格式的图片更有利于SEO优化呢,这个问题或许很少有人去分析。

常见的图片格式有jpg(jpeg)、png、gif、bmp及svg等格式,我们网站到底该使用哪一种格式更好?这个其实也和网站的运营有关系。

一、图片体积与SEO优化的关系

由于不同格式的图片清晰度、体积大小等各不相同,一般情况下上传到网站上面的图片体积要尽量小,这有利于用户打开网页的速度,其次是可以节省我们的服务器空间;因为搜索引擎在抓取一个页面时,会连同js、css文件及图片全部抓取,如果图片太大这个网页的体积就会随之增大,影响整个页面的收录。

其次图片的色差及饱和度问题,png作为网页上大行其道的图片,体积小,有利于网页的加载速度,不过经过png处理之后的图片会和原图有较明显的色差及清晰度问题。

图片的体积大小顺序由小到是:png<jpg(jpeg)<gif<bmp,很的设计比较喜欢用png作为元素图片,原因之一就是体积小,其次才是透明。可以看到bmp格式的图片最占空间,png体积最小,那么理论上完美的网站图片也应该使用png最合理,实际上是不是呢,请继续阅读。

二、图片的清晰度

网页排版再好,内容再优质,如果你上传了一张模糊的图片,用户体验一下子就降低了很多,第一感觉就不好!搜索引擎蜘蛛本质上是模拟用户去访问你的网站页面,用户看到是什么样的网页和图片,蜘蛛看到的也是一样。

图片的质量清晰度从优到差的顺序是bmp>jpg>gif>png。也就是说bmp格式的图片质量最好,而png格式的图片质量是最差的。

三、关于gif动图

一个网站页面上的动图太多其实对用户体验并不好,而gif图片的体积也会相对较大,如果是高清的gif图片,会超过几MB,这样会严重的影响网页加载速度。

四、适合于SEO优化和网站运营的图片格式

经过上面的分析,我们在选择图片时①要考虑到网站的加载速度,图片的体积越小越好,这对用户打开网页和搜索引擎抓取页面都有帮助,所以优先选择应该是png,jpg,gif,bmp这样的顺序,②是要保证图片的质量即清晰度,图片不能太过于失真,那么在满足前面第一条体积的情况下,可供选择的就是jpg和png格式了。

综上可得,满足条件适合于网站的优质图片格式是从优到差的顺序是jpg>png>gif>bmp,这个排序及利于用户体验,也利于SEO优化。

因为一个网站也不可能规定只允许使用一种图片,所以我们要尽可能使用jpg格式图片,其次是png格式,尽量少使用gif动态图,避免使用bmp格式的图片。

几乎很多的网站在上传图片时对尺寸是没有限定的,也就是随心所欲,不论大小只要传了图就是万事大吉。

其实对于图片的尺寸也是应该适当的规范一下,通常搜索引擎喜欢的尺寸是:3:2、16:9、3:4和1:1这几个比例,可以在上传图片的时候按照比例进行裁剪后再上传。

声明:转载此文是出于传递更多信息之目的。若有来源标注错误或侵犯了您的合法权益,请作者持权属证明与本网联系,我们将及时更正、删除,谢谢。本站部分图文来源于网络,仅供学习交流,发表作品观点仅代表作者本人,本站仅提供信息存储空间服务,不承担连带责任。如有侵权,请联系管理员删除。
竞价托管
张俊SEO
  • 本文由 发表于 2022年11月24日11:22:42
  • 转载请务必保留本文链接:https://zhangjunseo.com/24224.html
网站seo优化确定网站主题思想 seo优化

网站seo优化确定网站主题思想

       。一个优秀的网站的主题是设计者重点考虑的问题, 最好有一种主体色, 主体色彩一般可以用公司的标准色, 也就是一旦提到某个公司, 可以马上进入访问者...
广告也精彩
匿名

发表评论

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: