在网站优化的时候，不仅仅是文字内容，图片也是优化的一个重点，特别是对于在线商城或者大型电商网站，因为网站内容图片居多。

图片优化的好处有很多，不管是为了吸引潜在用户，还是增加图片搜索流量，又或是提升网站加载速度，图片优化都扮演着重要的角色，所以图片优化是任意一个seoer都必须掌握的。

今天小杰就给大家分享一下优化图片须知的8个小技巧。

一般情况下，我们很容易就会使用照相机的默认图片编号作为图片的命名，往往都是英文+数字的形式，对于搜索引擎来说，根本就无法识别图片的内容，从而失去从图片搜索而来的流量。

那么怎么抒写图片的ALT信息，更加便于用户搜索呢？举个例子：

小杰找张手表的图片，型号为“爱彼-皇家橡树离岸型系列 26378IO.OO 男士机械表”，而我们要做的首先是思考访客的搜索习惯，并整理下来。在这个例子里面，AP手表爱好者会搜索如下短语：

ap皇家橡树

爱彼皇家橡树

爱彼橡树离岸

爱彼离岸

基本上来说，访客更倾向于搜索品牌词+产品系列的词组组合和变化，那么alt标签的结构化规则就出来了，可以写为：alt=”{品牌词}{产品系列}-{产品型号}”，即为“爱彼AP-皇家橡树离岸系列-26378IO.OO”。

小结： 对于产品图片的描述来说，不建议写过多冗余内容，保持数据结构化，做到关键词辨识度高，关键词信息丰富就可以了，千万不要做关键词堆积。

在电商网站的时候，一件产品不会仅有一张图片，如上面的手表，往往我们还需要多角度的去展示，一能吸引客户在网站停留更多的时间，二也能激发客户对产品的购买欲望。但不能每个图片的ALT描述都一样啊，那该怎么写呢？

最好的方法也是保持alt标签的结构化，继承主图的格式，按照拍摄的部位不同命名，千万不要去给这些图片一个全新的写法，正确的写法如下：

爱彼AP-皇家橡树离岸系列-26378IO.OO-正面

爱彼AP-皇家橡树离岸系列-26378IO.OO-后盖

爱彼AP-皇家橡树离岸系列-26378IO.OO-侧面

爱彼AP-皇家橡树离岸系列-26378IO.OO-表盘

保持主干不变的好处，在于可以让搜索引擎充分确认当前图片系列或是页面就是关于那个关键词，从而让这些图片被图片搜索引擎搜索到的几率大大增加。

更加清晰的大图，对于用户来说无疑诱惑力更大，也更能展现你产品的优势，但千万注意，不要直接把大图放在网页上然后用css缩小。尽管看起来变小，但实际尺寸却没变，这样子做会影响加载速度的。

当然，还有一些人会把大图切成一张张小图做拼接，这样做可以让图片快速显示，但同时一张图片切成小图之后，服务器的请求数会增加，从而会影响网页加载速度。

解决办法： 建议先放一张较小的图片，然后提供查看大图功能的选项，不管是点击弹出大图还是另外新页面显示，都ok。

数据表示：大部分电脑端用户不会等待超过3秒的加载速度，在移动设备上也不会等待超过5秒钟，而如果网站上的大量图片非常臃肿的话，会严重影响网站的加载速度，结果就是你可以和客户say byebye 了。

解决方法：

一.从硬件出发，选择新的空间或者配置外置服务器。 换一个更好的空间，会加快网站的速度；而为图片另外配置外置服务器，一样是这种道理。

二.从本身出发，压缩要上传的图片。 图片越小，加载速度自然越快，但要注意图片清晰度的问题。

图片格式目前有三种非常流行的图片格式，他们是JPEG，GIF，和PNG。让我们来看看他们有何不同：

JPEG (或者说 .jpg) 是最常用的图片压缩格式，支持最高级别的压缩。通常，对于显示要求比较高的图片来说，JPEG格式展示的图片效果较GIF和PNG有明显的优势。

GIFs (.gif) 的图片显示质量要比JPEGs逊色很多，通常用作非常简单的图片展示，比如素材或者装饰性图案，gif也可以用来制作动画。gif不适合用作高显示质量的图片。

PNG图片是比gif更好的选择，因为PNG图片支持的色彩要比GIFs多。此外，和JPEG一样，PNG反复保存也不会影响图片质量，而且对于小图来说，PNG占用的体积极小，PNG完美支持透明背景，所以一般logo或一般装饰性图案都会选择PHG格式。

如下是一个例子，通过对比相同体积下(都是24kb)不同格式的图片显示效果：

你可以很清楚的看到，JPEG 很显然是获胜者，在同样的体积下，GIFs和PNGs必须以牺牲图片质量为代价。不过话又说回来，如果对于非常小的图片来说(比如小于5K)，PNG是比较好的选择，相比GIF，PNG可以在体积很小的情况下依然不会让图片失真。

大部分电商网站都有缩略图展示，它可以让访客迅速的扫描到尽可能多的商品样式而不需要再去点击一个额外的页面。

也正因为这样，缩略图的好坏就如同文章的标题一般，直接决定你的打开率。对于缩略图，小杰有2点建议：

1.尽可能压缩缩略图体积，缩略图的图片不要过高的追求显示质量，当用户点击到下一层详情页面的时候再给他一张高质量的图片。

2.尽量不要为缩略图设置alt标签，通常我们并不希望搜索引擎索引的是缩略图而应是产品详情页的高质量原图。

这条小技巧主要是服务谷歌用户的，因为就目前的百度蜘蛛一般是不会抓取不显示在源代码的文件的，而谷歌则在这方面很有经验。

通过谷歌站长工具，图片地图的提交，把图片地址一一列出来就可以了。

任何非产品类的图片都可以称之为装饰性的图片，如背景图、按钮图、边框图等，而我们优化时需要注意这些图片是否过大。

关于装饰性图片的建议：

如果只是一些边框类的、或是简单的样式图片，使用PNG-8或者GIFs，你可以创建非常好看的图片并且只占几百bytes的体积。

如果可能的话，尽量使用css来创建一些特殊效果，而非图片。

不建议为网站设置背景图片，如果一定要有的话，在保证清晰度的前提下最大程度去压缩体积。你还可以把背景图当中镂空或保持透明来压缩体积。

分享到此结束，希望能够帮上你的忙。期待你的点赞和留言，让咱们探讨探讨。

来源：微信公众号“杰作教育”