完整的电子商务图像优化指南 2023

已发表: 2022-11-04

介绍

营销是在市场中发现问题，然后将解决方案出售给客户。换句话说，它是关于创建和传播对问题的认识。在创造意识的同时，重要的是要考虑到您作为营销人员正在与正确的消费者进行交流。

搜索引擎优化对于通过找到合适的受众来增加网站流量至关重要。 SEO有助于对由搜索查询驱动的搜索结果中的内容进行排名。它由三个组件组成。

页面搜索引擎优化
站外搜索引擎优化
技术的

On-Page SEO 涵盖页面上存在的内容。图片是页面搜索引擎优化的重要组成部分，也是网页流量和提高评级的绝佳媒介。

本指南的目的和目标是谁？

如果您使用谷歌管理在线内容，本指南适合您。本指南的学习成果如下：

学习搜索引擎优化的基础知识
了解在 Google 上优化图片的重要性
了解并了解在 Google 上优化网页和图片的技术要求
学习并了解优化图像的最佳实践

如果您通过 Google 搜索拥有、管理、获利或推广在线内容，则本指南适合您。您可能是一家蓬勃发展的企业的所有者、十几个网站的所有者、网络机构的 SEO 专家或对搜索机制充满热情的 DIY SEO 专家：本指南适合您。

如果您正在寻找根据 Google 的最佳实践更好地优化图像的技术的全面概述，那么您来对地方了。需要注意的重要一点是，本指南将揭示在 Google 中自动将您的网站排名第一的秘密。

但是，遵循最佳实践应该可以让搜索引擎更轻松地抓取、索引和理解您的内容。

图像优化

优化 Google 上的图片将帮助您提高转化率并将销售额提高多达 9%。它还将有助于增强用户体验。大约 10.1% 的谷歌搜索是图片。

图像也是一种发现内容的方式。在搜索图片时，用户可能还想了解图片提供的内容，这就是您为网页吸引更多流量的方式。

搜索引擎有一个限制：他们无法读取图像。相反，他们专注于图像的内容。正因为如此，图像的优化技术是必不可少的，这样用户才能通过图像搜索吸引更多的访问者。

谷歌图片对于内容的发现非常重要。数据显示，总体而言，谷歌 20% 的搜索是通过图片搜索发生的。此外，在 google 上对图像进行排名比对内容进行排名花费的时间更少。

访问图像可以在为您的网站带来流量方面发挥重要作用，因为它会使相关和重要的内容发现变得更容易。图像激发了用户对描述或背后故事的兴趣。

此外，优化图像对于增强用户体验也至关重要。加载速度直接受图像质量和大小的影响。如果页面加载时间更长，则访问者可能会从该页面跳出，从而提高跳出率。

谷歌也开始使用网站速度作为排名因素。您网站的性能会影响访问者的数量。

报告表明，未经优化的图像占据了高达 75% 的权重，从而导致糟糕的用户体验。

假设您正在尝试查找与您的问题相关的答案或内容。但是，如果您访问的网站需要很长时间才能加载，您有可能会跳到另一个网站。

另一方面，如果访问者在您的内容中看不到任何图像，他们也会放弃您的网站，从而使其变得糟糕且难以理解。

优化和添加有关产品的图像也将提高您的转化率，因为客户会了解产品的外观。

图像优化的 6 个基本技巧

作为网站所有者，您需要优化网页以获得更好的性能，如前所述。为了提高您网站的性能，您需要在用户体验、技术 SEO 和内容可读性等领域开展工作。

用户体验

创造更好的用户体验也可以提高网站的性能和排名。如果您网站的跳出率较高，则可能是您网站排名的负面因素。

根据 Google 的政策，自 2010 年以来，网站的性能一直是排名因素。更好的用户体验意味着用户根据自己的需求和搜索意图找到内容和网站。

以下 KPI 可以衡量用户体验：

会话率
跳出率
页数/每个会话。

谷歌分析将帮助您了解您网站的性能，以便您分析您的网站出了什么问题。

想要提升用户体验，首先要做的就是为人而写。 Google 的新更新要求您编写人们需要的内容。在页内、页外和技术三个方面进行优化。

一旦您为用户提供所需的内容，网站的分析就会得到改善。您可以通过 Google Console 或 Google Analytics 使用上述 KPI 跟踪您网站的性能。

通过添加数字、图表和图像来丰富您的内容。对于电子商务网站来说，图片和网站一样重要。在电子商务网站的情况下，如果图像不支持您的产品，那么就没有必要拥有一个网站。

该网站的主要目的是提供产品的视觉描述并向用户解释一个故事。此外，大多数用户发现借助图像进行解释时，内容很容易理解和记住。

