諮詢熱線:02-2369-8858

結構化資料與語意標記,讓Google更懂網站的心!

結構化資料與語意標記,讓Google更懂網站的心!

最後更新:2022/03/23 作者:KPN優化部
加入好友
結構化資料與語意標記,讓Google更懂網站的心!

你有沒有在搜尋資料的時候,在結果頁上看到有些網頁呈現出來的資訊就是比其他人還要豐富?除了一般的標題及描述外,還能夠展示公司網站中商品評論、庫存量,或是相關常見問題等。本文會介紹這種特殊版面是如何產生、種類有哪些,以及教大家製作並測試結構化資料。

 

 

複合式搜尋結果是什麼?

使用結構化資料後,有機會在搜尋結果上出現不同於傳統網站的版面,這種版面也被稱為「複合式搜尋結果(Rich Results)」
複合式搜尋結果(Rich Results)利用額外的視覺效果或互動式功能來進一步強化 Google 搜尋結果,除了標準的藍色連結之外,也包含其他形式的內容,例如輪轉介面、圖片或其他非文字 UI 元素。
 

結構化資料標記有哪些種類?常見的複合式搜尋結果

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

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

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

 

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

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

 

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

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

 

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

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

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

 

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

 

網頁內含有特定主題問答,只要加上適當標記,就有機會在 Google 搜尋服務上以複合式搜尋結果的形式呈現 FAQ 網頁。

↑搜尋「日本景點」出現的問題摘要

 

在產品頁面加上標記,能在 Google 搜尋結果 (包含Google圖片) 中提供詳細的產品資訊。使用者可以在搜尋結果上查看價格、供應情形和評分。

↑搜尋「TIGER水壺」時,出現的產品複合式搜尋結果

 

​​透過當地商家結構化資料可以向 Google 提供各種商家資訊,例如營業時間、地址、電話以及獲得的評論等等。當使用者在 Google 搜尋或地圖上搜尋商家時,即會顯示商家詳細資料。如果想讓使用者能夠直接在搜尋結果中訂位或下單,則可以透過 Maps Booking API 啟用預訂、付款等動作

↑搜尋「山嵐拉麵 公館」時,出現的商家詳細資料

 

只要在網頁內文中標記軟體應用程式資訊,就能在 Google 搜尋結果中更有效地顯示應用程式的詳細資訊,EX:評分、評論、價錢、適用系統等。

↑搜尋「goodnotes 5」時,出現的應用程式資訊

 

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

 

知識圖譜(Knowledge Graph)是什麼?

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

知識圖譜(Knowledge Graph)是Google的一個知識庫,從多種來源收集資訊,以提高Google搜尋的品質,除了顯示網站連結外,還提供更多關於「主題」的詳細資訊,讓使用者能夠一次解決他們查詢的問題,而不必導航到其他網站並自己匯總資訊。

 

舉例1:Google搜尋「moz」這個品牌時,在搜尋結果頁的右方會顯示公司的相關資訊,像是創辦人、創辦時間、總部位址等等

舉例2:Google搜尋"殭屍校園 演員",在搜尋結果頁的上方會直接把所有演員列出來,此外也會顯示開播時間、劇情介紹等資訊

 
 

複合式摘要與知識圖譜的差別?

相信很多人看到這邊一定會有一個疑問就是「複合式摘要」與「知識圖譜」究竟差在哪裡呢?他們的定義有何不同?別擔心!在以下的內容會來跟大家詳細說明兩者的差別。

  • 知識圖譜:由Google提供的整合型資訊,資料來源來自Google知識庫,能夠讓使用者更快速的找到答案或提供使用者原先沒有預期的搜尋結果資訊。比方說當你搜尋一些名人、景點、國家等關鍵字時,Google 會幫助你列出一些相關的題材,讓你以關聯的方式延伸搜尋下去。

  • 合式摘要:由網頁提供的資訊,能夠讓搜尋結果頁面產生除了標題、網址、敘述之外的資訊。在網站中添加結構化資料標記,即有機會在結果頁面上顯示出複合式摘要,但顯示格式會根據網站的內容、標記的資訊不同而有所不同。像是前面提到的網站連結搜尋框、麵包屑、評論摘錄、FAQ、當地商家等等都是。

 

