对于一个成功的电子商务网站来说,高质量的图片是不需要动脑筋的。为了进行销售,客户显然会对他们要购买的东西有一个清晰的认识。然而,并不是所有高质量的照片都有同样的效果。有些商务图片可能会因为过低的加载速度,从而损害你在网上赚钱的前景。
很好 —— 但不是特别好
2017年 Gomez.com 和Akami.com, 的网站数据显示,如果你的网站加载时间超过三秒,你可能会损失多达一半的访问者。更好地优化网站照片将有助于提高你的页面在搜索引擎页面的排名 (SERP), 因为谷歌的算法优先考虑哪些图片加载速度快的网站,而平衡快速加载照片需求的方法则需要精确的图片优化。
下面,我们将告诉您实现这一目标需要了解的主要事项,以及如果您希望获得取悦客户和提升搜索页面排名的最佳机会,您应该明智地遵循的其他建议。准备好了吗?让我们开始吧!
页面大小合适!
把最高质量的照片放在你的网站上似乎是常识——这对你的客户来说太好了,对吧?但事实上,这样做很容易做得过火。当我们在这里谈论大小时,我们指的是文件大小和屏幕上的显示尺寸。您需要找到这两种页面的正确组合,这样页面才能像风一样快速加载。要找到图片的最佳尺寸,请搜索电子商务网站的图片模板信息。 Shopify 上显示2048 x 2048像素的图片看起来最好。现在你要找到最佳分辨率(每平方英寸像素数)…
如果你使用 Photoshop, 那操作相当容易。“save for web(保存到网页)”命令允许您在确保图片质量足够的同时调整图片文件大小。单击“optimization(优化)”按钮或调整颜色、质量、缩小和锐化。如果你不是Photoshop用户,你可以使用免费服务如 PicMonkey, PIXLR和 Canva可画。. 你希望将图片大小保持在70KB以下,以确保它们能及时加载。这可能是一个挑战——确保以正确的格式保存文件将使你的工作变得更轻松。
正确的格式
您可能知道,有两种主要的文件类型可以在网页上保存静态图片:JPEG和PNG。这两者在技术上有一些不同,但是出于电子商务的目的,你需要知道的主要一点是JPEG可以被压缩。它们体积更小,加载速度更快,所以可以在产品拍摄中使用它们——以及几乎所有其他东西。PNG只能用于部分透明的图片和屏幕截图之类的东西。
自动化
正如您所料,勤奋的软件开发人员已经找到了一种方法,可以通过软件进一步优化图片,而不会影响图片质量。 Webresizer 声称,它可以减少68%的文件大小,因为它可以为您在线调整图片大小。 TinyPNG 允许你同时处理多达20张图片,并使用巧妙的技术去除人眼看不见的颜色。如果你使用WordPress, WPSmush 会自动为你压缩和调整所有网站图片的大小。
Alt排名
提高搜索引擎排名的最佳机会是确保填写HTML代码中的 alt属性文本。这是干什么用的呢?嗯,如果浏览器无法加载图片,它将遵循此操作。谷歌搜索alt属性,寻找相关关键字。这使您有机会思考客户在购买相关产品时搜索的内容。答案可以在你的数据分析中找到。如果你的网站访问者正在寻找“红色皮革泵扣”,那么你的ALT属性想要看起来像或者你可以使用文件名来描述你所看到的。这样做,你可以提高你得网站排名。正如别人所说,每一点帮助都能有所收获。
你只需要为产品图片而不是装饰图片填写alt文本。除了提升SERP定位,你还将帮助那些依赖网络可访问性的人。
名字里有什么?
从上面可以看出,您还可以为图片文件命名。这远比简单地用相机提供的文件名(比如1634. jpg)将照片上传到他们的网站要好得多。那是因为“红色皮革鞋扣.jpg”包含对网络爬虫有用的信息。
缩略法则
看看你的缩图,它很小,缩略图也是如此。但是你的页面上可能有很多这样的文件,所以你需要尽可能小的文件大小来帮助快速加载页面。尺寸微小比文件质量更重要。最好避免使用alt属性文本,否则最终可能会使用谷歌索引你的缩略图。
在你的站点地图上加上图片
站点地图对于任何电子商务网站来说都是必不可少的,因为它们允许搜索引擎网络爬虫(如谷歌机器人)在你的网站上找到自己的路径。或者, 正如谷歌所说: “站点地图是一个文件,你可以在其中列出你网站的网页,告诉谷歌和其他搜索引擎你网站内容的组织。”该文件是一个xml列表,列出了你网站上的内容,其中应该包括你的图片,以便搜索引擎更容易找到。你可以在 这里找到一些样片。
有关放置在站点地图中的图片的信息可以包括标题、说明、标题和许可证。但它绝对必须包含图片所在的URL。信息越多越好。自动站点地图生成器(如 XML Sitemaps)将为您完成这项工作,但您可能需要付费才能获得包含的图片。
我做得怎么样?
一旦你对我们推荐的电子商务图片进行了所有优化,请转到谷歌工具 PageSpeed 。在框中弹出你的URL,软件将为你的网站提供快速排名。如果您有工作要做,PageSpeed会在“可能的优化”部分告诉您需要进一步“优化图片”。
我们希望本文能帮助您提高网店的性能。如果您认为我们缺少本文中可能包含的内容或希望提供反馈,请随时联系我们!在社交媒体上或通过此处的联系方式向我们发送消息。
评论
目前尚无评论。