結構化資料標記，讓Google更懂網站的心！

你有沒有在搜尋資料的時候，在結果頁上看到有些網頁呈現出來的資訊就是比其他人還要豐富？能夠展示公司網站中重要頁面、最近的活動、發文、或是在地商家的評等。

而在網頁的html程式碼中做結構化資料標記，可以讓搜尋引擎或其他機器人能夠快速讀懂內容，提高出現此種結果的機率。

為什麼要做結構化資料標記？
結構化資料標記有哪些種類？
如何做結構化資料標記？
如何測試結構化資料是否正確？

為什麼要做結構化資料標記？

讓Google搜尋引擎或其他機器能夠更準確的判斷你提供的資訊，並在有需求的使用者搜尋時，以更直覺的方式呈現給他們，並提供更多相關的內容吸引使用者點擊。

這邊要提到一件重要的事情：第零位(Position Zero)。

你在Google上搜尋問題的時候有時候會出現一個特別明顯的搜尋結果，而且這個結果會比原本的第一名更上面，這個額外出現的視窗就是第零位(Position Zero)。如下圖

紅框內就是第零位(Position Zero)，會將網頁的內容獨立顯示，讓搜尋的人一目了然。

當網頁內容變成第零位(Position Zero)會有甚麼好處？

Moz的Dr. Peter J. Meyers觀察得出：

在第零位(Position Zero)的搜尋結果點擊率提高了114％！

而且第零位(Position Zero)不需要原本的排名就在第一名，只要在搜尋結果的第一頁就有機會成為第零位(Position Zero)！只要你的網頁排名在第五名就有接近10%的機率會是第零位(Position Zero)，像是上圖的第零位(Position Zero)就是原本的第四名列出的。

資訊及圖片來源：https://moz.com/blog/ranking-zero-seo-for-answers

結構化資料有做好會讓搜尋引擎更容易把你的網頁放在第零位(Position Zero)，進而提升114%的點擊率，這樣你還不做結構化資料嗎？

結構化資料標記有哪些種類？

書、電影、音樂、食譜、人物、文章...等等均有，可以在Schema.org內找到所有的種類，這個網站是由Google、Microsoft、Yahoo、Yandex共同創建，裡面會列出結構化資料內可用的詞彙表，以及各詞彙所代表的意思。

以下介紹較常見的結構化資料標記種類，也就是大部分網站都可以應用到的結構化資料類型，以及在添加後對於網站在搜尋樣貌上的幫助：

組織(Organization)：

將組織結構化資料的標記在網站的首頁，表示您的網站是一個品牌網站。

知識圖譜(Knowledge Graph)的內容：

在首頁標記品牌資訊(如商標、社群資料、電子郵件和企業聯繫資訊：例如電話號碼等)，這些資訊能夠在我們使用者進行品牌關鍵字搜尋時，出現在知識圖譜的盒子中。

↑搜尋moz這個品牌時的知識圖譜。

網站連結搜尋框(Sitelinks Search Box)：

如果你的網站中有站內搜尋的功能，你可以針對它做標記，使搜尋框出現在網站連結(sitelinks)中。

↑搜尋Pinterest時，出現的網站連結搜尋框。

麵包屑(Breadcrumbs)：

透過添加麵包屑結構化標記，可以在讓網站在搜尋結果中獲得麵包屑。

↑奇寶部落格文章，透過麵包屑標記，呈現麵包屑在搜尋結果

影片標記(VideoObject)：

如果網站當中有影片內容，這個標記可以讓網站中的影片，有機會出現在搜尋結果中的影片摘要(video snippets)中，顯示上傳者、上傳時間、影片長度、影片縮圖等等資訊。

↑搜尋"game theory video(賽局理論影片)"出現的影片摘要

在搜尋結果中的星星評論(Star reviews)：

透過標記我們的評論，可以獲得星星的評價在搜尋結果當中。但值得我們注意的是，儘管評論(Review)本身就是一種結構化資料的類型，需要在網站中標記相對應的資料，但其實評論可以同時存在於其他結構化資料類型，舉例來說：

↑這是單獨加評論結構化資料標記後的搜尋結果

