怎样进行图片 化
 

 　　如果你运营在线商城又或是大型电商网站，图片 化是你 须要掌握的。不 是从吸引潜在消费者，还是增加图片搜索流量，又或是提升网站加载速度，图片 化扮演者 关键的角色。但说到图片 化，很多传统意义 的SEO人会说，图片要加alt标签，图片要压缩…这样的粗线条显然是不行的。今天徐州SEO就和大家深入分享 下图片 化 须了解的8个知识点。

 
　　1. 用结构化数据写产品图片ALT
 
　　我们很容易使用照相机默认的图片编号当做图片们的命名，这样的话对于搜索引擎来说，可能就没有办法辨识图片的内容，从而我们就失去了从图片搜索那块儿带来的流量，这是 可惜的， 别是当你的产品有数以万计的话。通常我们可以制定结构化数据规则让技术人员设计程序批量替换图片的alt属性，而 需我们手工操作。
 
　　我们要思考 下，访客的搜索习惯是什么？会搜索哪些关键词？ 可以再看 下谷歌统计里面的关键词数据，看看有 遗漏。基本 来说，访客 倾向于搜索品牌词+产品系列的词组组合和变化，那么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做图片效果来 的提升用户体验，你是否担心图片是否还能收录？当然通常来说蜘蛛是不会爬取不显示在源代码里面的图片文件的，但是谷歌对于这点已 很有 验了，通过图片地图的提交，即把图片地址 个个老老实实地列出来，搜索引擎就可以爬行了。
 
　　对于图片地图，我就不多说了，因为谷歌有许多指导文档来帮助你提升图片的搜索排名，看这里。
 
　　8. 留心装饰性图片
 
　　 产品类的图片 如背景图、按钮图，边框图等都可算作装饰图，作为 个 化者，你需要仔细去检查这些图片的体积是否过大，是否会影响网站载入速度。
 
　　这里有 些关于如何压缩装饰图的建议：
 
如果 是 些边框类的、或是简单的样式图片，使用PNG-8或者GIFs，你可以创建 看的图片并且 占几 bytes的体积。
如果可能的话，尽量使用css来创建 些 殊效果，而 图片。
不建议为网站设置背景图片，如果 定要有的话，在保证清晰度的 提下 大程度去压缩体积。你还可以把背景图当中镂空或保持透明来压缩体积。