CLOSE
網頁新知
2019.08.03

Google FAQ 結構化資料啟用,讓問與答在搜尋結果中直接呈現

Google FAQ 結構化資料啟用,讓問與答在搜尋結果中直接呈現

Google FAQ 結構化資料介紹 , 讓問與答在搜尋結果中直接呈現|網頁新知|鵠崙設計02

2019/08/14 更新常見問題結構化資料實例

當 Google 驗證網站中 FAQ 結構化資料是沒有任何錯誤的,只要使用者所搜尋的字詞與常見問題頁面中有較高的關聯性,就會將我們製作的結構化資料以不同的樣式呈現於搜尋結果中,以提供給使用者更直觀的搜尋答案。

下方是鵠崙設計在寫入常見問題結構化資料程式後,搜尋結果中呈現的常見問題結構化資料的影片,提供給大家參考!

一、Google 新增常見問題結構化資料

Google FAQ 結構化資料介紹 – 在提升使用者搜尋體驗的前提下,Google 對網站搜尋結果中所呈現的樣式有一套程式碼規則,名稱為 Sructured Data ,中文翻譯為 結構化資料,其用途是在於標記網頁內容,讓搜尋引擎可以根據結構化資料標記的重點,為不同的搜尋目的呈現特殊樣式,也就是在 SEO 優化常會提到的複合式搜尋結果,而本篇文章所要說明的常見問題結構化資料,就是屬於複合式搜尋結果的其中一種。

在建立常見問題結構化資料前,必須要先閱讀編輯規則,下圖是 Google 結構化資料關於常見問題(FAQ)的說明,只要網站內有建立固定的問題與答案,就可以透過 FAQ 結構化資料格式將文字說明放置於對應代碼位置, 讓常見問題網頁在搜尋結果中 “有機會 ” 以複合式資訊的方式呈現給使用者。

Google FAQ 結構化資料介紹 , 讓問與答在搜尋結果中直接呈現|網頁新知|鵠崙設計03

圖片來源:Google 常見問題結構化資料

那麼要如何做才能為常見問題頁面加入結構化資料呢?首先必須在 Google 常見問題說明頁中點選 JSON-LD 標籤下的查看標記,就會進入複合式搜尋結果測試網站中,如下圖所示,中間的部分就是以 JSON-LD 格式製作常見問題結構化資料的範例。

Google FAQ 結構化資料介紹 , 讓問與答在搜尋結果中直接呈現|網頁新知|鵠崙設計04

點選測試代碼的按鈕後,就會看到常見問題範例代碼在測試後的結果,如下圖所示,在這一個步驟就可以在左邊 JSON-LD 代碼區域嘗試輸入自己網站中常見問題的文字,分別在 name 以及 Answer text 中輸入問題與答案,避免修改到任何符號,只需取代文字的部分即可,完成後點選重新測試,如果出現的一樣式綠色提示文字,就代表結構化資料有效。

Google FAQ 結構化資料介紹 , 讓問與答在搜尋結果中直接呈現|網頁新知|鵠崙設計05

二、常見問題結構化資料建立實測

筆者以鵠崙設計官方網站中網頁設計相關問題此一頁面來做常見問題結構化資料,在完成標記後,有兩種方法可以將結構化資料導入網站中:

使用函數定義常見問題頁面,指定加入結構化資料。

  1. 在 Google Tag Manager 設定條件,當網頁載入時將導入結構化資料。
  2. 如果網站中需要加入較多不同種類的結構化資料,建議使用 Google 代碼工具來做統一管理,下圖是常見問題結構化資料完成代碼編輯後的畫面。

如果網站中需要加入較多不同種類的結構化資料,建議使用 Google 代碼工具來做統一管理,下圖是常見問題結構化資料完成代碼編輯後的畫面。

Google FAQ 結構化資料介紹 , 讓問與答在搜尋結果中直接呈現|網頁新知|鵠崙設計06

回到 Google 複合式搜尋結果測試網站,對設定好結構化資料的網頁網址做測試,如果顯示如下圖內容,表示結構化資料已經加入成功。

Google FAQ 結構化資料介紹 , 讓問與答在搜尋結果中直接呈現|網頁新知|鵠崙設計07

下方是常見問題結構化資料加入成功後在行動裝置上 Google 提供的預覽畫面影片,有興趣的讀者可以自行點擊觀看,可以對常見問題複合式搜尋結果所能呈現的樣式有更直觀的認識。

Google Bolg:New in structured data: FAQ and How-to

三、結語

對程式碼不了解,但又想為網站加入結構化資料以提升網站搜尋結果排名的競爭力嗎?歡迎與鵠崙設計聯繫,我們將以專業的網站技術為您提供最適合的解決方案!

CONTACT US

想了解更多資訊內容嗎?歡迎立即聯繫鵠崙設計!