随着搜索引擎对于图片体验的不断重视,搜索引擎在多个方面进行了关于网站图片方面的展现,同时也加大了图片对于页面权重和排名的影响力度。前一段时间我仔细研究过图片优化方面的技巧,下面开始给家分享。(先声明,这是一家之言,仅供参考!)
01 网站图片在网站建设中有哪些展现?
■网站Logo
这是每一个网站都必须要有的图片,Logo呈现在网站的左上角,用户访问到页面后,第一时间知道自己所属的“地盘”,所访问的网站名称,通过对网站名称和自己的需求对比,判断是否专业,是否来对了地方。并且Logo中的网站名称也亮明了网站身份。例如,我想查找“安徽网站优化技巧”信息,一个网站点击进去后,Logo是百度logo,“奥,原来这篇文章是百度发布的”,最起码,我觉得他会更加专业的和官方的。相反,我点击进入的网站是一个不知名的“综合类门户网站”,那么他发布的文章就有待专业度的区分了。
所以网站logo是一个网站最重要的图片展现,是一个另访客知道身在何方的重要用户体验。
■正文配图
我们做网站优化的从业者,都听说,都知道一句话“图文并茂”,图文并茂确实一个非常好的用户体验,通过文字、图片、表格、甚至视频的丰富展现,使得访客能更全面的了解页面介绍的主题。如果仅仅只是“一堆文字”,用户读起来难免晦涩难懂,同时,因为没有图片等素材的佐证,正文介绍信息的科学和公正程度都有待考察。
有的正文内容中配图1张,有点则配图多张,现在搜索引擎对正文中配图的抓取和搜索结果的展现已经初露端倪,例如下:
正文配多图.jpg
正文配一张图.jpg
■网站素材
网站素材是网站建设中必备的小细节方面的素材图片,大部分素材图片的像素比较小,当然也有大图,例如div背景、整站背景图,一个好的SEO代码优化过的网站,网站素材网站一般都是通过css文件中调用,而在页面的html源文件代码中是不体现素材图片的<img>调用。
在网站优化技巧与排名中,网站素材图片不对排名起太大作用。只是是网站美观的一部分,当让如果从美观和用户感受体验来讲,美观的网站也算体验的一部分。
02 网站图片的属性
这里讲的图片属性是为了下面工具和软件的使用铺垫的,图片的属性有3个方面。
■图片格式,图片有bmp,jpg,tiff,gif,png,pcx,tga,exif,fpx,svg,psd,cdr,pcd,dxf,ufo,eps,ai,raw等多种格式,常用的格式jpg、png、gif。
■图片像素,图片像素可以理解为图片的大小,代表图片长与宽的大小,同时也反映图片的清晰度。像素的单位px,一般我们将一张图片的像素是多少会说,它是600px*300px的图片,600是图片长,300是图片宽。
■图片alt,图片alt是网站建设html规范中<img>标签的一个属性,主要用于图片不能刷新或加载失败时,能以文字说明的形式告诉访客:“这张图片是关于什么的图片”,增强用户体验。
03 网站的图片优化技巧实战
■图片加载速度优化,通过对图片大小的调整来提高图片加载速度,让展现大小和图片的实际大小一致,没必要图片只需要200*100的大小,而你设计成600*400的图片,再通过图片属性中width="200"和height="100"来调节。第二个提高图片加载的优化措施是变更图片的格式,能用jpg格式的不用png格式,进而降低图片的文件大小,尽量让图片文件大小控制在10kb-500kb。经过安徽SEO的实践,以上两点对于网站图片的加载优化效果显著。
■图片alt的填写,这方面的填写也是有规矩的,不是随便写alt值,当然你可以随便写,可能起到的图片优化的效果会大大折扣,甚至没有任何正面积极的效果,甚至还会给你扣上优化作弊的“帽子”。怎么写呢?有3个原则:(1)alt要真实的说明图片的含义(2)alt可以是页面标题(3)alt可以是图片附近的文字。
■图片位置有讲究,图片添加的位置有2个原则:(1)美观的原则(2)与相关内容就近的原则,尤其是要注意的就近原则,例如一段文字介绍了“什么是logo图片”在图片附近附上一种logo的图片,同时图片下方有文字注释“***网站的logo”。同时在开篇第一段下方可以添加一张图片,内容中,距离文字介绍的添加一张图片。
04 网站图片优化的工具与软件
所谓图片优化的工具就是对图片格式和大小进行设置和转换的程序,在网上有很多,大家可以随便搜索拿来使用。另外,笔者给大家分享一个实用的技巧:用QQ聊天中的截图功能,设定新截图的图片格式;对于图片大小,可以用看图软件放大和缩小与截图配合使用,来截取需要的图片大小。
总结:以上四方面的介绍,是笔者近一段时间以来研究网站图片优化的新的体会,整理出来分享给大家,希望大家喜欢,希望对大家的SEO工作起到帮助!
|