搜尋引擎優化（SEO）的主要目標是讓你的內容在對你的品牌或業務最重要的關鍵詞的搜尋結果中排名更高。
然而，在排名中獲得最靠前的位置可能還不足以使你的網站在競爭中脫穎而出，贏得令人羨慕的有機點選。你可能需要額外的優勢來獲得最多的點選量（和實際流量）–這就是schema標記的作用。
schema標記是一種結構化資料的形式，為搜尋引擎提供關於你的內容的額外資訊。模式的好處是，它可以使你的內容在自然搜尋結果中的出現得到視覺上的增強，從而使它脫穎而出。
例如，你可以使用schema來告訴谷歌一個頁面是代表食譜、部落格文章還是產品頁面，而你的搜尋列表可能包括一些額外的資訊。此外，你可以選擇使用標記來包括哪些資料，如星級、價格，甚至烹飪時間。
在這篇文章中，我們將解釋什麼是schema標記，並分解其好處。然後，我們將告訴你如何在你的網站上新增schema標記。
什麼是Schema?
你建立的每個頁面都應該包含相當數量的後設資料。對於SEO來說，一些最重要的元素包括頁面標題、元描述、alt文字和標題標籤。這些後設資料會極大地影響你的網站在搜尋引擎結果頁（SERP）中的顯示方式。
將schema標記視為頁面後設資料的 “下一層次”。模式不是簡單地告訴搜尋引擎一個頁面的標題和描述是什麼，而是提供背景。
你可以使用schema來表明每個頁面的內容，如位置、食譜、產品和數百個其他選項。為了給你一個例子，這裡是一個菜譜的搜尋結果在沒有schema的情況下是什麼樣子：
它看起來不錯，肯定能得到一些點選。讓我們把它與一個使用schema標記的豐富片段搜尋結果進行比較，包括評級、加註數和烹飪時間。豐富的結果是可能的，因為有schema標記：
如果你在尋找一個食譜，你會點選這兩個結果中的哪一個？對許多人來說，答案會是後者，因為它能直接提供更多資訊。
有很多schema”類別”用於不同型別的內容。除了菜譜，你也有關於一個人的選項。如果你希望搜尋結果片段包含出生日期、父母和兄弟姐妹的名字等資訊，這可能是完美的。
向網頁新增Schema的最常見方法之一是利用關聯資料的JavaScript物件符號（JSON-LD）。
下面是一個使用JSON-LD的Schema標記的例子，如果你在做一個香蕉麵包的食譜，會是什麼樣子：
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Recipe",
"author": "John Smith",
"cookTime": "PT1H",
"datePublished": "2009-05-08",
"description": "This classic banana bread recipe comes from my mom -- the walnuts add a nice texture and flavor to the banana bread.",
"image": "bananabread.jpg",
"recipeIngredient": [
"3 or 4 ripe bananas, smashed",
"1 egg",
"3/4 cup of sugar"
],
"interactionStatistic": {
"@type": "InteractionCounter",
"interactionType": "https://schema.org/Comment",
"userInteractionCount": "140"
},
"name": "Mom's World Famous Banana Bread",
"nutrition": {
"@type": "NutritionInformation",
"calories": "240 calories",
"fatContent": "9 grams fat"
},
"prepTime": "PT15M",
"recipeInstructions": "Preheat the oven to 350 degrees. Mix in the ingredients in a bowl. Add the flour last. Pour the mixture into a loaf pan and bake for one hour.",
"recipeYield": "1 loaf",
"suitableForDiet": "https://schema.org/LowFatDiet"
}
</script>
該指令碼將進入頁面的HTML中，而你可以完全控制schema元素。有些工具可以讓你在不使用程式碼的情況下新增schema標記，只需選擇你正在處理的內容型別並填寫一些欄位。
(別擔心，我們將在下面分享一些我們最喜歡的schema生成器工具）。
簡而言之，schema是你新增到網站頁面的標記，為搜尋引擎提供關於你的內容的額外資訊。現在讓我們來談談這一過程如何使你的網站受益。
為什麼使用Schema標記可以提高你的SEO？
明確地說，僅僅是在網頁上存在結構化資料並不能提供全面的排名提升。
例如，假設你有兩個網站，一個使用模式標記，一個沒有。如果它們競爭相同的關鍵詞，並具有類似的域名授權和內容質量，它們可能會得到類似的排名。
然而，模式標記確實有助於提高有機點選率。通過使你的搜尋結果看起來更有吸引力，你會增加使用者點選你的結果而不是競爭對手的機會。
谷歌的研究支援了這一點。在一項研究中，谷歌發現Rotten Tomatoes在其超過10萬個網頁中新增了模式標記，與沒有使用該標記的網頁相比，點選率增加了25%：
Food Network也看到了類似的結果。新增模式標記後，有機流量的訪問量增加了35%：
除了幫助你獲得更多的點選之外，模式標記還可以使你的網站出現在本地搜尋中，這取決於你在網站上新增的後設資料。
例如，如果你在一個場地或活動的頁面上新增位置後設資料，當使用者尋找附近的選擇時，它可能會出現：
同樣，谷歌從網頁中提取模式資訊來填充搜尋結果中的知識面板。這些面板可能不會直接連結到你的網站，但它們為搜尋使用者提供了更好的體驗。
雖然模式標記不影響搜尋引擎的排名，但從搜尋引擎的角度來看，實施它仍然是一個明智之舉。新增標記可以增加已經有良好排名的網頁的點選量，這絕對值得為設定它而付出（少量）努力。
如何在你的網站上新增Schema標記
根據你使用的是WordPress還是不同的網站構建器，有兩種方法可以將schema標記新增到網站上。對於WordPress網站，你可以使用schema標記外掛來簡化這一過程。
否則，你將需要手動新增標記（這並不複雜）。讓我們來看看這兩種方法!
1. 使用Schema標記WordPress外掛
不出所料，在WordPress中有多種schema外掛可以使用。事實上，一些最流行的SEO外掛，包括Yoast SEO和Rank Math，可以讓你在文章和頁面中新增schema標記。
使用SEO外掛新增schema程式碼的唯一缺點是，你對後設資料的控制不多。例如，Yoast SEO只讓你選擇你正在處理的頁面或文章的型別：
如果你想對你新增到WordPress內容中的schema資料進行更多的控制，你需要使用一個專門的外掛。我們最喜歡的工作工具之一是Schema & Structured Data for WP & AMP：
這個外掛使你能夠向任何文章或頁面新增自定義JSON-LD標記。你也可以設定預先配置的schema標記型別，並根據你正在處理的內容決定包括哪些欄位。
啟用該外掛後，在WordPress儀表板中進入Structured Data > Schema Types，選擇Add Schema Type選項：
該外掛會問你想設定什麼schema。你可以從一個包括Schema.org上所有模式的列表中進行選擇。一些最常見的選項包括文章、產品、新聞文章和FAQ的標記：
你可以訪問的標記元素將取決於你選擇的schema。之後，你可以決定對哪些型別的內容啟用該schema。
在這個例子中，我們為 “post” 內容型別配置了標記。
新增一種schema後，你就可以立即編輯它。schema編輯頁面將顯示其包括的預設欄位。
對於文章schema，你可以選擇你所處理的是否是基於列表的文章，以及它是否是可說話的。你還可以通過點選Add Property來新增其他屬性。
我們建議花時間定製每種schema，新增你希望出現在每個頁面的搜尋結果中的屬性。然而，請記住，如果你新增了太多的schema屬性，並不是所有的屬性都會在結果中顯示出來。平均而言，谷歌為每個結果顯示三到四個schema元素。
由於該外掛可以讓你配置哪些型別的內容將使用不同種類的schema，你不需要逐頁啟用標記。
然而，如果你正在編輯一個頁面或一個文章，並且你想新增自定義模式，你可以通過進入這個文章的schema和結構化資料小部件，選擇Custom Schema選項來實現。
如果你不確定如何使用JSON-LD構建schema標記，我們建議你檢視Schema.org。Schema標記是非常容易管理的，即使你不熟悉程式碼，因為它遵循一套非常直接的規則和屬性。
2. 手動新增Schema標記
向網站手動新增schema標記的步驟將取決於你使用的格式。到目前為止，我們只關注JSON-LD，因為它是最流行的schema標記資料的選擇（而且是谷歌推薦的）。
JSON-LD
將JSON-LD標記新增到一個頁面是相對簡單的。你需要使用你想包括的屬性把標記指令碼放在一起，並以正確的格式來組織它。
讓我們重新審視前面的JSON-LD schema標記片段的例子：
<script type=”application/ld+json”>{“@context”: “https://schema.org”,“@type”: “Recipe”,“author”: “John Smith”,“cookTime”: “PT1H”,“datePublished”: “2009-05-08”,“description”: “This classic banana bread recipe comes from my mom — the walnuts add a nice texture and flavor to the banana bread.”,“image”: “bananabread.jpg”,“recipeIngredient”: [“3 or 4 ripe bananas, smashed”,“1 egg”,“3/4 cup of sugar”],“interactionStatistic”: {“@type”: “InteractionCounter”,“interactionType”: “https://schema.org/Comment”,“userInteractionCount”: “140”},“name”: “Mom’s World Famous Banana Bread”,“nutrition”: {“@type”: “NutritionInformation”,“calories”: “240 calories”,“fatContent”: “9 grams fat”},“prepTime”: “PT15M”,“recipeInstructions”: “Preheat the oven to 350 degrees. Mix in the ingredients in a bowl. Add the flour last. Pour the mixture into a loaf pan and bake for one hour.”,“recipeYield”: “1 loaf”,“suitableForDiet”: “https://schema.org/LowFatDiet”}</script>
你新增的任何JSON-LD指令碼必須放在你正在處理的HTML檔案的<body>標籤中。程式碼應根據你所建立的內容型別而有所不同，但你所需要的只是一個文字編輯器來新增它。
如果你不熟悉schema屬性，你也會想保持Schema.org網站的開放。該網站向你展示了你可以使用schema標記的屬性以及如何新增它們的例子。
我們最喜歡的JSON-LD模式標記生成器
RDFa和Microdata格式
除了JSON-LD，你也可以使用RDFa和microdata格式。這兩種格式都不太流行，因為它們依賴於內聯程式碼。
下面是一部電影的schema標記片段，表明它的導演、型別，並連結到預告片，可能是這樣的：
<div itemscope itemtype ="https://schema.org/Movie"> <h1 itemprop="name">Apocalypse Now</h1> <span>Director: <span itemprop="director">Francis Ford Coppola</span> <span itemprop="genre">Action</span> <a href="../movies/apocalypsenow-theatrical-trailer.html" itemprop="trailer">Trailer</a> </div>
Microdata需要直接在<div>標籤中為每個專案新增屬性，這同樣適用於RDFa。在實踐中，這種方法太耗時了，而且你無法自動處理，這與處理JSON-LD標記不同。
如何驗證你的Schema標記
如果Schema標記無效，為什麼要花那麼多時間去理解和建立所有的Schema標記？記得使用Schema.org標記驗證器來檢查你的工作。要使用它，只需插入你的URL並點選 “Run Test”。
另外，你可以向測試器新增一個原始程式碼片段，看看是否一切都能正常驗證。在螢幕的右半部分，要特別注意 “errors”和 “warnings”通知，如果有任何問題，這將幫助你排除模式的故障。
無論是哪種測試方式，這一重要步驟將確保搜尋引擎識別你新增到內容中的額外結構化資料，並在搜尋結果中適當地顯示。
小結
如果你想讓你的網站獲得儘可能多的流量，你就需要提高其搜尋引擎排名和點選率。Schema標記可以幫助你實現後一個目標，如果你不使用它，你可能會錯過大量的訪問者。
在你的網站上新增Schema標記並不困難。然而，這個過程因你是否使用WordPress而有所不同：
- 使用Schema標記的WordPress外掛。
- 手動新增Schema標記。
評論留言