精選摘要是什麼?可以透過結構化資料設定產生嗎?

 
你在Google上搜尋的時候有時候會出現一個特別明顯的搜尋結果,而且這個結果會比原本傳統的第一名更上面,這個版位會將網頁的內容獨立顯示,讓搜尋的人一目了然。這種版面被稱作「精選摘要(Featured Snippets)」。如下圖:

Google 搜尋結果有時不會依照標準格式在網頁連結後面附上網頁說明摘要,而是將摘要置於連結前方。系統會根據使用者的搜尋要求,來判斷網頁是否適合呈現為精選摘要,如果適合,就會自動顯示此格式,而精選摘要版位沒辦法透過任何的結構化資料去設定產生喔!

 

如何做結構化資料標記,以產生複合式搜尋結果?

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

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

 

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

 

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

 

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

 

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

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

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

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

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

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

 

三、Google 搜尋中心說明文件

在進行Google 搜尋結構化資料時建議可以參考Google 搜尋中心說明文件,裡面有提供各類型的結構化資料說明,並詳細介紹如何在網頁中新增結構化資料元素。

您可以按照網站的類別去找到相對應的結構化資料

找到後點擊「開始使用」,針對該類型的結構化資料裡面會有詳細介紹,以FAQ的結構化資料類型來舉例:

首先會以步驟說明如何添加該類型結構化資料

 

此外也會提供結構化資料的程式碼範例給您參考

根據說明中心的資料顯示,建議優先使用 Google 搜尋中心說明文件做為參考指南,雖然schema.org 上提供許多結構化數據標記的文檔和指南,但上面資訊繁多,對於 Google 搜尋來說可能並非必要。

 

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

Schema.org是一個參考網站,詳細敘述每一種結構化資料的不同用法及需要使用的標記。

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

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

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

 

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

Google複合式搜尋結果測試工具(原:結構化資料測試工具)

2020年7月Google宣布「複合式搜尋結果測試」已通過測試階段,我們可以使用「複合式搜尋結果測試」來檢測網頁的程式碼片段或網址,測試工具會傳回在網頁上偵測到的錯誤和警告。

 

「複合式搜尋結果測試」新功能:

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

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

  • 能夠轉譯行動版以及電腦版的搜尋結果

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

 

結構化資料測試步驟

開啟複合式搜尋結果測試工具,輸入網頁的完整網址或程式碼片段即可測試。

此外可以選擇要使用何種使用者代理程式(智慧型手機或電腦)來測試網頁。

測試工具會顯示在網頁上找到的複合式搜尋結果類型,以及結構化資料錯誤或相關建議,您可以清晰的看出結構化資料是否有輸入錯誤。

↑以上為奇寶網站使用此工具時的顯示內容。

 

如果發現錯誤或警告內容,可以展開個別項目查看詳細資料。

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

 


複合式搜尋結果與 Search Console 常見問題:https://developers.google.com/search/blog/2020/08/rich-results-search-console.html?hl=zh-tw

 

使用結構化資料後,搜尋成效是如何?

在2019/09/18,Google搜爬到影片結構化資料後,結合工程師持續優化調整,網站的點擊、曝光開始穩定的向上提升,至近期相關蒐尋成效更是大爆發!

自文章發出後到現在也快7個月了,你加入結構化資料了嗎?

 

添加結構化資料,可以幫助網站排名嗎?

添加結構化資料,不一定保證你的網站就會獲得複合式摘要(Rich Snippets)的搜尋結果,但沒有添加,出現的機會只會更低。

 

而結構化資料對網站排名不會有直接影響,因為結構化資料並不是一個直接影響排名的因素。但透過讓搜尋引擎更了解頁面內容,優化我們網站的搜尋樣貌,在搜尋結果提供、呈現更多資訊,會進而吸引使用者點閱,帶入更多的流量。長遠來看,間接對於排名還是會產生幫助。

 

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

 

參考資料:Google搜尋中心說明文件

 

 

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

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

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

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

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

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

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

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

 

KPN奇寶秉持著專注為你的精神,持續提供更健全完整的網站優化、SEO服務!