谷歌建议内容创建者为用户而不是搜索引擎创建内容。遵循一些最佳实践可以提高图像的可见性。

网页内容的质量在 Google 图片上的图片排名中起着至关重要的作用。 Google 上的图片提供了更多背景信息，并使结果更具可操作性。页面上的内容会为图像生成文本片段，这些文本片段可以作为图像的排名因素。

通过使界面和网站对每台设备都用户友好，用户体验得到改善。报告表明，许多谷歌图片是通过移动设备而不是桌面搜索的。

如果用户难以访问内容或图像，跳出率很可能会增加。网页的性能与其排名之间存在直接关系。最高性能将提高网页上图像的排名。

用户友好的 URL 结构提高了网站的性能，因为 Google 使用图像的 URL 路径作为文件名来理解图像。

提高速度

正确应用图像优化技术来提高网站的速度。根据情况和使用情况，您应该相应地选择图像格式。有两种类型的图像格式矢量和光栅。

矢量适用于由简单几何形状组成的图像，例如徽标、文本或图标。矢量图像在每种分辨率下都能提供最佳效果，使其成为获得更好效果的理想格式。

但是，当谈到描述图像时，矢量图形就不够用了。对于图像，JPEG、JPG 或 WebP 等格式用于保存文件。这两种格式各有利弊，因为光栅图像不适合高分辨率要求。下图描述了 Raster 和 Vector 图像之间的结果

图像的优化没有确定的参数；相反，它是一组不同的技术来显示更好的结果。另一个重要因素是找到更好的像素尺寸和编码数据的最佳设置。

设置图像的尺寸时没有正确或错误的答案。这就是为什么需要仔细分析以找到最佳尺寸设置的原因。

但是，特定的电子商务网站已经根据他们放置图像的网站制定了规则。根据可用于图片的空间，这些网站会要求用户上传特定尺寸的图片。

理想网络性能的成功图像优化取决于使用最小的文件大小和最高质量的图像。这种组合有助于图像优化，从而提供最佳的 Web 性能。

替换文字属性

图像标签的结构如下：

数据显示，大约 90% 的 SEO 专家没有利用图像优化的一个重要方面，即在图像标签属性中使用“alt”文本。添加描述您的图像的关键字将有助于搜索引擎识别图像的使用意图。

使用屏幕阅读器或具有低带宽连接的人可以使用“alt”文本属性访问图像。我们已经为搜索引擎打下了基础，正如我们之前所讨论的，搜索引擎无法读取图像。他们依靠替代文本来更好地理解图像的描述。

重点应放在添加最能描述图像的有用且有价值的关键字上。 “alt”属性对于搜索查询结果至关重要。这就是为什么避免关键字填充可能会导致糟糕的用户体验。根据 W3 的指南调整替代文本至关重要。以下是不良和良好图像标签和“alt”文本属性的示例

错误：<img src=”tshirt.jpg”/>（缺少替代文字）
不好：<img src=”puppy.jpg” alt=”Black Shirt Cool Shirt Boys shirt
男孩设计男孩 T 恤黑色真棒衬衫无袖衬衫酷帅哥衬衫”/> （关键字填充）
更好：<img src=“BMW-i8-White.jpg” alt=“BMW i8 Black”/>
最佳：<img src=”Tesla-model-s-red.jpg” alt=”Model s Tesla Red Color”/>

谷歌建议其用户使用慢速网络连接测试内容并审核可访问性。

由于 Google 为其消费者提供了许多属性和指南，因此还有其他技术要求可以更好地进行图像索引。

使用图片标签 <img>

Google 会解析您页面的 HTML 以将图像编入索引，但它无法将 CSS 编入索引。在您的 CSS 中添加图像以供显示是没有用的，因为 Google 无法将它们编入索引。这就是为什么谷歌建议使用语义标记来更好地索引。

坏： <div style=”background-image: URL(crikcet_bat.jpg)”>Grey Nikols Balister</div>
好： <img src=”crikcet_bat.jpg” alt=”Grey Nikols Balister” />

谷歌支持的图片格式

Google 图片仅支持以下格式的图片进行索引

BMP
动图
JPEG
PNG
WebP
SVG。

响应式图像

添加响应式图像将增强您网页的用户体验。用户可以在不同的设备上使用响应式图像，创造最佳的用户体验。

由于增强的用户体验和排名之间存在直接联系，因此响应式图像现在是图像优化的一个因素。

电子商务经理的首要任务是为其客户提供最佳的用户体验。用户体验包括响应式设计、加载速度和优化的图像。

其他优化提示：

上述是重要的基本图像优化技术。以下技术可以将您的图像优化提升到一个新的程度：

