联系我们

公司名称:

上海特蓝信息科技有限公司

网  址:

www.seo-cn.cn

邮  箱:

service@chinasva.cn

公司电话:

021-54257683 021-54256069

总部地址:

上海市莘建东路58号绿地科技岛2号楼(A座)1208

SEO网站优化-相关文章

您当前所在位置:首页 > SEO网站优化

进行网站图片优化小技巧 发布日期:2013/10/15 阅读次数:806次


  如果你运营在线商城又或是大型电商网站,图片优化是你必须要掌握的。不仅仅是从吸引潜在消费者,还是增加图片搜索流量,又或是提升网站加载速度,图片优化扮演者非常关键的角色。但说到图片优化,很多传统意义上的SEO人会说,图片要加alt标签,图片要压缩…这样的粗线条显然是不行的。

  1. 用结构化数据写产品图片ALT

  我们很容易使用照相机默认的图片编号当做图片们的命名,这样的话对于搜索引擎来说,可能就没有办法辨识图片的内容,从而我们就失去了从图片搜索那块儿带来的流量,这是非常可惜的,特别是当你的产品有数以万计的话。通常我们可以制定结构化数据规则让技术人员设计程序批量替换图片的alt属性,而无需我们手工操作。

  我们要思考一下,访客的搜索习惯是什么?会搜索哪些关键词?最好可以再看一下谷歌统计里面的关键词数据,看看有无遗漏。基本上来说,访客更倾向于搜索品牌词+产品系列的词组组合和变化,那么alt标签的结构化规则就出来了,可以写为:alt=”{品牌词}{产品系列}-{产品型号}”。对于产品图片的描述来说,不建议写过多冗余内容,保持数据结构化,做到关键词辨识度高,关键词信息丰富就可以了,千万不要做关键词堆积。

  2. 关于大图的显示问题

  如果提供更大的图片让用户一目了然,这个思路很好,但要非常小心,不建议将大图直接放在网页上然后用css将图片缩小,虽然你看上去图片变小了,但是图片的尺寸还是实实在在存在的,这会影响加载速度。相反,你可以先放一张较小的图片,然后提供查看大图功能的选项,不管是点击弹出大图还是另外新页面显示,都ok。

  当然,还有一些人会把大图切成一张张小图做拼接,这样做可以让图片快速显示,但同时一张图片切成小图之后,服务器的请求数会增加,从而会影响网页加载速度。所以,如果图片的体积实在过大的话,建议为图片专门配置新服务器。

  3. 图片文件应该多大?

  有些理论说图片的大小应该保持在70kb以下,不过这个有时候是很困难的,特别对于大图片来说几乎是不可能的,除非你不求清晰度。我个人倒是觉得,不要用一个标准去限制每一张图片的大小,关键在于,我们有没有去执行,有没有看到我这篇博文后去真正压缩图片,这才是关键。

  4. 用对图片格式

  目前有三种非常流行的图片格式,他们是JPEG,GIF,和PNG。

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

  当我们选择图片格式时,如下一些tips供大家参考,

  对于电商网站来说,产品图片的质量要求极高,JPEGs毫无疑问是首选,他们有相对高质量的图片显示且不会占用太大的体积。绝对不要用GIFs来当做产品大图。不然的话文件尺寸会非常大,也没有很好的办法去压缩它(一压缩就失真)。可以用GIFs做动画或是装饰性小图。

  PNG可以作为JPEGs和GIFS的替代,如果你想把产品图片做成PNG格式,尽量用PNG-8而非PNG-24。PNGs同时也擅长处理简单地装饰图而只需很小的体积,PNG将会变得越来越流行。

  5. 正确看待缩略图

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

  缩略图很棒,但是要小心,他们可能是你网站的速度杀手。他们通常会出现在关键的购物流程之中,若因此影响了购物流程的流畅性,额… 那你就可能又损失了一个顾客。关于缩略图,我个人有如下两点建议:

  尽可能压缩缩略图体积,缩略图的图片不要过高的追求显示质量,当用户点击到下一层详情页面的时候再给他一张高质量的图片。尽量不要为缩略图设置alt标签,通常我们并不希望搜索引擎索引的是缩略图而应是产品详情页的高质量原图。

  6. 留心装饰性图片

  非产品类的图片比如背景图、按钮图,边框图等都可算作装饰图,作为一个优化者,你需要仔细去检查这些图片的体积是否过大,是否会影响网站载入速度。