如何將豐富的摘要添加到您的網站

已發表: 2020-12-16

您是否曾經註意到Google搜索結果看上去比其他搜索結果更為時尚? 您知道的內容包括星級評定,以及有關產品或服務的更多信息。

Mario Peshev豐富片段示例

這些額外的信息,媒體和星級評等稱為豐富摘要。 告訴搜索引擎包括這些元素的代碼稱為架構標記。 豐富網頁摘要的使用非常簡單,但是您必須做一些實際工作,將必要的信息通知Google。

在本文中,我們將總結模式標記在SEO中的作用,以及如何向您的網站添加豐富的摘要。

為什麼豐富的摘要很重要?

為了提供豐富的摘要,搜索引擎依賴於結構化數據,您可以使用該代碼與搜索引擎進行通信。 搜索引擎使用它來更好地了解您的網頁。 反過來,這可以幫助用戶獲得有關他們要打開的鏈接內的內容類型的更好信息。

在正常情況下,當您的頁面顯示在SERP上時,Google會顯示頁面標題,URL和指定的元描述。

DevriX常規Google搜索結果

通過豐富的摘要,Google可以顯示其他信息,包括產品/服務評論,業務描述,位置,價格等。

DevriX豐富片段

包含結構化數據將增加您獲得更豐富的搜索結果和在SERP中獲得更好位置的機會。 以下是使用豐富摘要的主要好處:

  • 更好的可見度:您的品牌將在搜索結果中更加可見。
  • 更高的點擊率:用戶寧願點擊豐富的摘要,也不願點擊常規搜索結果。
  • 更多轉換:用戶將點擊一個有吸引力的搜索結果,這將帶給您更多閱讀,下載,銷售等信息。

模式標記的類型

您可以在以下內容類型中使用豐富的摘要(模式標記):

  • 評論:單獨和匯總的評論,每個都有不同的屬性。
  • 人員:Google為特定(知名)人員提供更豐富的信息。 支持的屬性包括姓名,職務,角色和聯繫方式。
  • 產品:豐富摘要的最佳用途之一是用於在線商店的產品和特別優惠。 受支持的屬性包括名稱,圖像,品牌,標識符,價格,貨幣,條件和數量。
  • 公司與組織:公司名稱,地址,電話號碼,地理位置和徽標等屬性。
  • 食譜:豐富的摘要還允許烹飪網站包含諸如食物類型,評論,烹飪時間,份量,卡路里等信息。
  • 活動:豐富的摘要非常適合將來發生的活動。 支持的屬性包括開始和結束日期,持續時間,地理位置和票證。
  • 音樂:Google使用結構化的標記數據來呈現歌曲和音樂專輯。 數據包括指向歌曲預覽的鏈接,以及指向購買單曲和完整專輯的直接鏈接。
  • 視頻內容:豐富的摘錄也可以應用於您網站上的嵌入式視頻內容,以顯示持續時間,視頻製作公司,視頻創建者或視頻中描述的內容類型。

基於以上原因,以下是最常用的架構標記。

組織架構標記

組織架構標記可以包括有關公司的說明,其官方徽標,聯繫信息,位置和社交媒體資料。

Moz Google豐富代碼段

人員架構標記

人員架構可以顯示有關個人的信息,例如姓名,生日,地址,教育程度和家庭成員。

Elon Musk豐富片段

本地業務模式標記

本地業務模式標記可幫助消費者找到本地公司的位置以及有關該公司的其他有用信息。

本地業務豐富的代碼段

產品和報價方案標記

產品和優惠標記用於銷售特定的產品或服務。 它們啟用產品信息,例如價格和狀態以及產品屬性。

產品豐富的代碼段

文章架構標記

模式文章標記最常用於新聞和博客文章。 它可以幫助搜索引擎更多地了解文章標題,發佈時間,特色圖片和內容。

利物浦文章豐富摘要

視頻架構標記

視頻架構標記是一種很好的方式,可以幫助Google抓取您的網站中的視頻並將其編入索引,並在Google視頻搜索中顯示它們。

mario peshev網站視頻

事件架構標記

事件模式標記提供了有關將來事件的信息,例如日期,位置和門票價格。

事件模式標記

配方架構標記

配方模式標記允許將配方頁面顯示為豐富的代碼段。