若您已經在執行SEO優化,卻遲遲找不出成長的突破點?別擔心,歡迎聯繫我們,將會有專業人員與您探討如何應對!

 

還想了解更多各類數位行銷資訊的話,歡迎訂閱電子報、加入奇寶Line好友,第一時間接收最新資訊!

後續我們台北移動學苑還會陸續舉辦各類型的行銷課程,也歡迎有興趣的行銷人可以加入我們臉書粉絲團,在粉絲專頁上與我們討論喔!

Facebook粉絲專頁:

 

歡迎轉載KPN奇寶部落格相關文章,在轉載前請先詳閱著作權聲明轉載原則

 

圖片來源:Business photo created by freepik - www.freepik.com

本文作者:Webbie、Eva

責任編輯:Ancia

熱門文章

行銷STP 品牌市場定位:報紙廣告實戰演練

先了解自己,才能步入正軌,成長茁壯,發揚光大。 你了解自己的產品服務嗎? 在艱難的行銷道路上,是否開始迷失方向? 好的定位讓您上天堂,沒有明確定位則會讓你陷入泥淖,越陷越深離目標越來越遠。   今日來分享KPN奇寶廣告優化績效師日常- ....

SEO是什麼?完整SEO教學,一篇就懂2022搜尋引....

為什麼有網站以後還要做 SEO?SEO 可以帶來什麼效益? 做網站就是要讓目標客群看到,SEO優化能讓顧客第一眼就看到你!因為你的顧客都在 Google、Yahoo 等搜尋引擎上發問,透過『關鍵字』搜尋產品、服務或者想找到....

在你的FB粉絲專頁新增Instagram頁籤!

不知道你有沒有注意過,有些粉絲專頁上會有Instagram的應用程式。 如果你也是常使用Instagram分享圖片做行銷的廠商,可以一起看看究竟要如何連結這兩種社群平台喔! 目錄 登入FB 搜尋「Instatab」 新增粉絲專業 請點選「小齒輪圖示」 選擇「編輯設定....

描述標籤(Meta Description)的SEO優化

本文分四個段落加以介紹: 目錄 什麼是Meta Description? meta description是Google排名因素之一嗎? 網頁摘要是如何產生的 如何優化meta description 具備敘述性、吸引使用者 每頁使用獨特的meta description 關於社群分享有一點可以注....

延伸閱讀

SEO相關的robots.txt 觀念總整理

robots.txt是一份純文字檔案,用以告訴網路爬蟲程式,網站上的哪些特定頁面禁止爬取。 有些時候,網站主並不希望某些頁面被抓取,例如依不同條件排序的商品列表頁面、某些無意義的頁面,或是仍在測試階段的頁面等等,為避免搜尋引擎因為爬取這些頁面而耗費網站其他部....

Ahrefs操作指南:教你Step By Step的剖析競....

延續先前的推薦SEO分析工具-Ahrefs,競爭對手、關鍵字輕鬆剖析!相信大家對於A工具已經有初步的瞭解和認識,但對於實務上該如何應用、操作這個工具來做分析,應該還是存有疑惑。 沒關係!我們知道! 這次就透過實際案例的剖析,教大家如何一步步的使用A工具剖析我....

想做好SEO,看這篇就夠!超過百篇的SEO知識....

  SEO入門課,開始SEO前要知道的6件事 SEO是什麼?SEO該怎麼做?一篇就懂SEO搜尋引擎優化教學! 奇寶觀點:開始SEO,先了解搜尋引擎運作模式 Google怎麼看SEO?3個關鍵評分點 SEO的4大重點 如何從網站規劃就開始SEO? 高效SEO,從網站建立一開始....

奇寶觀點:架構好壞很重要!網站規劃剖析

想必有在執行SEO專案或有基礎知識的人都知道,除了網站內部的優質文章之外,「網站架構」也影響SEO很大! 在網站開始建構前,網址也是很重要的,不過這次我們會著重在說明子網域和子目錄的規劃。 (延伸閱讀:網域在SEO因素中扮演什麼角色?)   想....

Copyright © KPN SEO 2020. All Rights Reserved / 台北市大安區羅斯福路三段301號8樓 02-23698858 service@kpnweb.com

線上客服