今天花了不少時間,在給自己的網站完善結構化數據,干脆總結下這塊的知識點。

      如下圖便是谷歌搜索中心官方博客中,有關結構化數據的部分。仔細去閱讀這份文檔,你會發現這份技術指南寫得非常非常詳細,基本我們在工作中會碰到的問題,都能在這里找到相應的答案。

      所以如果想系統性了解這塊的知識點,最好的做法是先好好閱讀這份文檔,然后按照文檔中的指導進行相應的實操。如果在實操過程中發現什么不太明白的點(例如數據格式、編寫規范,等等),可以再回到這份文檔好好領悟精神。

      明確完學習資料在哪的問題,緊接著就需要明確怎么做的問題。而對于怎么做的問題,這里分三種情況,其一是針對像 WordPress 這樣的 CMS 系統,其二是針對像 Shopify 這樣的 SAAS 系統,其三則是針對完全使用編碼這種方式。

      對于 WordPress 這樣的 CMS 系統,要想按照自己的想法在網頁中添加結構化數據,一個最簡單的方式便是直接使用相應的 SEO 插件。

      比如 WordPress 平臺上比較流行的 RankMath 或者 Yoast,都提供相應的結構化數據功能。但是這些插件的免費版本對結構化數據的支持有限,也就是說如果你想完全按照自己的想法添加結構化數據,那就得花錢買對應插件的高級版本。

      說實話,如果一個站點買一個插件的話,當站點多起來后其成本還是蠻高的。所以一個免費的做法就是,在網站上按照 Google Tag Management,然后再通過 GTM 提供的功能,向網頁置入相應的結構化數據。

      我今天花時間實操了一下,這種 GTM 的方式與 SEO 插件方式,在添加結構化數據方面相差無幾。所以一個「付費但方便」方案,與一個「免費但需要頻繁操作」的方案,就看你自己的選擇了。

      總體上來說,在 WordPress 這樣的平臺上處理結構化數據還是挺方便的,至少要比 Shopify 這樣的 SAAS 平臺強。

      由于 Shopify 封裝得比較嚴格的緣故,很難找到什么比較好的方法去自定義結構化數據。所以 Shopify 玩家,基本就只能根據平臺的默認規則來做了。

      剩下的最后一種情況,便是完全使用代碼來編寫網站的情形了。

      比如我前段時間使用 Next.js 寫了一個網站,因為代碼完全由自己控制的緣故,所以在這種類型網站上添加結構化數據就非常簡單了。

      我們需要做的無非就是先明確在具體頁面上添加哪種類型的結構化數據,等有了初步的意向后,直接去谷歌搜索中心的官方文檔上,找到對應的數據類型,將其示例代碼拷貝下來便好了。

      回到具體的項目中,再去對示例代碼的數據信息做一些自定義的修改便好了。

      且谷歌搜索官方還非常貼心的提供的相應的結構化數據測試功能,也就是提前驗證你做的數據是不是符合規范,以及最終的顯示樣式是怎么樣的,都能在那個工具中看到相應結果。

      相應的工具地址,自己在官方文檔里找一下。


      點贊(0) 打賞

      評論列表 共有 0 條評論

      暫無評論

      服務號

      訂閱號

      備注【拉群】

      商務洽談

      微信聯系站長

      發表
      評論
      立即
      投稿
      返回
      頂部