↑紅框是在食譜結構化資料標記當中的評論，藍框則是食譜結構化資料標記

以上面的例子來說，要呈現第二張圖的效果，就要在食譜類型的結構化資料標記中，額外標記"累積使用者評分"在"評論(review)"這個屬性(property)。類似的應用方式，除了在食譜中，也可以在如人物(Person)等類型的結構化資料中做評論的屬性標記。另外是在使用時機上，假如這個頁面的主要資料類型並不是評論時(可能是食譜的資料類型)，但頁面中又有評論的資料，就是一個應用這個方法的好時機。此外除了評論外，像是日期、時間長度等，也可以做為一個屬性在某一類的結構化資料標記中出現。

最後除了較為通用的結構化資料標記類型外，其實對於特定行業或類型的網站，應用某幾種類型結構化資料標記會特別的有幫助，這部分我們將會在後續寫一篇文章跟大家做說明，請大家敬請期待。

如何做結構化資料標記？

一、用Google提供的結構化資料標記協助工具

首先貼上你要標記的網址並選擇網頁內容的類型，點選「開始標記」

在網頁上將要標記的部分反白，你就能定義反白的部分是名稱、日期、地點、或其他資料，標記完成後，點選「建立HTML」

小工具會告訴你，黃色的部分就是你應該要加入的標籤，你就能按照他的指示把這些新增到你的程式碼中

當 Google 下次檢索你的網站時，這些被標記的活動資料就可供搜尋結果頁面的複合式摘要(Rich Snippets)使用囉！

二、使用結構化標籤產生器

對於行銷人員，如果不懂程式碼的話，最簡單的方法，可以使用結構化標籤產生器來標記

在最上面要先選擇你要做結構化標籤的網頁是甚麼類型，可選擇以下類型：

企業、人、產品、事件、組織、網站

將你公司的相關資訊填入，右邊的視窗就會自動幫你寫出結構化資料。

這時候只要將右邊的文字全部複製並放入head標籤裡面，就可以完成結構化資料的建立。

三、使用Schema.org的結構化資料

在這個頁面中可以了解你的網頁內是屬於哪種類型的資料

參考裡面的標籤及說明替內容增加結構化資料

最下面也有修改的教學，可參照裡面的內容做修改

如何測試結構化資料是否正確？

Google有提供結構化資料測試工具

在這邊可以輸入網址或是直接將程式碼貼上，已經上線的網頁及程式碼都可以檢測。

拿上面用結構化工具產生器的程式碼測試，可以清晰的看出結構化資料是否有輸入錯誤。

如果都沒有問題，當 Google 下次檢索你的網站時，這些結構化資料就可供搜尋結果頁面的複合式摘要(Rich Snippets)使用囉！

最後要提醒大家：

添加結構化資料，不一定保證你的網站就會在搜尋結果中，獲得複合式摘要(Rich Snippets)等增強的搜尋結果，但沒有添加，出現的機會只會更低。
結構化對排名不會有直接影響，結構化資料並不是一個直接影響排名的因子。但透過讓搜尋引擎更了解頁面內容，優化我們網站的搜尋樣貌，在搜尋結果提供、呈現更多資訊，會進而吸引使用者點閱，帶入更多的流量。長遠來看，間接對於排名還是會產生幫助。

綜合以上兩點，可以知道對於SEO，結構化資料還是有添加的必要，並且可以透過我們前面提到的那些方法，來做添加的動作，如此一來，能讓Google和使用者都更瞭解我們的網站喔！

如果想瞭解更多關於結構化的資訊，你可以參考以下的文章：

【奇寶小教室】跟著工程師學結構化資料！-文章結構化資料

【奇寶小教室】跟著工程師學結構化資料！-產品結構化資料

【奇寶小教室】跟著工程師學結構化資料！-在地商家結構化資料

【奇寶小教室】跟著工程師學結構化資料！-麵包屑結構化資料

【奇寶小教室】跟著工程師學結構化資料！-站內搜尋框

【奇寶小教室】跟著工程師學結構化資料！-事件結構化資料

【奇寶小教室】跟著工程師學結構化資料！-輪轉介面(Carousels)