自动生成的文本

谷歌图片会自动生成一个标题链接和一个文本片段来解释用户查询的搜索结果。这些文本结果将帮助用户了解图像是否符合他们的意图。

Google 使用多种来源来生成这些链接和片段，例如元数据、标题描述和元标记。以下是 Google 生成标题链接和文本片段以便为用户提供更好结果的最佳做法：

网页的每个标题标签<title>中都应该有一个特定的标题
<title>中应该有描述性和简洁的文字
标题标签中不应有任何标题，例如“主页”或“个人资料”。
网页的标题标签中应该有不同的关键字。独特的标题文本将帮助用户理解和区分电子商务网页。
您的网页标题也可以是您网站品牌的地方。您可以为您的企业添加标语以提供更多信息。

<title>Facebook - 连接你的人的地方</title>

您网页的标题文本应该清晰，因为 Google 将使用以下来源生成标题链接或片段，例如
- 标题标签中的内容
- 视觉标题显示在网页上
- 标题元素
- 锚文本
- 链接中的文本重定向到其他页面。
应将相同的脚本用作网页上的主要脚本。谷歌机器人将页面标题与主页链接。如果 Google 确定页面标题与主脚本不匹配，它将生成一个新的文本文件。
除此之外，检查您是否允许所有搜索引擎进行爬网也是必不可少的。如果 Google 不访问您的页面，它将使用页面外属性来生成文本文件。

添加突出的徽章

添加结构数据会将您的图像显示为丰富的结果。这些丰富的结果将与一个突出的徽章一起显示，该徽章将为用户提供相关信息。

如上图所示，您可以了解板球拍图片取自销售该球拍的网站。如果用户想购买蝙蝠，他们可以点击图片，将他们重定向到交易网站。

Google 提供了显示结构数据的指南：

网页必须使用以下三种支持的图像格式之一进行标记：
- JSON-LD
- 微数据
- RDFa
如果您没有阻止 Google bot 使用任何控制手段构建数据页面，那将是最好的
提供最新信息，因为富媒体搜索结果不会显示旧信息
不要将结构化数据用于误导性信息
结构数据必须提供有关页面内容的准确或相关信息
您应确保提供 Google 在以下标志中分类的相关信息：

文章
书
面包屑
旋转木马
课程
数据集
教育问答
雇主综合评级
估计工资
事件
事实核查
常问问题
家庭活动
如何
图像元数据
招聘启事
学习视频
本地业务
标识
数学求解器
电影
播客
练习题
产品
问答
食谱
审查片段
附加链接搜索框
软件应用
可说的
订阅和付费内容
视频

如果您尝试对徽章使用最具体的类别，那将是最好的。

如果用户可以遵循指南，Google 会分配显眼的徽章。

图片站点地图

图片的 URL 也可以在网页上提供，为此，您还应该在图片中包含站点地图，否则 Google 将无法理解或定位您的文件。

图像站点地图包含来自其他域的图像，并且它们强制执行跨域限制。跨域限制将允许您使用内容交付系统 (CDS)，这将帮助您减少服务器负载、提高站点性能并允许基于分析的受众细分。

<?xml 版本=”1.0″ 编码=”UTF-8″?>

<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"

xmlns:image=”http://www.google.com/schemas/sitemap-image/1.1″>

<网址>

<loc>http://example.com/sample1.html</loc>

<图像：图像>

<image:loc>http://example.com/image.jpg</image:loc>

</image:image>

<图像：图像>

<image:loc>http://example.com/photo.jpg</image:loc>

</image:image>

</url>

<网址>

<loc>http://example.com/sample2.html</loc>

<图像：图像>

<image:loc>http://example.com/picture.jpg</image:loc>

</image:image>

</url>

</urlset>

Apimio 优化

有一个名为 Apimio 的产品信息管理软件，可以帮助您分析和了解图像是否经过优化。我们的 PIM 执行以下任务来增强 Shopify 用户的体验。

Apimio 让您的产品旅程的每个部分都更加高效。在您的在线商店中开始使用优化的产品数据从未如此快速和简单。它允许 Shopify 用户导入批量产品数据并改进优化。

我们的 PIM 分析图像并根据参数返回优化分数。以下属性 Apimio PIM 分析

图像尺寸
格式
规模

这些图像是根据它们的特征进行评分的。如果提到的任何两个功能没有完成，这将是一个 100% 未优化的图像，反之亦然。

上图是显示文件格式、大小和尺寸等属性不符合优化标准的屏幕示例。

此外，Shopify 还通过提供价格约为 2 美元的插件为用户提供便利。它允许其用户自动调整图像大小和压缩图像，从而节省压缩和调整数千张图像的时间。