SEO優化技巧:如何製作結構化資料,以產生復合式搜尋結果

SEO優化技巧:如何製作結構化資料,以產生復合式搜尋結果 - 網頁設計, 網站設計, 網頁方案, Website Design, 網絡推廣

在使用Google Search時,經常看到競爭對手網頁可以在Google搜尋結果中以「特殊」展現形式呈現,是不是讓您心生羨慕呢?

香港網頁表示,當網站使用結構化資料時,將有機會在搜尋結果上出現不同於傳統網站的版面,而這種版面被成稱為「複合式搜尋結果(Rich Results)」,例如:

▪ 搜尋框

SEO優化技巧:如何製作結構化資料,以產生復合式搜尋結果
搜尋框

▪ 影片摘要

SEO優化技巧:如何製作結構化資料,以產生復合式搜尋結果
影片摘要

▪ 星星等級和相關評論

▪ 詳細的產品資料

SEO優化技巧:如何製作結構化資料,以產生復合式搜尋結果
產品資料

▪ 詳細的商家資料

SEO優化技巧:如何製作結構化資料,以產生復合式搜尋結果
商家資料

▪ 詳細的APP資料

SEO優化技巧:如何製作結構化資料,以產生復合式搜尋結果
APP資料

▪ 網頁以FAQ方式出現

SEO優化技巧:如何製作結構化資料,以產生復合式搜尋結果
FAQ方式

……

簡單來說,複合式搜尋結果就是利用獨特的視覺效果或互動式功能,進一步強化的Google搜尋結果,因此他除了出現標準的藍色鏈接之外,還包含其他非文字的UI內容。

那麼,如何製作結構化資料,以產生復合式搜尋結果?

在解答這一問題之前,首先我們來看看結構化資料對SEO優化有什麼影響?

香港網頁表示,以資料標記的方式去註解網站內容並置入到網站的程式碼中,將有助於讓搜尋器快速理解網站,同時依照資料標記顯示各種搜尋結果,如常見問答會出現的下拉效果;購物網站的產品價格、評價、庫存狀態;……。

由於結構資料會讓搜尋結果以最佳表現方式來呈現,這會讓用戶在搜尋後可以預知網站內容,從而提高點擊的意願,間接提升網站關鍵字的排名

也就是說,網站做好結構化資料,對網站SEO成效有很大的幫助!

簡單講解,結構化資料與SEO優化的關係後,下面我們就來看看如何製作結構化資料,以產生復合式搜尋結果?

這裏提供四種方法,供大家參考:

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

網址:https://www.google.com/webmasters/markup-helper/

第一步,在Google結構化資料標記協助工具中,貼上要標記的網址和選擇網頁內容的類型,然後點選「開始標記」。

SEO優化技巧:如何製作結構化資料,以產生復合式搜尋結果
「Google結構化資料標記協助工具」使用步驟

第二步,在網頁把要標記的部分並定義為名稱、日期、地點或其他資料,然後點選「建立HTML」。

SEO優化技巧:如何製作結構化資料,以產生復合式搜尋結果
「Google結構化資料標記協助工具」使用步驟

第三步:按照提示將黃色部分的標籤添加至網站的程式碼中。下次Google檢索網站時,這些被標記的資料就可供搜尋結果頁面的複合式摘要(Rich Snippets)使用。

SEO優化技巧:如何製作結構化資料,以產生復合式搜尋結果
「Google結構化資料標記協助工具」使用步驟

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

網址:https://hallanalysis.com/json-ld-generator

對於不太懂程式碼的行銷人員而言,最簡單的方法就是使用結構化標籤產生器來標記。

SEO優化技巧:如何製作結構化資料,以產生復合式搜尋結果
「結構化標籤產生器」使用步驟

只要選擇網頁類型,填入相關資訊,介面的右邊視窗便會自動呈現網頁的結構化資料。隨後,將右邊的結構化資料全部複製並放入到網頁的「head」標籤,便可完成結構化資料的建立。

三、Google 搜尋中心說明文件

