結構化資料(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 代碼管理工具產生結構化資料,請按照下列步驟操作:

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

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

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

 

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

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

FAQ結構化資料設計

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

FAQ結構化資料擺放處

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

 

如何打開開發人員工具?

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

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

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

FAQ結構化資料檢查

 

安裝好的結構化資料如何測試?

在開發期間,請務必使用複合式搜尋結果測試來檢驗結構化資料,並於部署完成後,透過複合式搜尋結果狀態報告監控網頁的健康狀況,因為網頁可能會在部署完成後因為範本問題或提供服務時出現差錯而毀損。

結構化資料測試方式可以點擊以下的網址:https://search.google.com/test/rich-results?utm_campaign=sdtt&utm_medium=message

結構化資料測試

 

 

需要相關的行銷規劃與建議嗎?歡迎聯絡集客數據行銷:)

集客數據行銷為專業的數位行銷顧問公司, 以 SEO操作最為出名,目前也開發了獨自的 SEO 軟體 Ranking

在 LinkedIn 上,我們與 LinkedIn 官方有合作,找集客數據行銷投放廣告,可以省 20% 境外税,目前也有英文內容團隊可以協助公司經營 Company Page,有興趣歡迎聯絡我囉 :)SEO 文章操作|數位行銷|SEO公司名片

 

延伸閱讀

如何有系統地寫出一篇 SEO 文章?專業 SEO 公司操作手法大解密!

如何尋找部落客?從SEO的角度讓部落客行銷發揮加倍影響力!

SEO公司超過一百家如何選?5大建議讓你別再選錯SEO廠商!

【最新】電商 SEO 系列:電商網站上的影片如何有效操作 SEO

分享此篇

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *