研究表明,如果电子商务网站的加载速度低于预期,超过45%的访问者将放弃购买。图片是否优化决定了网站的开放速度。在这里,我们介绍了8种图像优化技巧,以帮助提高您网站的用户体验。
1.使用简单直接的图像名称
对于图像优化来说,创建一个具有描述性和丰富关键字的文件名是非常重要的,因为搜索引擎不仅会在你的网页上捕获文本,还会捕获你的图片文件名。
在命名图片时,除了准确描述图片内容外,还要考虑消费者的搜索习惯。如果他们想找到这个产品,他们会使用什么常用词来搜索?
2.设置合理的alt属性
当浏览器无法正确显示图像时,Alt属性将发挥作用,它将用设置的文本内容代替空缺图像。Alt属性也为网站SEO增加了价值,有助于提高搜索排名。
在填写Alt属性时,应遵循以下原则:
①用简单的语言描述图像,就像命名图像文件一样。
②在Alt属性中添加商品型号或序列号。
③不要在Alt属性中堆叠关键字。
④Alt属性(如装饰元素图)不应添加到没有实质意义的图像中。
3.多角度展示商品
多角度显示的商品地图通常可以提高消费者需求点的命中率。但不要将这些多角度的图片设置为大图片,因为它会增加页面的加载时间。但您可以为这些小图片设置链接或弹出窗口,以显示相应的大图片。
4.优化图像大小
亚马逊发现,如果页面加载速度较慢,将损失16亿美元。谷歌还将页面加载时间作为排名因素。
减少图像文件大小的常用方法是使用Photoshop中的“另存为Web”命令,然后调整参数,以尽可能压缩图像。当然,在调整大小时,请注意保持图像质量。
参数设置包括降低右上角图像质量,设置JPEG文件格式,检查“优化”,检查“转换为SRGB”,降低右下角图像大小的百分比,最后检查左下角文件大小是否达到预期(如商品图一般在100k以内)。
5.选择正确的图像格式
常见的图像格式有JPEG、GIF和PNG。其中,JPEG可以在有限的大小下显示最清晰的图像;GIF可以提供动态变化图像;PNG可以显示最高质量的图像,但高质量的图像也对应于更大的内存占用。
因此,大多数卖家会选择JPEG(或.jpg)格式图像作为其商品图,因为它可以以最小的文件大小呈现出最佳质量的图像。
当您使用PNG格式图像时,也要注意使用PNG-8,而不是PNG-24,因为后者的文件大小是前者的三倍。
6.优化缩略图
对于产品丰富的网站页面,通常使用大量的缩略图来减少整个页面的内存大小。我们需要做的优化主要涉及两个方面,一个是尽可能压缩图像大小,另一个是设置合理的Alt属性,以增加同一产品中不同图片之间的区别。、
7.使用图片站点地图
网络爬虫无法爬上网页源代码中没有特殊标记的图片。因此,为了让爬虫识别您的图像,您需要在图像中的网站中列出它们的位置。您可以通过2Cshop的背景将网站地图上传到网站或使用search Console将网站地图提交给谷歌。这些都有助于谷歌捕捉你的网站图片,优化网页质量和排名。
8.优化装饰图像
除了必要的产品图和标志外,网站还有一些装饰元素图。如果这些图片占用了太多的内存,它们也会减慢网页的加载速度。那么如何优化它们呢?
①将构成边框的简单图案设置为PNG-8格式。
②尽可能多地使用CSS风格代码来代替背景或装饰图。
③在不破坏质量的情况下,检查所有背景图片并尽可能压缩它们。
图像是整个页面文件的最大贡献者。据统计,未优化的图像平均占网站总尺寸的75%,这使得页面加载非常缓慢。此外,如果页面速度延迟2秒,跳出率将提高103%。如果你知道这一点,你现在可以根据这8个技能逐一调查和优化网站图片。
优化图像大小 优化缩略图 优化装饰图像 使用图片站点地图 使用简洁直接的图像名称 多角度展示商品 属性 设置合理的alt 选择正确的图像格式