網址:https://developers.google.com/search/docs/advanced/structured-data/search-gallery

Google搜尋中心說明文件中提供各網頁類型的結構化資料說明,以及詳細介紹在網頁中新增結構化資料元素的方式。

SEO優化技巧:如何製作結構化資料,以產生復合式搜尋結果
參考「Google 搜尋中心說明文件」

點擊「開始使用」後,行銷人員可以按照網站類別去找到相對應的結構資料,以FAQ結構化資料類型為例:

Google搜尋中心說明文件會以步驟說明如何添加該類型的結構化資料。

SEO優化技巧:如何製作結構化資料,以產生復合式搜尋結果
參考「Google 搜尋中心說明文件」

以FAQ結構化資料的程式碼範例,供行銷人員參考。

SEO優化技巧:如何製作結構化資料,以產生復合式搜尋結果
參考「Google 搜尋中心說明文件」

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

網址:https://schema.org

Schema.org詳細訴述每種結構化資料的不同用法及需要使用的標記,在這個參考網站中,您可以了解網頁屬於哪種類型的資料:

SEO優化技巧:如何製作結構化資料,以產生復合式搜尋結果
「Schema.org」使用步驟

參考當中的標籤及說明,為內容增加結構化資料:

SEO優化技巧:如何製作結構化資料,以產生復合式搜尋結果
「Schema.org」使用步驟

以及提供修改範例,供行銷人員參考並做合適的修改:

SEO優化技巧:如何製作結構化資料,以產生復合式搜尋結果
「Schema.org」使用步驟

PS. 根據說明中心的資料顯示,雖然Schema.org提供很多結構化數據標記的文檔和指南,但上面的資訊較為繁雜,對Google Search來說未必全部都必要,因此建議優先使用Google搜尋中心說明文件做為參考指南。

最後,記得測試結構化資料是否正確?

網址:https://search.google.com/test/rich-results

2020年7月Google宣佈「複合式搜尋結果測試」已通過測試階段,透過該工具除了可以檢測結構化資料是否正確,還會偵測結構化資料目前存在哪些錯誤和警告。

總的來說,「複合式搜尋結果測試」具有以下優點:

▪ 依據提供的標記,顯示網頁適用於哪些搜尋功能強化項目

▪ 更有效地處理以動態方式載入的結構化資料標記

▪ 轉譯行動版以及電腦版的搜尋結果

▪ 驗證結果與Search Console報告完全一致

「複合式搜尋結果測試」工具的使用方法:

SEO優化技巧:如何製作結構化資料,以產生復合式搜尋結果
「複合式搜尋結果測試」使用步驟

直接輸入網頁的完整網址或程式碼片段即可進行測試。此外,行銷人員還可以選擇智慧型手機或電腦來測試網頁。

SEO優化技巧:如何製作結構化資料,以產生復合式搜尋結果
「複合式搜尋結果測試」使用步驟

測試工具會顯示在網頁上找到的複合式搜尋結果類型以及結構化資料的相關建議,確保行銷人員可以清晰知道如何修改。

SEO優化技巧:如何製作結構化資料,以產生復合式搜尋結果
「複合式搜尋結果測試」使用步驟

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

【最後】

雖然添加結構化資料,不一定保證網站就會以複合式搜尋結果呈現,但如果沒有添加,出現機會只會更低。

再者,結構化資料還可以在搜尋結果中為用戶提供更多資訊,進而吸引他們點擊,籍此帶入更多流量。從長遠來看,做好結構化資料的確能間接提升網站SEO成效。

結合這兩點,無論是對用戶體驗還是SEO優化,為網站設置好結構化資料都是很有必要的!


香港網頁提供一站式數碼營商方案服務,包括、網頁設計、網絡推廣、網頁管理與寄存、系統開發及其它增值服務,全方位滿足客戶的業務需要,歡迎隨時聯絡我們,香港網頁是您開拓網路商機的最佳伙伴。

聯絡電話: 37499734
電郵地址: [email protected]
網址: www.hkweb.com.hk