如何使用模式標記來優化您網站的 SEO

已發表: 2022-02-08

向您的網站添加架構標記可以幫助您提高搜索引擎排名。 但是,如果您幾乎沒有編碼經驗(或根本沒有),這似乎是一項艱鉅的任務。 幸運的是,我們整理了一個架構標記 SEO 指南,以幫助您入門而不會不知所措。 在這篇文章中,我們將仔細研究模式標記及其重要性。 然後,我們將向您展示它如何改善您網站的 SEO 並推荐一些您可以使用的工具。 讓我們直接跳進去!

什麼是模式標記?

架構標記是使 Google 等搜索引擎能夠更好地理解您的內容的數據。 此標記可幫助搜索引擎針對相關搜索查詢對您的頁面進行排名。

此標記由“標籤”組成,您可以將其合併到您的網站中,以提高您在搜索引擎結果頁面 (SERP) 中的可見性。 您可以在 Schema.org 上找到此代碼:

Schema.org 主頁

當您使用架構標記時,Google 可以從您的網頁中提取更多數據。 這將產生豐富的片段。 豐富網頁摘要是增強的搜索結果,可提供附加信息,例如產品評級。 這些片段的點擊率往往高於常規搜索結果:

豐富網頁摘要的示例

此外,schema.org 標記被谷歌以外的其他搜索引擎識別。 其中包括必應和雅虎。

要開始使用架構標記 SEO,您需要將不同的標籤(或微數據)添加到您網站的 HTML 中。 一些最重要的標籤包括:

  • itemscope指定 <div> 塊中的 HTML 是關於特定項目的。
  • itemtype讓您指定該項目是什麼(例如,電影或書籍)。
  • itemprop為搜索引擎提供有關該項目的附加信息(例如,導演和流派)。

然而,這只是冰山一角。 Schema 為不同類型的內容提供了各種標籤,包括書評、產品、文章、餐廳和常見問題解答。 讓我們在上下文中查看這些標籤。 這是來自 Schema.org 的示例:

<div itemscope itemtype ="https://schema.org/Movie"> <h1 itemprop="name">Avatar</h1> <span>Director: <span itemprop="director">James Cameron</span> (born August 16, 1954)</span> <span itemprop="genre">Science fiction</span> <a href="../movies/avatar-theatrical-trailer.html" itemprop="trailer">Trailer</a> </div>

這可能看起來像 gobbledygook 並且看起來很難集成。 幸運的是,事實並非如此。 我們將在本文後面向您展示如何將這些標籤應用於您的內容,這比看起來容易得多。 實際上,只需單擊幾下並複制/粘貼即可。

為什麼架構對 SEO 很重要?

Schema SEO 對幾乎任何類型的網站都有好處。 這些網站包括博客、在線商店和本地企業。

例如,假設您正在為產品頁面使用模式標記。 在這種情況下,您可以應用諸如OfferAggregateRating之類的標籤來定義您的價格和評級。 通過這種方式,谷歌和其他搜索引擎可以讀取您頁面上的這些基本元素並將它們顯示在他們的 SERP 中。

如前所述,此標記將幫助您獲得產品的豐富片段:

使用模式標記 SEO 在 Google 中獲得豐富結果的示例。

當您正確使用它時,Schema 標記 SEO 還可以幫助您在 Google 中獲得知識面板(或知識圖譜)。 這是一個突出顯示有關您的品牌的重要細節的框:

Google 中的知識面板示例

此外,如果您在常見問題頁面上使用架構 SEO,您還可以獲得豐富的結果。 它將包括與用戶搜索查詢相關的常見問題的答案:

Google 中的一個常見問題解答片段示例使用架構 SEO。

還有其他類型的豐富網頁摘要可用,具體取決於您的網站和您提供的產品或服務的類型。 其中包括食譜、軟件應用程序和課程。

