如何使用Schema Pro在自動駕駛儀上為您的WordPress網站添加豐富的代碼段

[ad_1]

豐富的代碼段和架構標記是改善WordPress網站在Google搜索結果頁中的外觀的絕佳方式。但他們也可能有點混亂!特別是在添加正確的架構標記以讓Google為您提供這些豐富的代碼段時。

但是,架構標記和豐富的片段不必令人困惑或耗時。使用正確的工具 – 我將在這篇文章中向您展示 – 您可以在自動駕駛儀上將適當的Google批准的架構標記應用到您的WordPress網站。

是的 – 你設置了一次。然後,我要向您展示的插件會為您提供一切處理。

準備開始了嗎?我將首先快速討論模式標記和豐富的片段,以防您對這些術語感到有點迷失。然後,我將向您展示如何使用名為Schema Pro的插件向WordPress添加豐富網頁摘要。

最後,我將結束對Schema Pro和豐富網頁摘要的一些想法。

讓我們開始片段化吧!

架構標記和豐富的代碼段使您在搜索結果中脫穎而出

如果您對「架構標記」和「豐富網頁摘要」這些術語的實際含義沒有100%的信心,那麼在進入實際的操作方法部分之前,讓我們先簡單介紹一下。

架構標記和豐富的片段緊密相關的概念,但引用餅圖的不同部分。

讓我們從豐富的片段開始(現在也稱為「豐富的結果」)。

豐富的代碼段是Google(以及其他搜索引擎)在搜索結果頁面上顯示額外信息的方式。

我幾乎可以保證你已經看到了豐富的片段 – 你可能根本就不知道它們。

豐富的片段可以像星級一樣簡單:

01 Rich Snippet OptinMonster示例

  • 保存

或者豐富的片段可以是關於食譜的額外信息,例如食物的圖像以及烹飪需要多長時間以及它包含多少卡路里的細節:

02 Rich Snippet Baked Ziti配方示例

  • 保存

事實上,Google應用豐富網頁摘要的方式有很多種可能,Google「添加」的確切信息取決於用戶搜索的內容類型。

如果您有興趣,可以看到所有潛在排列的圖庫 通過這裡前進

你為什麼要關心豐富的片段?

讓我們先解決一件事:

豐富的片段本身並不是積極的排名因素。也就是說,為您的網站獲取豐富的代碼段並不神奇 讓它在Google中排名更高

但是,這當然並不意味著添加豐富的片段沒有任何好處……

請參閱豐富網頁摘要,使您的網站在搜索結果中脫穎而出。這可以增加 人們看到您的商家信息的機會 在谷歌和(希望!)點擊它訪問您的網站。

03 Rich Snippet Star Rating在搜索結果中脫穎而出

  • 保存

例如,查看搜索結果頁面 我們的OptinMonster評論 上面 – 星星立即引起你對Blogging Wizard列表的注意,對吧?

因此,即使豐富的片段不能讓您排名更高,它們也可以幫助您從已有的排名位置獲得更多點擊,這本身就很有價值!

除此之外,架構標記(我們將在下面討論)也可以幫助您使用其他一些搜索可見性功能:

  • SiteLinks – 當有人搜索您的網站時,它們會提供額外的鏈接(例如下面的例子)。

  • 麵包屑 – 這有助於Google在搜索結果中顯示麵包屑,而不是原始網址。

  • SiteLinks搜索框 – 這使人們可以直接從Google搜索結果頁面搜索您的網站。

04架構標記SiteLinks麵包屑和搜索框

  • 保存

那些是 網站連結,

那麼架構標記是什麼?架構標記如何連接到豐富網頁摘要?

別擔心,我沒有忘記架構標記!

模式標記是幕後代碼,可幫助Google在其搜索頁面上創建這些豐富的結果。

通過向您的網站添加架構標記,您可以向Google提供有關您網站上內容的有價值的背景信息。例如,架構標記可以告訴Google – 「嘿,看到這個數字4.5?這是該產品的評論評級「。

您的人類訪問者將永遠不會在您的網站上看到架構標記(除非他們查看原始源代碼),但Google會找到它並將您的架構標記計入Google的搜索結果中。

在下一節中,我將向您展示如何在不需要任何特殊技術知識的情況下將該幕後模式標記添加到您的站點。

快速回顧……

所以,這是外賣:

  • 豐富的代碼段 – 這些是Google向人類訪問者顯示的額外信息。

  • 架構標記 – 這是您添加到網站的幕後代碼,可幫助Google創建這些豐富的代碼段。

如何使用Schema Pro將模式標記添加到WordPress

既然您已經知道「什麼」和「為什麼」,那麼讓我們了解如何將模式標記添加到您的WordPress網站。

有一些不同的插件可以幫助您向WordPress添加模式標記,但我們將挑出一個名為Schema Pro的插件。

