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 information ...

顶层div中的所有内容都包含有关该特定产品的信息，因此我将向该元素添加顶层产品微数据属性。为此，我添加了一个itemscope属性，该属性表示该元素表示该项目的“范围”，还添加了一个itemtype属性，该属性定义了微数据项目的类型（在本例中为a Product）。

3.添加其他Product微数据然后，我们可以添加描述各种产品属性的微数据的其他位。在可能的情况下，我们将使用已经包含要描述的数据的现有HTML标记。在其他情况下，我们可能必须在特定数据位周围添加其他标签，甚至添加隐藏标签来描述我们希望搜索引擎知道但对于用户不可见的信息。

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

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

{% for image in product.images %}

{% 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更加友好，并且随着越来越多的在线服务开始读取微数据，它将变得更加易于访问和有用。

Shopify和其他电子商务平台上的微数据相关推荐

新型Magecart信用卡读取器能够在多个电子商务平台上窃取付款信息
Sansec的研究人员发现了一种新型的多平台信用卡读取器(窃取程序),它从主要电子商务平台上的各种商店窃取支付信息,如ZenCart.WooCommerce.Shopify和BigCommerce. ...
杨超越微数据_资料来源同意：数据科学技能超越数据
杨超越微数据 As data science enthusiasts know, there's a lot more to excelling in the field than just its ...
HTML5中微数据在搜索引擎中的使用举例
做网站优化已经快一个月了,对于seo的一般技术也有了一些了解,前些天开始使用谷歌的网站站长工具,在里面发现很多百度站长工具里面不曾有的内容,其中"结构化数据"这一项是出现在 &qu ...
html微数据,HTML5之 Microdata微数据
- 为何需要微数据长篇加累版牍,不好理解微标记来标注其中内容,让其容易识辨 - RDFa Resource Description Framework http://www.w3.org/TR/m ...
学习笔记—什么是微数据？itemscope/itemtype/itemprop（搜索引擎seo优化）
什么是微数据 MDN官网定义:微数据是WHATWG HTML标准的一部分,用于在网页上的现有内容中嵌套元数据.[1]搜索引擎,网络抓取工具和浏览器可以从网页中提取和处理微数据,并使用它为用户提供更丰富 ...
HTML5之 Microdata微数据
- 为何需要微数据长篇加累版牍,不好理解微标记来标注其中内容,让其容易识辨 - RDFa Resource Description Framework http://www.w3.org/TR/m ...
酒浓码浓 - HTML5微数据/itemscope/itemtype/itemprop
HTML5微数据/itemscope/itemtype/itemprop 定义: 微数据是有特定属性名称的词汇表中特定的元素属性的数据,它是一种方便机器识别的数据大白话理解: 一个一堆乱码的网页,你 ...
Google 微数据，快速指引。
最后结果图: 即: Phodal | A geek's life. www.phodal.com/ 太白南路168号陕西省 - 计算机工程师 - 西安文理学院网页摘录会显示在这里.我们无法显示您网 ...
HTML5微数据初识
1.概念微数据是在如 span.div 的标签内添加属性,让机器(如搜索引擎)识别其意义,一些特定类型的信息,例如评论.人物信息或事件都有相应的属性,用来描述其意义. HTML5 微数据 ...

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

{{ product.title }}

{{ product.title }}

Shopify和其他电子商务平台上的微数据相关推荐

最新文章

热门文章