諮詢熱線:02-2369-8858

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

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

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

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

 

你有沒有在搜尋資料的時候,在結果頁上看到有些網頁呈現出來的資訊就是比其他人還要豐富?能夠展示公司網站中重要頁面、最近的活動、發文、或是在地商家的評等。

而在網頁的html程式碼中做結構化資料標記,可以讓搜尋引擎或其他機器人能夠快速讀懂內容,提高出現此種結果的機率。

 

 

為什麼要做結構化資料標記?

讓Google搜尋引擎或其他機器能夠更準確的判斷你提供的資訊,並在有需求的使用者搜尋時,以更直覺的方式呈現給他們,並提供更多相關的內容吸引使用者點擊。

這邊要提到一件重要的事情:第零位(Position Zero)。

你在Google上搜尋問題的時候有時候會出現一個特別明顯的搜尋結果,而且這個結果會比原本的第一名更上面,這個額外出現的視窗就是第零位(Position Zero)。如下圖

紅框內就是第零位(Position Zero),會將網頁的內容獨立顯示,讓搜尋的人一目了然。

當網頁內容變成第零位(Position Zero)會有甚麼好處?

Moz的Dr. Peter J. Meyers觀察得出:

在第零位(Position Zero)的搜尋結果點擊率提高了114%!

而且第零位(Position Zero)不需要原本的排名就在第一名,只要在搜尋結果的第一頁就有機會成為第零位(Position Zero)!只要你的網頁排名在第五名就有接近10%的機率會是第零位(Position Zero),像是上圖的第零位(Position Zero)就是原本的第四名列出的。

資訊及圖片來源:https://moz.com/blog/ranking-zero-seo-for-answers

結構化資料有做好會讓搜尋引擎更容易把你的網頁放在第零位(Position Zero),進而提升114%的點擊率,這樣你還不做結構化資料嗎?

 

結構化資料標記有哪些種類?

書、電影、音樂、食譜、人物、文章...等等均有,可以在Schema.org內找到所有的種類,這個網站是由Google、Microsoft、Yahoo、Yandex共同創建,裡面會列出結構化資料內可用的詞彙表,以及各詞彙所代表的意思。

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

將組織結構化資料的標記在網站的首頁,表示您的網站是一個品牌網站。

在首頁標記品牌資訊(如商標、社群資料、電子郵件和企業聯繫資訊:例如電話號碼等),這些資訊能夠在我們使用者進行品牌關鍵字搜尋時,出現在知識圖譜的盒子中。

↑搜尋moz這個品牌時的知識圖譜。

 

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

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

 

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

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

 

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

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

 

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

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

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

 

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

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

 

如何做結構化資料標記?

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

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

 

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

 

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

 

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

 

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

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

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

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

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

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

 

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

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

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

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

 

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

Google有提供結構化資料測試工具

在這邊可以輸入網址或是直接將程式碼貼上,已經上線的網頁及程式碼都可以檢測。

拿上面用結構化工具產生器的程式碼測試,可以清晰的看出結構化資料是否有輸入錯誤。

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

 

最後要提醒大家:

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

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

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

 

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

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

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

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

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

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

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

 

熱門文章

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

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

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

不知道你有沒有注意過,有些粉絲專頁上會有Instagram的應用程式。 如果你也是常使用Instagram分享圖片做行銷的廠商,可以一起看看鳩竟要如何連結這兩種社群平台喔!   首先,請用粉絲專頁管理員的身分登入FB(請確保是以個人的身分) 接著請在搜尋....

FB社群經營第一步,專頁設定看這邊!

經營FB專頁一直是大家很關心、想學習的題目,上次Doris也貼心的為大家整理了小編Check List! 但在開始PO文與粉絲們互動前,有哪些是你不可錯過的設定呢?   封面照和大頭照 這應該算是基本中的基本,讓訪客對你的品牌會產品建立第一印象 封面照:828x315....

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

什麼是Meta Description? Meta Description,或者稱作描述標籤,是html代碼中用以簡短描述網頁內容的一個標籤,其格式如下: 你在描述標籤中所撰寫的內容,並不會呈現在網頁上被使用者看到,只有在原始碼和搜尋結果中,才能看到當中的文字。 這些內容,....

延伸閱讀

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

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

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

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

工程師觀點:網站定位與SEO策略

具有操作上百個網站SEO經驗的奇寶工程師Odin,此次將用行銷角度切入,和大家談網站定位及優化策略。在我們開始之前,先釐清您的網站是為何而做?為誰而生?這次不談艱澀難懂的技術面或木已成舟的架構面,用行銷的角度,先帶您了解網站的定位,再談SEO操作策略。 &nbs....

工程師觀點:市場定位策略與網站屬性策略(....

好久不見的奇寶工程師Odin,繼上次的工程師觀點:網站定位與SEO策略後,這次想和大家討論市場定位策略和網站屬性策略的擬定。好的文章值得等待,因此本篇將先簡述市場定位策略,先了解市場定位策略,再談網站屬性策略也不遲。   任何一本行銷理論書中,總會有....

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

線上客服