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.title }}
爲此，我們itemprop向頂層元素的子元素添加屬性Product。例如，我們應該通過itemprop="name"在包含我們產品名稱的元素中添加一個來指定產品名稱：
{{ product.title }}
我們可以將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更加友好，並且隨着越來越多的在線服務開始讀取微數據，它將變得更加易於訪問和有用。