[ad_1]
Google搜索結果頁面過去非常沉悶。它就像是黃頁目錄的網路 – 一行一行的文字。
但如今,它很時髦。
根據您要搜索的內容,它看起來更像是一本有光澤的雜誌。這是因為Google使用不同的媒體,包括圖像,視頻,輪播和其他非文本元素來增強搜索結果。
但是當頁面包含結構化數據時,它只能顯示這些豐富的結果。
因此,如果您希望使用豐富的代碼段突出顯示SERP中的網站內容,請繼續關注。
在本文中,您將了解豐富網頁摘要以及如何將其添加到網頁中。
內容
- 什麼是豐富的片段?
- 為什麼你需要豐富的片段?
- 你如何獲得豐富的片段?
- 什麼是架構和結構化數據?
- 模式描述的項目類型
- 為什麼結構化數據對SEO很重要?
- 如何向您的網頁添加架構
- 如何測試頁面上的架構
- 總結
什麼是豐富的片段?
豐富網頁摘要是您在搜索Google時可能看到的「特殊」結果:
「典型代碼段」包含標題,網址和說明:
但是,「豐富的片段」會在網址和說明之間顯示額外的信息,並且可以包括圖片,評分,作者,投票,烹飪時間,卡路里等等:
注意: 據谷歌稱,我們應該把它們稱為「豐富的結果」。但是每個人都把它們稱為「豐富的片段」,所以我們會堅持這一點。
為什麼你需要豐富的片段?
我相信你會同意帶有豐富代碼段的搜索結果看起來比典型列表更具吸引力,正如你可以看到上面的布朗尼食譜。
它們不僅看起來更好,而且還傳達了更多信息。
這兩個因素增加了用戶點擊豐富代碼段的機會。而且由於他們看到了文章中包含的信息片段,因此用戶不太可能對搜索結果感到失望並在您的網站上停留更長時間。
所以,雖然豐富的片段不會幫助你 排名更高 在SERP中,他們會 提高點擊率 並降低您的跳出率。
這引出了一個問題:
你如何獲得豐富的片段?
如果您想使用豐富的代碼段在SERP中突出顯示您的網站內容,那麼您需要使用所謂的「結構化數據」。
谷歌描述 結構化數據 as:「用於提供頁面信息和對頁面內容進行分類的標準化格式。」
當Google抓取網頁並找到包含結構化數據的網頁時,它可以使用該數據創建您在搜索結果中看到的豐富網頁摘要。
例如,關於 巧克力布朗尼食譜頁面,Google解釋了結構化數據,如下所示:
144
要顯示豐富代碼段中的星級評分(4.8),投票數(1157),烹飪時間(1小時)和卡路里(144):
別恐慌!
我們將向您展示如何在以後向您的網頁添加結構化數據…
但首先,我們需要提到架構。
什麼是架構和結構化數據?
術語「架構」和「結構化數據」通常互換。
架構來自 Schema.org,這是Google,Bing,Yandex和Yahoo之間的合作項目。它包括「一組用於網頁和電子郵件消息中的結構化數據的模式」。
簡而言之:模式是結構化數據的商定標記辭彙表,可幫助所有搜索引擎理解網頁內容的上下文。
例如,通過將某些架構應用於標題「頭像」,您可以告訴搜索引擎內容是否與電影或個人資料圖片相關。反過來,這有助於搜索引擎匹配 搜索意圖 並向用戶顯示相關內容。
讓我們來看看。
模式描述的項目類型
有許多 不同類型的架構標記 包含:
- 創意作品(書籍,電影,音樂等)
- 活動(音樂會,演講,節日等)
- 組織
- 人
- 地方(當地企業,餐館等)
- 產品(優惠,評論,評級等)
每種類型的架構都有不同的屬性或標籤可用。
例如,對於 事件,您可以為活動名稱,地點,日期,價格,表演者,演講者,日程安排等添加標籤。
為什麼結構化數據對SEO很重要?
使用模式標記向頁面添加結構化數據有助於使搜索結果更具相關性。
只要您正確添加信息,它就可以幫助Google和其他搜索引擎準確理解您的內容。一旦他們知道,他們就可以在搜索結果中呈現各種形式的豐富網頁摘要。
例如,架構標記可以生成豐富的代碼段,例如:
-
麵包屑 – 導航'箭頭',指示頁面在網站層次結構中的位置:
-
輪播 – 在圖庫中顯示的豐富結果。大多數情況下,輪播包含來自單個網站(稱為主機輪播)的文章或視頻,但也可以包含各種發布者,例如這些Apple Pie食譜:
-
附加鏈接搜索框 – 在您的網站列表下方添加一個網站搜索框:
-
本地業務 – 知識圖中顯示的詳細信息 – 搜索結果右側的大塊信息 – 包括營業時間,評級,路線以及預約或訂購商品的操作,這對本地SEO尤其重要:
您可以在中查看完整的豐富網頁摘要列表 谷歌的搜索圖庫。
如何向您的網頁添加架構
到現在為止,您可能很想為您的內容添加架構並開始製作一些豐富的代碼段。
根據您使用的平台,有幾種方法可以將架構標記添加到您的頁面。
如何使用WordPress插件添加模式標記
如果您使用的是WordPress,則可以使用插件添加架構標記。最喜歡 WordPress插件,有很多可供選擇:
但我建議你先閱讀科林的教程,然後再進行比較 將模式添加到WordPress 運用 Schema Pro (溢價)和 All in One Schema.org Rich Snippets (自由)。
例如,大多數插件都會強制您在頁面中添加一個審閱類型框,其中總結了架構詳細信息:
但是您可能不希望這樣 – 當然不會在您發布的每個頁面上 – 因此使用Schema Pro等高級插件的一個優點是您可以選擇要顯示的內容。
注意:如果您想查看更多架構插件,請轉到我們的帖子 WordPress最好的豐富網頁插件。
如何使用Google的結構化數據標記助手添加模式標記
如果您沒有使用WordPress(或者您不想使用插件),那麼您可以使用手動添加架構標記 谷歌的結構化數據標記助手:
該工具允許您在HTML網頁或HTML電子郵件中標記元素。但我們將專註於向網頁添加架構標記:
- 選擇您要標記的頁面類型;例如「文章」
- 輸入頁面的URL;例如 https://azaharmedia.com/content-marketing-examples/
- 點擊「開始標記」:
Markup Helper打開您選擇的頁面,右側有「我的數據項」菜單:
在「我的數據項」面板中,您將看到每個項目的所有可能值的列表,並標記了所需的值。例如,對於「文章」,您必須提供「文章名稱」。
下一步是突出顯示包含數據項信息的頁面部分。例如,突出顯示文章的標題,然後單擊「名稱」標記:
現在,信息顯示在右側的「我的數據項」面板中:
對每個值重複此過程:
- 如果添加看起來錯誤的數據,則Markup Helper會標記它。
- 您可以突出顯示同一標籤的頁面的多個部分;例如我已為「文章部分」添加了每個(H2)標題。
如果您無法在頁面上找到要突出顯示的信息,請單擊「添加缺失的標籤」以手動添加:
例如,您可以添加「發布日期」和「發布者」詳細信息:
完成標記頁面上所有適用數據後,單擊「創建HTML」以生成頁面代碼:
接下來,您必須選擇輸出格式:
-
JSON-LD – Google首選的新格式
-
微數據 – 舊格式
每個標記代碼的外觀略有不同,以及您在頁面上應用它的位置。
對於JSON-LD:您將生成的標記代碼添加到頁面的head部分:
例如,這是JSON-LD標記代碼在應用於我的網頁的head部分時的外觀:
注意:JSON-LD的優點是您只需向頁面添加一個腳本塊。
對於微數據:您可以在頁面的不同位置添加突出顯示的HTML代碼:
注意:微數據標記更加棘手,因為您必須在多個位置編輯頁面,而不是僅在頁面開頭添加一個腳本塊。
此外,您可能想嘗試使用Google 程式碼實驗室 您可以在其中下載HTML示例,並學習如何使用JSON-LD編寫和測試模式標記。
如何測試頁面上的架構
Google提供了另一種工具,因此您可以在將架構標記代碼應用到網頁之前檢查它。
將生成的代碼從Markup Helper複製並粘貼到 結構化數據測試工具。
結果顯示您必須提供的任何缺少的欄位,以幫助Google了解該頁面。例如,此代碼有3個錯誤和3個警告:
(這有點誤導,因為它們沒有按照Markup Helper的要求列出!)
如果需要修改模式標記,可以返回標記助手中的標記屏幕以添加所需信息,然後再次測試。
總結
將架構標記添加到您的網頁 不保證 您將在搜索結果中獲得豐富的代碼段。但它肯定會給你一個機會。
但是,有一點可以肯定的是架構結構化數據並沒有消失。它只會增長,因為谷歌和其他搜索引擎希望向用戶展示最好的富媒體結果。
你還在等什麼?開始向您的頁面添加和測試模式標記,並獲得豐富的片段餅圖!