18986266083 联系电话

当前位置:主页 > 行业资讯 > SEO >

浅析电商网站图片优化的技巧

文章来源:小象慢跑 发布时期:2018-05-16
  假如你运营在线商城又或是大型电商网站,图片优化是你必须要把握的。不仅仅是从招引潜在消费者,仍是添加图片查找流量,又或是提高网站加载速度,图片优化扮演者十分要害的人物。但说到图片优化,许多传统意义上的SEO人会说,图片要加alt标签,图片要紧缩…这样的粗线条显然是不可的。

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

  咱们很简略运用照相机默许的图片编号作为图片们的命名,这样的话关于查找引擎来说,可能就没有办法辨识图片的内容,从而咱们就失去了从图片查找那块儿带来的流量,这是十分惋惜的,特别是当你的产品有数以万计的话。一般咱们能够拟定结构化数据规矩让技术人员规划程序批量替换图片的alt特点,而无需咱们手工操作。

  关于产品图片的描述来说,不主张写过多冗余内容,坚持数据结构化,做到要害词辨识度高,要害词信息丰厚就能够了,千万不要做要害词堆积。


  2、图片拍照角度问题

  基本上拍照产品相片不会只拍一个角度,访客必定不会满足于只要一张正面照,多角度的去展现才能更好的招引访客在你的网站上停留更多的时刻,这个时分如何写alt标签?

  最好的办法也是坚持alt标签的结构化,承继主图的格局,千万不要去给这些图片一个全新的写法。

  3、关于大图的显现问题

  假如你期望供给更大的图片让用户爽一下,这个思路很好,但要十分当心,不主张将大图直接放在网页上然后用css将图片缩小,虽然你看上去图片变小了,可是图片的尺度仍是实真实在存在的,这会影响加载速度。相反,你能够先放一张较小的图片,然后供给查看大图功用的选项,不管是点击弹出大图仍是其他新页面显现。

  当然,还有一些人会把大图切成一张张小图做拼接,这样做能够让图片快速显现,但一起一张图片切成小图之后,服务器的请求数会添加,从而会影响网页加载速度。所以,假如图片的体积真实过大的话,主张为图片专门装备新服务器。

  4、给图片减减肥

  假如你许多的网站图片十分臃肿,这将严重影响网站加载速度,假如超越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你要十分当心,看仔细了。

  6、正确看待缩略图

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

  缩略图很棒,可是要当心,他们可能是你网站的速度杀手。他们一般会出现在要害的购物流程之中,若因而影响了购物流程的流畅性,额… 就可能又丢失了一个顾客。

  尽可能紧缩缩略图体积,缩略图的图片不要过高的寻求显现质量,当用户点击到下一层详情页面的时分再给他一张高质量的图片。

  尽量不要为缩略图设置alt标签,一般咱们并不期望查找引擎索引的是缩略图而应是产品详情页的高质量原图。

  7、运用图片地图

  假如你的网站用JS做图片作用来更好的提高用户体会,你是否忧虑图片是否还能收录?当然一般来说蜘蛛是不会爬取不显现在源代码里边的图片文件的,可是谷歌关于这点已经很有经验了,经过图片地图的提交,即把图片地址一个个老老实实地列出来,查找引擎就能够爬行了。

  8、留神装饰性图片

  假如仅仅一些边框类的、或是简略的款式图片,运用PNG-8或许GIFs,你能够创立十分美观的图片而且只占几百bytes的体积。

  假如可能的话,尽量运用css来创立一些特殊作用,而非图片。

  不主张为网站设置背景图片,假如必定要有的话,在保证清晰度的前提下最大程度去紧缩体积。还能够把背景图傍边镂空或坚持通明来紧缩体积。




阅读推荐:企业建站如何选择建站系统?