SERP 中出現的額外數據可以產生很大的影響。 如果用戶看到您的大量正面評價,他們可能更有可能點擊您的頁面。 這些點擊率可以增加您的自然流量,從而提高轉化率。

此外,讓您的操作指南和常見問題解答內容出現在豐富的片段中可以幫助您建立權威。 用戶會立即看到您可以幫助回答他們的問題。 這可能會產生更多的流量和參與度,這可能會幫助您在 Google 的 SERP 中排名更高。

如何使用模式標記來改進 SEO

正如我們剛剛看到的,模式標記是您的 SEO 策略的重要組成部分。 它可以通過豐富的摘要提高您在 SERP 中的可見性,從而增加您的自然流量。

幸運的是,您不需要任何編碼經驗即可開始使用模式標記。 事實上,有一個工具可以為您生成代碼。 這是 Google 的結構化數據標記助手:

Google 的結構化數據標記助手可以幫助進行架構標記 SEO。

本教程將向您展示如何使用此工具將模式標記添加到 WordPress。 讓我們開始吧!

第 1 步:選擇頁面並標記您的數據

您需要做的第一件事是選擇數據類型(例如,書評或產品)並輸入您要標記的頁面的 URL:

在結構化數據標記助手中選擇數據類型

在本教程中,我們將使用 WooCommerce 產品。 但是,您可以選擇任何帖子或頁面進行架構標記。

準備好後,單擊開始標記。 這將帶您進入標籤數據頁面:

標籤數據頁面

在這裡,我們將手動從頁面中選擇元素並為它們添加適當的標籤。 讓我們從產品名稱開始。

要選擇一個元素,請在預覽面板中突出顯示它,然後從菜單中選擇標籤。 在這種情況下,我們將選擇Name

在結構化數據標記助手中選擇要標記的數據

您選擇的標籤將出現在屏幕右側的面板中:

在結構化數據標記助手中標記模式標記數據

如您所見,我們還標記了圖像、產品描述和價格。 您可能會注意到您無法突出顯示某些元素。 如果是這種情況,您需要單擊右側面板底部的添加缺失標籤按鈕。

然後,您可以手動輸入此數據。 例如,我們正在添加我們的評級值:

添加缺失標籤選項

我們建議您添加盡可能多的信息,無論您是在標記產品頁面、博客文章還是任何其他類型的內容。 使用更多細節將增加您在 Google 中獲得豐富結果的機會。 客戶評論、產品評級和價格等數據可以為用戶增加價值,並為您的網站帶來更多流量。

第 2 步:在 WordPress 中輸入您的標記代碼

完成數據標記後,單擊輸入屏幕右上角附近的紅色創建 HTML按鈕。 這將根據您的選擇生成架構標記代碼,如下所示:

結構化數據標記助手中的模式標記代碼

如您所見,您獲得了兩種類型的輸出格式: JSON-LDMicrodata 。 在本教程中,我們將使用 JSON-LD,因此您可以繼續複製此代碼。

將模式標記添加到 WordPress 站點的最簡單方法是將生成的代碼直接插入到您的帖子或頁面中。 有幾種方法可以做到這一點,並且您標記的內容類型可能會有所不同。

將架構添加到 WooCommerce 產品頁面

如果您要標記 WooCommerce 產品,請轉到您的 WordPress 儀表板並打開相關產品進行編輯。 在正文文本字段中,選擇文本選項卡並粘貼架構標記代碼:

在 WooCommerce 產品頁面中添加架構代碼

然後,單擊更新以保存您的更改。 就是這樣 - 您的模式標記已添加! 稍後我們將向您展示如何測試這些更改。

如何將模式標記添加到 WordPress 帖子或頁面

如果您將架構標記添加到頁面或帖子,該過程同樣簡單。 打開要標記的頁面或帖子。 然後,單擊加號 ( + ) 添加新塊,然後選擇自定義 HTML

在 WordPress 頁面中添加 HTML 用於架構標記 SEO。