Schema Pro 是一個高級插件,售價79美元,但有幾個原因可以解釋為什麼它比你在WordPress.org上找到的大多數免費插件更好:

  • 自動 – 您可以一次創建架構標記配置,然後讓Schema Pro自動將它們應用到相關的帖子/頁面,而不是需要為每個帖子/頁面設置架構。

  • 幕後花絮 – 而WordPress.org上的一些免費模式插件迫使您在網站的前端添加一個新的內容框(訪問者可以看到),Schema Pro在幕後工作並使用Google-建議使用JSON-LD格式添加模式。

  • 靈活 – 如果您使用自定義欄位,Schema Pro可以很容易地將模式標記映射到這些欄位(這有點高級,但如果您使用自定義欄位則非常有用)。

準備開始了嗎?以下是如何使用插件…

獲取Schema Pro

使用安裝嚮導配置站點範圍的架構標記基礎知識

一旦你安裝並激活了 Schema Pro插件,轉到設置→架構專業版以運行設置嚮導:

05配置Schema Pro安裝嚮導

  • 保存

如果由於某種原因沒有看到通知,還可以在「配置」選項卡中找到設置嚮導的永久鏈接。

在設置嚮導中,您將配置一些基本的站點範圍設置,如SiteLinks和麵包屑。

如果你正在使用 一個SEO插件 像Yoast SEO,您的網站可能已經有一些基本的網站範圍架構標記。如果是這種情況,Schema Pro將自動檢測衝突,並為您提供禁用任何重複功能以避免衝突的選項。

要開始使用該嚮導,請繼續並單擊「開始」按鈕:

06啟動Schema Pro

  • 保存

在下一個時代,您可以選擇您的徽標,並選擇您的網站是代表個人還是公司。這有助於向Google的知識圖卡提供信息:

07 Schema Pro常規設置

  • 保存

接下來,您可以添加要連接到您網站的任何相關社交媒體配置文件:

08 Schema Pro社交檔案

  • 保存

在最後一頁上,您可以為SiteLinks,麵包屑以及是否啟用附加鏈接搜索框配置一些重要設置。

我建議填寫/啟用所有這些功能:

09 Schema Pro其他架構選擇

  • 保存

如果您不確定具體功能的作用,可以單擊問號以查看其對搜索結果的影響:

10將滑鼠懸停在問號上以獲取更多信息

  • 保存

這樣就完成了基本的全站設置!現在,您已準備好為您的內容創建第一個架構:

11完成基本的全站設置

  • 保存

為特定內容創建架構

現在您已經配置了站點範圍設置,您已準備好開始向各個內容添加模式標記。

Schema Pro支持13種不同的模式類型:

  • 文章
  • 課程
  • 事件
  • 招聘啟事
  • 當地的商業
  • 評論
  • 產品
  • 食譜
  • 服務
  • 軟體
  • 應用

您選擇的架構類型會影響您可以添加的架構信息。例如,如果選擇「配方」模式類型,則可以添加以下信息:

  • 卡路里
  • 烹飪時間
  • 等等。

另一方面,如果您選擇產品架構類型,則會添加以下信息:

  • 價錢
  • 庫存狀態
  • 等等。

如果您正在運行博客,那麼您的大部分內容都可能使用文章架構類型。

但是,您可以使用多種模式類型。例如,如果您還發布評論,則您希望大多數博文都使用文章架構類型,但您可能希望您的評論也使用評論架構類型。

Schema Pro的優點在於它非常容易實現。但是現在,讓我們首先將文章架構類型應用到您的博客帖子中。

為此,請轉到設置→架構專家,然後單擊添加新:

12添加新架構

  • 保存

然後,您可以選擇您的架構類型。同樣,對於大多數博客,您應該選擇文章。但是,如果您有一個利基博客 – 比如只發布食譜的美食博客 – 您可能想要選擇其他類型:

13選擇您需要添加的架構類型

  • 保存

接下來,您可以選擇應用該架構類型的位置。您可以使用包含/排除規則來定位特定內容。但是對於Article模式類型,您可能希望使用下拉列表在所有帖子上啟用它:

14集成文章架構

  • 保存

這告訴Schema Pro您要自動將文章架構應用於所有當前和未來的帖子。

完成後,您會看到完成設置的提示:

15完成架構設置

  • 保存

必要時手動調整架構數據(您不必這樣做)

默認情況下,Schema Pro會自動將WordPress站點的信息映射到相關的架構標記。

例如,Schema Pro將架構標記中的作者名稱設置為等於WordPress作者的名稱,並且架構標記中的發布日期等於WordPress中的發布日期。

您可以在下面看到它的樣子 – 架構標記數據在左側,右側的下拉列表告訴Schema Pro與該架構標記數據相關聯的WordPress信息:

16調整架構數據

  • 保存

如果您不確定發生了什麼,請將內容保留為默認值。 Schema Pro已經將其設置為99%的WordPress站點。

