做网站图片优化时需要注意的一些技巧
大家都知道现在搜索引擎是不能识别图片的内容的,所以,我们在做网站时不仅要学会写原创文章,而且在图片的优化上,也需要投入足够的精力学习。
据统计现在图片内容已经占到了互联网内容总量的62%,也就是说超过一半的流量和时间都用来下载图片。
今天笔者就跟大家分享一下做网站图片优化时需要注意的一些技巧,希望对大家有所帮助。
第一:要注意网站中图片的格式选择
如果效果真的需要图片来表现,那么选择图片格式是优化的第一步。我们经常听到的词语包括矢量图、标量图、SVG、有损压缩、无损压缩等等,我们首先说明各种图片格式的特点:
一般情况下图片格式的选择遵循以下几点:
1、颜色丰富的照片,JPG是通用的选择
因为人眼的结构很适合查看JPG压缩后的照片,可以充分的忽略并在脑中补齐细节,JPG在压缩率不高时保留的细节还是不错的。
2、如果需要清晰的显示颜色丰富的图片,PNG比较好
PNG-8能够显示256种颜色,但能够同时支持256阶透明,因此颜色数较少但需要半透明的情景(如微信动画大表情)可以考虑PNG-8
PNG-24可以显示真彩色,但不支持透明,颜色丰富的图片推荐使用(如屏幕截图、界面设计图)
PNG-32可以显示真彩色,同时支持256阶透明,效果最好但尺寸也最大
3、如果需要较通用的动画,GIF是唯一可用的选择
GIF支持的颜色范围为256色,而且仅支持完全透明/完全不透明
GIF在显示颜色丰富的动画时可能出现颜色不全、边缘锯齿等问题
第二:做好网站图片命名
关于图片命名我们可以采用与其内容相关的命名方法,就好比一张图片是电脑图片,那么我们就可以命名为computer.jpg。而对于一些中文站点来说的话,也可以用中文的拼音来命名。
第三:正确使用ALT属性标签
在搜索引擎看来,你为图片所特别加入的这个ALT属性标签,就是对于这张图片内容的诠释。而搜索引擎也正是通过ALT属性标签来确定你这幅图片所讲的到底是什么,因此对于网站图片优化来讲ALT属性标签可以说是重中之重。
那么ALT属性标签添加的时候我们需要注意些什么呢,才能做到图片优化的最佳效果呢?
1、 与页面主体相符合。
2、尽量使用页面所布局的关键词。
3、不宜过长,建议在20个汉字以内
第四:做好网站图片尺寸的选择
合理选择图片尺寸大小可以有效的减少加载图片的时间,从而提升整个网站的访问速度,这样做会大大提升客户的体验度。更利于搜索引擎对你的站点的抓取。
第五:做好JPG和PNG格式图片优化
选择了正确的图片格式,按照正确的大小生成了图片后,我们还需要对图片进行进一步优化,这种优化一般分两步进行:
1、有损优化,删除没有出现或极少出现过的颜色,合并相邻的相近颜色。这一步并不必须,如PNG格式就直接进入下一步
2、无损优化,压缩数据,删除不必要的信息
第六:正确使用文本说明
在图片已经添加上了ALT属性标签以后,我们是不是就已经好了呢?其实不然,这仅仅只是完成了第一步的环节罢了,除了ALT属性标签之外我们还应该要对图片添加一定的文本说明,只有这样才能让搜索引擎更好的去了解这张图片到底是在讲些什么,只有这样才能在图片排序的过程中优先选用你的图片。
而在发布文本说明的时候,大家可以尽量注意以下几个方面:
1、一般情况下建议大家在图片的正上方,或者正下方添加包含页面关键词的描述性语句。
2、页面设计时可以对图片冠以特殊的heading标签,以使得搜索引擎更好的识别图片的重要程度。
3、不要把想给用户看的内容都写到图片里面去,因为图片当中所包含的内容是搜索引擎无法识别的。