結構化資料是什麼？Google結構化資料實戰與SEO成效分享！

Q: 什麼是結構化資料？

結構化資料是一種標準化格式，作用是提供網頁相關資訊並將網頁內容分類。Google 會利用從網路上找到的結構化資料來瞭解網頁內容，以及收集網路和全球的資訊。

結構化資料(Structured Data)可說是進入搜尋引擎優化（SEO）領域中的一個門檻了。它可以在 Google 搜尋結果上，提供我們較大的版面來去做呈現。這篇文章將會帶到文章結構化資料設定、網站結構化例子與相關測試工具，希望對大家有幫助。

內容目錄

什麼是結構化資料？

結構化資料是一種標準化格式，作用是提供網頁相關資訊並將網頁內容分類。

Google 會利用從網路上找到的結構化資料來瞭解網頁內容，以及收集網路和全球的資訊。

結構化資料的好處為何？

Google 搜尋會使用結構化資料來提供特殊搜尋結果功能和強化項目。例如，當食譜網頁提供了有效的結構化資料，就可以顯示在圖片搜尋結果中呈現。除外，我們也可以透過結構化資料得到更大的版面呈現。

結構化資料對SEO有幫助嗎？

結構化資料所呈現的好處是非常大的！如果我們有在用 Google Search Console 監測我們網站的 SEO 成效，可以在「搜尋外觀」中，看到「常見問題複合式搜尋結果」，這邊就會呈現目前網站有呈現的結構化資料點擊狀態。依照我目前的實測，如果一篇文章已經上首頁，再去做調整的話，整體的點閱率最好會飆高到 2 倍以上。

贊助商連結

結構化資料的種類有哪些？

常見的結構化資料以「FAQ」、「Video」、「產品結構化資料」為主，以下為 Google 目前提供的結構化資料格式，大家可以點擊搜尋外觀相關主題總覽查看更多細節～

結構化資料的推薦格式？

Google 支援「JSON-LD」、「microdata」、「RDFa」三種格式，我們必須選擇在網頁中加入其中一種格式的標記，網頁才能符合顯示複合式搜尋結果的條件，而 Google 建議我們盡量使用 JSON-LD 的結構化資料。

結構化教學：結構化資料如何做？

第一種：使用 Google 代碼管理工具（GTM）動態產生 JSON-LD

Google 代碼管理工具平台可讓您完全不必編輯程式碼，直接管理網站上的代碼。如要透過 Google 代碼管理工具產生結構化資料，請按照下列步驟操作：

在您的網站上設定及安裝 Google 代碼管理工具。
在容器中新增自訂 HTML 標記。
將所需的結構化資料區塊貼到代碼內容中。
前往容器管理選單的「安裝 Google 代碼管理工具」部分，按照其中的說明安裝容器。
如要在網站上新增代碼，請透過 Google 代碼管理工具介面發布您的容器。
測試實作成果。

第二種：利用自訂 JavaScript 產生結構化資料

另一種產生結構化資料的常見方法是使用自訂 JavaScript，您可以透過這種方式產生所有結構化資料，或者為伺服器端轉譯的結構化資料增添更多資訊。無論您採取哪種做法，Google 搜尋在轉譯網頁時皆可解讀及處理 DOM 中提供的結構化資料。如要進一步瞭解 Google 搜尋如何處理 JavaScript，請參閱 JavaScript 基礎知識指南。

如何實作結構化資料-以FAQ結構化資料為例

當我們已經寫好一篇文章後，我們可以到 FAQPage JSON-LD Schema Generator 中，去把自己的文章自行撰寫出問與答，然後點擊下方的「Copy FAQ Schema」，就可以複製起來。

接著我們到自己的文章後台，到文章閱覽程式碼的地方（像是 WordPress 為右上角「文字」的部分），將我們複製好的程式碼放在文章最底部。

接著把文章發佈之後，我們回到文章頁面（不是發布文章的編輯器地方喔！），就可以透過 Chrome 的開發人員工具來去檢查程式碼是否放好了。

如何打開開發人員工具？

打開開發人員工具的方法有以下三種：

在網頁中按一下滑鼠右鍵，然後選取 [檢查元素]。系統就可顯示所點擊元素的 HTML 程式碼。
依序選取 [檢視] > [開發人員] > [開發人員工具]。
使用「alt + command + i」鍵盤快速鍵。
Mac 的話則是用「Option+Command+i」可以打開即時閱覽、「Option+Command+u」則是全頁搜尋。

以下我透過「Option+Command+u」，再度把我剛剛「Copy FAQ Schema」複製好的程式碼去做搜尋，就可以看到在文章頁面紅色框框處已經放在文章裡面了（但是我們看不到喔！）