假如你运营在线商城又或是大型电商网站，图片优化是你必须要掌握的。不仅仅是从吸引潜在消耗者，照旧增长图片搜索流量，又或是提拔网站加载速度，图片优化扮演者特别很是关键的角色。但说到图片优化，许多传统意义上的SEO人会说，图片要加alt标签，图片要压缩…如许的粗线条显然是不行的。今天我就和大家深入分享一下图片优化必须了解的8个知识点。
1. 用结构化数据写产品图片ALT
我们很容易使用照相机默认的图片编号当做图片们的命名，如许的话对于搜索引擎来说，可能就没有办法辨识图片的内容，从而我们就失去了从图片搜索那块儿带来的流量，这是特别很是可惜的，分外是当你的产品稀有以万计的话。通常我们可以制订结构化数据规则让技术人员设计程序批量替代图片的alt属性，而无需我们手工操作。
我们要思考一下，访客的搜索风俗是什么？会搜索哪些关键词？最好可以再看一下谷歌统计里面的关键词数据，看看有无遗漏。基本上来说，访客更倾向于搜索品牌词+产品系列的词组组合和转变，那么alt标签的结构化规则就出来了，可以写为：alt=”{品牌词}{产品系列}-{产品型号}”。对于产品图片的描述来说，不建议写过多冗余内容，保持数据结构化，做到关键词辨识度高，关键词信息雄厚就可以了，万万不要做关键词堆积。
2. 图片拍摄角度题目
基本上拍摄产品照片不会只拍一个角度，访客一定不会知足于只有一张正面照，多角度的去展示图片才能更好的吸引访客在你的网站上停顿更多的时间，才可以去激提议他们的购买欲望，所以天然必要拍摄物体的正面，背面，侧面，细节等等，这个时候如何写alt标签？
最好的方法也是保持alt标签的结构化，继续主图的格式，万万不要去给这些图片一个全新的写法，精确的写法如下，
- alt={品牌词}{产品系列}-{产品型号}-正面
- alt={品牌词}{产品系列}-{产品型号}-背面
- alt={品牌词}{产品系列}-{产品型号}-侧面
保持骨干“{品牌词}{产品系列}-{产品型号}”不变，可以让搜索引擎充分确认当前图片系列或是页面就是关于那个关键词，从而让这些图片被图片搜索引擎搜索到的几率大大增长。单枪匹马肯定倒下。
3. 关于大图的表现题目
假如你盼望提供更大的图片让用户爽一下，这个思路很好，但要特别很是警惕，不建议将大图直接放在网页上然后用css将图片缩小，虽然你看上去图片变小了，但是图片的尺寸照旧实实在在存在的，这会影响加载速度。相反，你可以先放一张较小的图片，然后提供查看大图功能的选项，不管是点击弹出大图照旧另外新页面表现，都ok。
当然，还有一些人会把大图切成一张张小图做拼接，如许做可以让图片快速表现，但同时一张图片切成小图之后，服务器的请求数会增长，从而会影响网页加载速度。所以，假如图片的体积实在过大的话，建议为图片专门配置新服务器。
4. 给图片减减肥
先看看这些数据，
- 大部分台式机或是笔记本用户不会等待超过3秒的网站加载速度
- 在移动设备上不会等待超过5秒钟
- 亚马逊发现假如他们的网站加载速度慢了1秒钟，他们一年将损失16亿美元
- 搜索引擎将网站加载速度列入了排名算法之中
假如你大量的网站图片特别很是痴肥，这将紧张影响网站加载速度，假如超过10秒钟，那你等着和你的客户说bye bye把。
图片文件应该多大？
有些理论说图片的大小应该保持在70kb以下，不过这个偶然候是很困难的，分外对于大图片来说几乎是不可能的，除非你不求清晰度。我小我倒是觉得，不要用一个标准去限定每一张图片的大小，关键在于，我们有没有去实行，有没有看到我这篇博文后去真正压缩图片，这才是关键。
5. 用对图片格式
目前有三种特别很是流行的图片格式，他们是JPEG，GIF，和PNG。让我们来看看他们有何不同，
- JPEG (或者说 .jpg) 是最常用的图片压缩格式，支撑最高级别的压缩。通常，对于表现要求比较高的图片来说，JPEG格式展示的图片结果较GIF和PNG有显明的上风。
- GIFs (.gif) 的图片表现质量要比JPEGs逊色许多，通常用作特别很是简单的图片展示，比如素材或者装饰性图案，gif也可以用来制作动画。gif不适合用作高表现质量的图片。
- PNG图片是比gif更好的选择，由于PNG图片支撑的色彩要比GIFs多。此外，和JPEG一样，PNG反复保存也不会影响图片质量，而且对于小图来说，PNG占用的体积极小，PNG完善支撑透明背景，所以一样平常logo或一样平常装饰性图案都会选择PHG格式。细致PNG-24图片体积要超3倍地大于同样情况下的PNG-8版本，对待PNG你要十分警惕，看细心了。
通过对比雷同体积下（都是24kb）不同格式的图片表现结果，经过测试可以看到，JPEG 是获胜者，在同样的体积下，GIFs和PNGs必须以捐躯图片质量为代价。不过话又说回来，假如对于特别很是小的图片来说（比如小于5K），PNG是比较好的选择，相比GIF，PNG可以在体积很小的情况下依然不会让图片失真。
当我们选择图片格式时，如下一些tips供大家参考，
- 对于电商网站来说，产品图片的质量要求极高，JPEGs毫无疑问是首选，他们有相对高质量的图片表现且不会占用太大的体积。
- 绝对不要用GIFs来当做产品大图。不然的话文件尺寸会特别很是大，也没有很好的办法去压缩它（一压缩就失真）。可以用GIFs做动画或是装饰性小图。
- PNG可以作为JPEGs和GIFS的替换，假如你想把产品图片做成PNG格式，尽量用PNG-8而非PNG-24。PNGs同时也擅甜头理简单地装饰图而只需很小的体积，PNG将会变得越来越流行。
顺便提一句，大部分的图片编辑软件可以转换以上三种情势的图片格式。
6. 精确看待缩略图
大部分电商网站都有缩略图展示，它可以让访客敏捷的扫描到尽可能多的商品样式而不必要再去点击一个额外的页面。
缩略图很棒，但是要警惕，他们可能是你网站的速度杀手。他们通常会出如今关键的购物流程之中，若因此影响了购物流程的流畅性，额… 那你就可能又损失了一个顾客。关于缩略图，我小我有如下两点建议：
- 尽可能压缩缩略图体积，缩略图的图片不要过高的寻求表现质量，当用户点击到下一层详情页面的时候再给他一张高质量的图片。
- 尽量不要为缩略图设置alt标签，通常我们并不盼望搜索引擎索引的是缩略图而应是产品详情页的高质量原图。
7. 使用图片地图
假如你的网站用JS做图片结果来更好的提拔用户体验，你是否忧虑图片是否还能收录？当然通常来说蜘蛛是不会爬取不表现在源代码里面的图片文件的，但是谷歌对于这点已经很有经验了，通过图片地图的提交，即把图片地址一个个老忠实实地列出来，搜索引擎就可以爬行了。
对于图片地图，我就不多说了，由于谷歌有很多引导文档来帮助你提拔图片的搜索排名，看这里。
8. 留心装饰性图片
非产品类的图片比如背景图、按钮图，边框图等都可算作装饰图，作为一个优化者，你必要细心去检查这些图片的体积是否过大，是否会影响网站载入速度。
这里有一些关于如何压缩装饰图的建议：
- 假如只是一些边框类的、或是简单的样式图片，使用PNG-8或者GIFs，你可以创建特别很是悦目的图片并且只占几百bytes的体积。
- 假如可能的话，尽量使用css来创建一些特别结果，而非图片。
- 不建议为网站设置背景图片，假如肯定要有的话，在保证清晰度的前提下最大程度去压缩体积。你还可以把背景图当中镂空或保持透明来压缩体积。
好了，今天关于图片优化我就分享到这里，大家有无更好地建议？期待您的留言，咱们一路探究共同提高。
来源：投稿，作者: Fimen，原文链接。