在這裡,您需要輸入從結構化數據標記助手生成的代碼。 不用擔心 - 您的訪問者不會看到此信息。 完成後,單擊更新

第 3 步:測試您的模式標記

您現在可以測試您的結構化數據並查看您的標記內容在 Google 中的樣子。 您可以使用 Google 的架構標記測試工具:

結構化數據測試

讓我們做一個豐富的結果測試。 從上面的頁面中選擇 Schema Markup Testing Tool,然後輸入您要檢查的頁面的 URL:

架構標記 SEO 的豐富結果測試。

生成報告可能需要幾分鐘時間。 準備就緒後,單擊“預覽結果”選項。 在這裡,您將看到豐富網頁摘要的預覽:

豐富網頁摘要預覽

如您所見,我們剛剛標記的數據在結果中可見。 它包括產品的價格和星級。

WordPress 架構插件

到目前為止,我們已經研究了手動添加模式標記 SEO。 但是,許多 WordPress 插件可以進一步優化您的內容。 讓我們來看看一些流行的選擇!

Yoast 搜索引擎優化

如果您的網站上已經安裝了 Yoast SEO,則可以使用此插件添加架構標記:

Yoast SEO 可以幫助您進行架構標記 SEO。

該工具為您完成大部分工作。 例如,它使用 schema.org 自動描述您的帖子和頁面。 但是,您也可以更改這些默認類型:

Yoast SEO 的默認架構類型

該插件還收集有關您網站的信息,以幫助您獲得知識面板。 要確認這些詳細信息,請導航到 WordPress 儀表板中的SEO >搜索外觀。 然後,向下滾動到Knowledge Graph & Schema.org字段:

Yoast 的知識圖和 Schema.org 設置

在這裡,您需要選擇您的站點是代表個人還是組織。 您還需要提供名稱並上傳徽標。 如果您已經填寫了這些信息,您可能需要檢查它是否正確且是最新的。

排名數學 SEO

您可以使用的另一個插件是 Rank Math SEO。 與 Yoast 一樣,此工具可幫助您將架構標記添加到您的站點:

Rank Math SEO 插件

當您安裝此插件時,其設置嚮導將使您能夠為您的帖子、頁面和產品添加架構類型:

Rank Math 的模式標記選項

您還可以通過導航到 WordPress 儀表板中的Rank Math > Titles & Meta來訪問這些設置。 然後選擇PostsPages以編輯架構類型:

在 Rank Math 中編輯模式類型

如果您升級到 Rank Math 的專業版,您將可以訪問模式生成器。 此功能使您能夠為不同類型的內容添加其他數據類型,包括食譜、職位發布和事件。

WP 和 AMP 的架構和結構化數據

您可能還需要考慮使用提供更廣泛數據標籤選擇的插件。 例如,WP & AMP 的模式和結構化數據有超過 35 種模式類型:

WP 和 AMP 的架構和結構化數據

例如,如果您經營一個旅遊網站,您可以使用TouristAttractionTouristDestination 。 使用此插件,您還將獲得不同模式類型的古騰堡塊。

此外,您可以從超過 75 個平台獲取業務或產品評論。 這些推薦可以幫助您在 SERP 中獲得更豐富的結果。 人們非常關注這類事情。

結論

向您的網站添加架構標記有助於增加自然流量。 這是因為它會顯示您內容的豐富片段,這些片段是帶有附加數據(例如產品評分和價格)的搜索結果。 這些豐富的結果往往會比正常的結果吸引更多的點擊。

您可以使用結構化數據標記助手等工具為您的帖子和頁面添加架構標記。 此外,Yoast SEO、Rank Math SEO 和 WP 和 AMP 的架構和結構化數據等插件具有架構設置,可以進一步優化您的網站。

您對架構標記 SEO 有任何疑問嗎? 請在下面的評論部分告訴我們,我們會盡力提供幫助!

特色圖片來自 Sammby/shutterstock.com