配方架構標記

評級/評論架構標記

評級架構標記直接在SERP頁面中生成最相關的產品評論。

產品評分架構標記

模式編碼的類型

模式標記有三種不同的編碼類型:JSON-LD,微數據和RDFa。

JSON-LD(鏈接對象的Javascript對象表示法)可以通過將模式粘貼到網頁的<head>或<body>標記中來實現模式。 它使用“ @context”和“ @type”屬性來確定詞彙表(schema.org)。

RDFa(屬性中的資源描述框架)是可以添加到任何基於HTML,XHTML和XML的文檔中的代碼。 RDFa的屬性包括:

  • 關於–闡明元數據的含義。
  • rel and rev –與另一個資源的關係和反向關係。
  • class =“ lazy” data-src,href和resource –用於確定合作夥伴資源。
  • content –使用property屬性時,使元素的內容無效。
  • 數據類型–指定與屬性屬性一起使用的文本的數據類型。
  • typeof –用於確定主題或合作夥伴資源的RDF類型。

微數據實現類似於RDFa,並包含以下屬性:

  • itemscope –創建一個項目並指定元素的其餘部分包含有關該項目的信息。
  • itemtype –通過有效的URL(例如,“ https://schema.org”)解釋該項目及其資產。
  • itemprop –指出包含標籤具有給定屬性的值(例如,itemprop =“ name”)。
  • itemid –顯示商品的唯一標識符。
  • itemref –用於未包含在itemscope中的元素的屬性。

在您的網站上添加豐富網頁摘要

有幾種不同的選項可用於向網頁添加豐富的摘要。 最簡單的方法之一是使用Google的結構化數據標記助手或WordPress插件。

結構化數據標記助手

您可以按照以下步驟使用Google的工具來創建架構標記摘要。

1.轉到Google的結構化數據標記幫助器。

google schema標記工具

2.選擇要標記的數據類型。

3.粘貼您打算標記的頁面的URL。

Google模式工具

4.突出顯示並選擇要標記的元素。

標記標題

5.繼續突出顯示頁面上的其他項目以將其添加到標記列表中。

6.創建HTML。

json-ld標記

7.將生成的架構標記插入您的網頁。

還有一些其他工具可以幫助您創建和驗證架構標記:

  • Google資料螢光筆
  • Merkle的JSON-LD模式生成器
  • Yandex結構化數據驗證器API
  • Google Rich結果測試儀
  • Bing網站管理員工具標記驗證器

WordPress插件

將架構標記添加到WordPress頁面的最簡單方法是通過插件。 最好的插件之一是All In One Schema.org Rich Snippets插件。

模式標記插件

激活插件時,從控制面板中打開“ Rich Snippets”選項卡,您可以在其中配置架構標記。

豐富摘錄部分

在這裡,您可以看到可以使用該插件創建的每個架構標記,包括:

  • 項目審查
  • 大事記
  • 產品
  • 食譜
  • 軟件應用
  • 視頻
  • 文章

當您選擇內容類型時,插件將為您顯示在您撰寫帖子/頁面或任何自定義帖子類型時可用的字段。

現在,當您創建新帖子或編輯帖子時,在帖子編輯器下方,您會注意到標有“配置豐富代碼段”的元框。 內部是一個下拉菜單,您可以在其中選擇要處理的帖子的內容類型。

豐富的代碼片段插件配置

不必添加所有字段,但是Google要求其中一些字段才能顯示豐富的摘要。 記住要保存您的帖子並存儲架構標記數據。

測試豐富代碼段

Google和其他搜索引擎無法立即提取您的豐富網頁摘要。 那麼,如何確保正確實施了豐富的摘要?

打開Google的結構化數據測試工具。

結構化數據測試

在這裡,您可以將模式標記粘貼到工具箱中,或單擊“獲取URL”鏈接以輸入URL。 之後,點擊“驗證”按鈕,您的標記將被審核。

包起來

當涉及到SEO時,小的調整(例如豐富的摘要)可以使點擊次數和搜索流量氾濫之間有所不同。 這就是為什麼您需要充分利用架構標記的原因。 它可以幫助您創建引人入勝的豐富網頁摘要,從而增加您的自然搜索流量。

逐步應用它們,並在您的網站上擴展它們以查看更好的結果。