在SEO网站优化中,其实图片的优化也占了很大一部分,是SEO网站优化的重要组成部分。一个好的图片优化不仅可以提高页面的加载速度,加快搜索引擎的抓取速度,甚至可以包含更多的网站设计页面,还可以通过有意识的优化,通过图片带来一定的流量,对多方都有好处。下面,根据我个人的经验,谈谈优化图片时如何做:
1、图片要加上alt标签及图片要尽是进行无损压缩。我们知道,如果一个页面的图片多了,页面的打开速度会慢一些,也就是说页面的加载速度会慢一些,特别是在一些图片站,图片要适当压缩,这样页面的加载速度会快很多。当然,图像压缩更好不要丢失。现在网上有很多这样的无损压缩工具,搜索百度就能找到。我们说的压缩是在不影响整体的情况下完成的。如果有些页面对图片的质量要求比较高,那么压缩比要尽量小,以免影响用户体验,所以这也是一个折中的问题,大家可以根据页面的实际情况进行必要的处理。网站上一些重要的图片一定要加ALT标签,这样搜索引擎才能知道这张图片的主题是什么。搜索图片的时候会给你一定的排名,给图片加ALT标签也会是很好的用户指南。当用户将鼠标放在图片上时,ALT中的内容会显示给用户,尤其是当图片中出现一些无法访问的问题时。这时ALT的作用更加明显,ALT中的文本内容会直接显示在图片显示的地方,起到了非常好的提示作用,对用户理解上下文起到了非常好的作用。
2、在图片的四周要尽量出现一些有意义的文字搜索引擎会参考图片周围的内容,所以我们应该尽量在一些重要的图片周围出现一些描述性的文字,以帮助搜索引擎理解图片,例如,图片的顶部、底部、左侧和右侧应该尽量出现一些与图片主题相关的内容,这对搜索引擎来说是友好的。
3、对图片要指定高度与宽度及使用CSS Sprites技术(图片合并)页面加载图片时(不考虑不同浏览器并发下载的次数),如果页面代码中没有设置img的宽度和高度,浏览器会在加载过程中不断计算每张图片的即时宽度和高度,直到图片完全显示。设置好宽度和高度后,可以在浏览器返回的信息中预先保留要加载图片的宽度和高度,这样浏览器就可以腾出时间,同时下载其他图片。这就是为什么设置图片的宽度和高度可以略微提高页面打开速度的原因。
当然,总页数越大,页面图片数或网站图片总数越大,加载的变化越明显。其实CSS Sprites是将网页中的一些背景图片整合到一个图片文件中,然后利用CSS“背景-图像”、“背景-重复”、“背景-位置”的组合来定位背景。背景位置可以用数字准确定位背景图片的位置。这样可以尽可能减少图片的数量,从而减少图片对服务器的请求数量,加快页面的加载速度。