Shopify和其他电子商务平台上的微数据

Shopify和其他电子商务平台上的微数据
您听说过微数据吗?这是为搜索引擎提供有关您的在线商店所携带产品的结构化,详细信息的一种相对较新的方法。了解更多信息,并了解如何在自己的商店中实施它。

微数据和电子商务
微数据是一种在现有网页上添加额外的机器可读信息的方法,以便搜索引擎和其他自动化过程可以了解有关您网站内容的更多信息。它是由大型公司(Google,Microsoft和Yahoo)开发的,虽然它是相对较新的Web进入者,但它对当前和将来的SEO和网站可用性(尤其是在电子商务中)也有非常实际的影响。

具体来说,微数据可让您通过简单地向现有HTML中添加一些额外的标签来告诉搜索引擎您在商店中列出的产品。Google的“ 丰富网页摘要”页指出,微数据可帮助您:

在寻找要购买的物品时吸引潜在的买家;
免费提交您的产品清单;和
保持产品信息的准确性和新鲜度,以便您的客户找到他们正在寻找的相关最新商品。
如果您想了解微数据的精髓和所有可用类型,可以查看schema.org –或者,如果您想立即将微数据添加到商店中的产品,请阅读上!这是一个非常简单的过程,尤其是如果您以前使用过HTML。(如果没有,请联系我们,我们将很乐意为您提供帮助!)

将微数据添加到您的商店
这些说明是在将微数据添加到Shopify商店的产品页面的上下文中给出的,但是它们通常适用于任何在线电子商务平台。无论您是否拥有Shopify商店,我将要展示的示例中的HTML几乎肯定会与您自己的商店有所不同。不用担心,只要您遵循我在每个步骤中所做的原则,就可以了!

1.打开产品HTML进行编辑
首先,打开用于控制产品页面显示的HTML的模板。对于Shopify用户,最简单的方法是登录Shopify商店管理员,转到“主题”部分,然后单击“模板编辑器”,然后单击“ product.liquid”开始编辑该模板文件。

2.添加顶级itemscope属性
如前所述,微数据的工作原理是简单地向现有HTML中添加额外的标签和属性。这些微数据标签和属性有效地“标记”了您现有的HTML –说“这

代表一种产品”或“这 包含一个名称”。

因此,我们要做的第一件事是添加微数据以指示我们正在展示产品。

在产品页面上找到包含所有产品信息的元素(最有可能是)。这通常是整个产品页面-例如,我product.liquid看起来像这样:

{{ product.title }}

... product information ...
顶层div中的所有内容都包含有关该特定产品的信息,因此我将向该元素添加顶层产品微数据属性。为此,我添加了一个itemscope属性,该属性表示该元素表示该项目的“范围”,还添加了一个itemtype属性,该属性定义了微数据项目的类型(在本例中为a Product)。
3.添加其他Product微数据 然后,我们可以添加描述各种产品属性的微数据的其他位。在可能的情况下,我们将使用已经包含要描述的数据的现有HTML标记。在其他情况下,我们可能必须在特定数据位周围添加其他标签,甚至添加隐藏标签来描述我们希望搜索引擎知道但对于用户不可见的信息。

为此,我们itemprop向顶层元素的子元素添加属性Product。例如,我们应该通过itemprop="name"在包含我们产品名称的元素中添加一个来指定产品名称:

{{ product.title }}

我们可以将itemprop="image"属性添加到产品范围内的多个图像中,如下所示:

{% for image in product.images %}
{​{ product.title | escape }}
{% endfor %}
我们只是继续以这种方式进行,如性能itemprop=“brand”,itemprop=“model”,itemprop="price"等。有关您可以在Product范围内添加的属性的完整列表,请参见http://schema.org/Product。

您可能希望做的一件事是添加微数据信息,该信息不会显示给最终用户,或者会以与HTML元素不同的方式传递给用户(例如,图像可能用于指示一个物品)。为此,我们可以简单地添加带有适当itemprop属性的标签以及一个content属性,如下所示:

有关添加标签以缺少或隐式信息的更多信息,请参见本页。

测试您的微数据
实施并保存这些更改后,您应该使用Google的Rich Snippet Tool来测试商店中的所有内容是否正常。只需输入产品页面的URL,然后检查Google是否可以正确读取微数据。如果您已正确标记所有内容,则应看到类似以下内容的内容:

Google Rich Snippet工具示例
示例丰富的摘要结果。请注意返回的价格和可用性信息。
而已!你完成了。现在,您的电子商务站点对SEO更加友好,并且随着越来越多的在线服务开始读取微数据,它将变得更加易于访问和有用。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值