假如你运营在线商城又或是大型电商网站，图像优化是你必需要把握的。不仅仅是从招引潜在消费者，仍是添加图像查找流量，又或是提高网站加载速度，图像优化扮演者十分要害的人物。但提到图像优化，很多传统意义上的SEO人会说，图像要加alt标签，图像要紧缩…这么的粗线条显然是不可的。今日我就和我们深入共享一下图像优化必须了解的8个知识点。
1. 用结构化数据写商品图像ALT
我们很容易运用照相机默许的图像编号作为图像们的命名，这么的话对于查找引擎来说，也许就没有方法辨识图像的内容，然后我们就失去了从图像查找那块儿带来的流量，这是十分惋惜的，格外是当你的商品有数以万计的话。通常我们能够拟定结构化数据规矩让技术人员设计程序批量更换图像的alt特点，而无需我们手工操作。
我们要考虑一下，访客的查找习气是什么？会查找哪些要害词？最佳能够再看一下google统计里边的要害词数据，看看有无遗失。基本上来说，访客更倾向于查找品牌词+商品系列的词组组合和变化，那么alt标签的结构化规矩就出来了，能够写为：alt=”{品牌词}{商品系列}-{商品型号}”。对于商品图像的描绘来说，不主张写过多冗余内容，坚持数据结构化，做到要害词辨识度高，要害词信息丰厚就能够了，千万不要做要害词堆积。
2. 图像拍照视点疑问
基本上拍照商品相片不会只拍一个视点，访客必定不会满足于只有一张正面照，多视点的去展现图像才干十分好的招引访客在你的网站上逗留更多的时刻，才干够去激发起他们的采购愿望，所以天然需要拍照物体的正面，反面，旁边面，细节等等，这个时分怎么写alt标签？
最佳的方法也是坚持alt标签的结构化，承继主图的格局，千万不要去给这些图像一个全新的写法，正确的写法如下，
alt={品牌词}{商品系列}-{商品型号}-正面
alt={品牌词}{商品系列}-{商品型号}-反面
alt={品牌词}{商品系列}-{商品型号}-旁边面
坚持骨干“{品牌词}{商品系列}-{商品型号}”不变，能够让查找引擎充沛承认当时图像系列或是页面就是对于那个要害词，然后让这些图像被图像查找引擎查找到的几率大大添加。单枪匹马必定倒下。
3. 对于大图的显现疑问
假如你期望供给更大的图像让用户爽一下，这个思路极好，但要十分当心，不主张将大图直接放在页面上然后用css将图像减小，尽管你看上去图像变小了，可是图像的尺度仍是实实在在存在的，这会影响加载速度。相反，你能够先放一张较小的图像，然后供给查看大图功能的选项，不管是点击弹出大图仍是另外新页面显现，都ok。
当然，还有一些人会把大图切成一张张小图做拼接，这么做能够让图像疾速显现，但一同一张图像切成小图以后，服务器的请求数会添加，然后会影响页面加载速度。所以，假如图像的体积实在过大的话，主张为图像专门装备新服务器。
4. 给图像减减肥
先看看这些数据，
大多数台式机或是笔记本用户不会等候超越3秒的网站加载速度
…在移动设备上不会等候超越5秒钟
亚马逊发现假如他们的网站加载速度慢了1秒钟，他们一年将丢失16亿美元
查找引擎将网站加载速度列入了排行算法傍边
假如你很多的网站图像十分臃肿，这将严重影响网站加载速度，假如超越10秒钟，那你等着和你的客户说byebye把。
图像文件应当多大？
有些理论说图像的巨细应当坚持在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做图像作用来十分好的提高用户体会，你是不是忧虑图像是不是还能录入？当然通常来说蜘蛛是不会爬取不显现在源代码里边的图像文件的，可是google对于这点现已很有经历了，经过图像地图的提交，即把图像地址一个个老老实实地列出来，查找引擎就能够爬行了。
对于图像地图，我就不多说了，由于google有很多指导文档来协助你提高图像的查找排行，看这儿。
8. 留神装修性图像
非商品类的图像比方布景图、按钮图，边框图等都可算作装修图，作为一个优化者，你需要仔细去查看这些图像的体积是不是过大，是不是会影响网站载入速度。
假如只是一些边框类的、或是简略的款式图像，运用PNG-8或许GIFs，你能够创立十分好看的图像而且只占几百bytes的体积。
假如也许的话，尽量运用css来创立一些特殊作用，而非图像。不主张为网站设置布景图像，假如必定要有的话，在保证清晰度的前提下最大程度去紧缩体积。你还能够把布景图傍边镂空或坚持通明来紧缩体积。
好了，今日对于图像优化我就共享到这儿，我们有无十分好地主张？等待您的留言，我们一同讨论共同进步。