但是,如果您願意,可以使用這些下拉菜單手動調整內容。例如,如果您在站點上使用自定義欄位,則可以將該自定義欄位信息與架構標記相關聯。同樣,這完全是可選的。

還有一個轉折 – 「新自定義領域」

對於某些信息,Schema Pro無法自動將架構數據與WordPress信息關聯,因為該信息通常不存在於WordPress中。

對於Article模式類型,有兩個無關聯的信息:

  1. 評分
  2. 點評Count

如果查看此架構數據的下拉列表,您將看到「新建自定義欄位」值:

17添加新的自定義架構欄位

  • 保存

這意味著Schema Pro將為WordPress編輯器添加一個新的自定義欄位,您可以逐個帖子手動填寫(您也可以將其留空 – 這也很好)。

您可以在下面看到一個示例 – 看看Schema Pro如何在編輯器下添加兩個新的自定義欄位,您可以在其中手動輸入評級和審核計數:

18 Schema Pro添加了欄位示例

  • 保存

把它們放在一起

好的,所以這就是所有這些在實踐中如何運作。

通過使用WordPress中的現有信息,Schema Pro將自動將相關的架構標記添加到99%的內容中 – 您無需考慮它。這一切都在自動駕駛儀上。

對於其他東西 – 任何具有新自定義欄位值的東西 – 您可以選擇在逐個帖子的基礎上輸入它。

您不必輸入它 – 將欄位留空是完全沒問題的。但是,如果您確實要為某些帖子添加它,您只需在自定義欄位中輸入信息,Schema Pro將為您的站點添加正確的架構標記。

為不同的帖子添加不同的架構標記類型

Article模式類型是適用於大多數博客的良好基線。但是,您可能在某些帖子中要使用其他模式類型。

例如,如果發布評論,則可能需要為評論帖添加「評論」模式類型,但僅對其他所有內容使用「文章」模式類型。

為此,請返回Schema設置嚮導(Settings→Schema Pro→Add New)並選擇所需的模式類型 – 查看此示例。

只有現在,您可以使用特定頁面/帖子/存檔等選項將Review模式類型定位到:而不是選擇所有帖子。

  • 搜索帖子名稱的具體帖子(如果您選擇此路線,將來需要手動添加新帖子)
  • 類別或標籤。例如,您可以使用「評論」標記標記每個評論,並使用它來讓Schema Pro自動應用評論模式類型(這很方便,節省您的時間)

19整合審查模式

  • 保存

現在,如果您創建一個帶有「評論」標籤的帖子,您將獲得一個新選項來添加評論模式數據:

20 Schema Pro Review標記示例

  • 保存

您可以使用類似的方法進行食譜,產品,您的名字!

如何測試模式標記以確保它正常工作

此時,您知道如何將模式標記添加到WordPress內容以獲取豐富的片段。

但是,由於模式標記完全在幕後發生,因此很難知道您是否真正正確地進行了設置。

為了幫助,谷歌創建了它 結構化數據測試工具。僅供參考 – 就我們而言,「結構化數據」和「架構標記」幾乎是一回事。

使用此工具,您只需在您的網站上插入網址即可。然後,Google會告訴您是否:

  • 它檢測模式標記
  • 它發現了如何實現模式標記的任何錯誤

例如,您可以看到,對於示例「OptinMonster review」,Google會檢測Article和Review架構類型(以及所有其他常規站點範圍架構標記)的架構標記:

21 Google Detect Schema Markups

  • 保存

單擊架構類型將允許您查看更多信息。例如,您可以看到Google知道:

  • 我們正在審查「OptinMonster」
  • 評分為「4.5」
  • 評論員是「Colin Newcomer」

22單擊「架構類型」以獲取更多信息

  • 保存

這意味著你已經在自動駕駛儀上運行了架構標記/豐富網頁摘要!

獲取Schema Pro

關於Schema Pro和豐富網頁摘要的最終想法

雖然我知道Schema Pro在將自定義欄位映射到架構數據等方面可以獲得一些技術,但Schema Pro確實是向WordPress添加架構標記並獲得豐富網頁摘要的最靈活,最低維護方式。

大多數其他流行的插件都要求您在網站上添加新的前端內容框,這並不總是適合您網站的設計。另一方面,Schema Pro通過使用JSON-LD方法消除了這一點,而JSON-LD方法又是Google推薦的架構格式。

除此之外,Schema Pro幾乎可以在自動駕駛儀上運行。

雖然有些欄位可能需要手動輸入每個帖子(如評論評級),但Schema Pro可以在自動駕駛儀上自動為您應用大部分標記。此外,包含/排除規則允許您使用多種模式類型並將它們定位到正確的內容(如果您使用自定義帖子類型,這將變得非常有用)。

總而言之,如果您正在尋找一種輕量級,省力的方法來為您的所有WordPress網站內容添加架構標記, Schema Pro 是你的武器庫中的一個很好的工具。

  • 保存

相關文章