网站优化时如何对图片进行优化
网站优化时如何对图片进行优化
在网站优化中,其实图片的优化也占了很大一部分,它是SEO优化中重要的一个组成部分,图片优化得好,不但可以提高页面的加载速度,加快搜索引擎的抓取速度以至于收录更多页面,而且通过对图片进行有意识的优化,还可以通过图片带来一定的流量,是多方受益的。下边我就我的个人经验,来讲下在对图片优化时,应该怎么做卖天下网 http://www.maitx.com
1、图片要加上alt标签
在网站的一些重要的图片中,一定要加上ALT标签,这样搜索引擎就可以知道这个图片的主题是什么,从而图片搜索的时候,给予你一定的排名,对图片加ALT标签,对用户来说也是一个很好的引导作用,当用户把鼠标放到图片上时,ALT里边的内容就会展示给用户,特别是当图片出现一些问题不能被访问的时候,这时候ALT的作用就更加显现出来了,在显示图片的地方会直接显示ALT里边的文字内容,从而起到一个很好的提示作用,对于用户对上下文的理解起到一个很好的作用。
2、图片要尽是进行无损压缩
我们知道,一个页面中如果它的图片比较多,那么页面的打开速度就会比较慢,也就是说页面的加载速度会比较慢,特别是一些图片站,图片都要进行适当的压缩处理,这样页面的加载速度就会快很多,当然了,图片的压缩最好是在无损的情况下进行,现在网上有很多这样的无损压缩工具,大家在百度上查下就能够找到了,我们所说的压缩是在不影响整体的情况下进行的。如果某些页面对于图片的质量要求比较高,那压缩率就尽量小一些,以免影响用户体验,所以这也是一个折衷的问题,大家可以根据页面的实际情况来进行必要的处理。
友情链接平台 http://www.hao976.com
3、对图片要指定高度与宽度
页面加载图片的时候,(暂不考虑不同浏览器的下载并发数量情况下)如果页面代码中不设定img的宽高,那么浏览器在加载过程中会不断计算每张图片的即时宽高,直到图片完整显示出来为止。而设定了宽高,浏览器返回的信息里预先把要加载的图片宽高预留出来即可,那么浏览器就可以腾出时间和并发去下载其他的图片。这也就是为什么给图片设置宽高,可以略微改善页面打开速度的原因。当然,页面总数越大的站,页面图片数或网站图片总数大的站点,这种加载的变化就越明显。
4、在图片的四周要尽量出现一些有意义的文字
搜索引擎在对图片的主题进行判断的时候,是会参考图片周围的内容的,所以我们在一些重要的图片周围,要尽量的出现一些描述性的文字,以帮助搜索引擎对于图片的理解,例如图片的上部、下部、左部、右部,都要尽量的出现一些与图片的主题相关的内容,这样对搜索引擎是比较友好的。阿里行业网 http://www.alihangye.com
5、使用CSS Sprites技术(图片合并)
CSS Sprites其实就是把网页中一些背景图片整合到一张图片文件中,再利用CSS的“background-image”,“background- repeat”,“background-position”的组合进行背景定位,background-position可以用数字能精确的定位出背景图片的位置。这样可以尽量的减少图片的数量,从而减少图片对服务器的请求次数,从而加快页面的加载速度。
总之,在对网站进行优化的时候,对图片的优化也是很重要的,因为它不但可以加快页面的打开速度,从而提高用户体验,而且还可以通过图片搜索带来一定的相关流量。本文由贸易网 http://www.maoyi5.com编写,转载请注明出处,谢谢!
在网站优化中,其实图片的优化也占了很大一部分,它是SEO优化中重要的一个组成部分,图片优化得好,不但可以提高页面的加载速度,加快搜索引擎的抓取速度以至于收录更多页面,而且通过对图片进行有意识的优化,还可以通过图片带来一定的流量,是多方受益的。下边我就我的个人经验,来讲下在对图片优化时,应该怎么做卖天下网 http://www.maitx.com
1、图片要加上alt标签
在网站的一些重要的图片中,一定要加上ALT标签,这样搜索引擎就可以知道这个图片的主题是什么,从而图片搜索的时候,给予你一定的排名,对图片加ALT标签,对用户来说也是一个很好的引导作用,当用户把鼠标放到图片上时,ALT里边的内容就会展示给用户,特别是当图片出现一些问题不能被访问的时候,这时候ALT的作用就更加显现出来了,在显示图片的地方会直接显示ALT里边的文字内容,从而起到一个很好的提示作用,对于用户对上下文的理解起到一个很好的作用。
2、图片要尽是进行无损压缩
我们知道,一个页面中如果它的图片比较多,那么页面的打开速度就会比较慢,也就是说页面的加载速度会比较慢,特别是一些图片站,图片都要进行适当的压缩处理,这样页面的加载速度就会快很多,当然了,图片的压缩最好是在无损的情况下进行,现在网上有很多这样的无损压缩工具,大家在百度上查下就能够找到了,我们所说的压缩是在不影响整体的情况下进行的。如果某些页面对于图片的质量要求比较高,那压缩率就尽量小一些,以免影响用户体验,所以这也是一个折衷的问题,大家可以根据页面的实际情况来进行必要的处理。
友情链接平台 http://www.hao976.com
3、对图片要指定高度与宽度
页面加载图片的时候,(暂不考虑不同浏览器的下载并发数量情况下)如果页面代码中不设定img的宽高,那么浏览器在加载过程中会不断计算每张图片的即时宽高,直到图片完整显示出来为止。而设定了宽高,浏览器返回的信息里预先把要加载的图片宽高预留出来即可,那么浏览器就可以腾出时间和并发去下载其他的图片。这也就是为什么给图片设置宽高,可以略微改善页面打开速度的原因。当然,页面总数越大的站,页面图片数或网站图片总数大的站点,这种加载的变化就越明显。
4、在图片的四周要尽量出现一些有意义的文字
搜索引擎在对图片的主题进行判断的时候,是会参考图片周围的内容的,所以我们在一些重要的图片周围,要尽量的出现一些描述性的文字,以帮助搜索引擎对于图片的理解,例如图片的上部、下部、左部、右部,都要尽量的出现一些与图片的主题相关的内容,这样对搜索引擎是比较友好的。阿里行业网 http://www.alihangye.com
5、使用CSS Sprites技术(图片合并)
CSS Sprites其实就是把网页中一些背景图片整合到一张图片文件中,再利用CSS的“background-image”,“background- repeat”,“background-position”的组合进行背景定位,background-position可以用数字能精确的定位出背景图片的位置。这样可以尽量的减少图片的数量,从而减少图片对服务器的请求次数,从而加快页面的加载速度。
总之,在对网站进行优化的时候,对图片的优化也是很重要的,因为它不但可以加快页面的打开速度,从而提高用户体验,而且还可以通过图片搜索带来一定的相关流量。本文由贸易网 http://www.maoyi5.com编写,转载请注明出处,谢谢!