結構化資料標記是什麼?會影響 SEO 排名嗎?教學 by 貓熊先生 2021 年 12 月 6 日 2021 年 12 月 6 日 4.2K 結構化資料標記 Structured Data 結構化資料的英文叫做 Structured Data,結構化資料是一種標準化格式,目的是為了提供網頁相關資訊並將網頁內容分類。例如部落格內容網站會使用 Article 這個結構化資料類型;在食譜網頁上,可能就會使用 Recipe 這個結構化資料,加上這些結構化資料就能標記材料、烹飪時間和溫度、熱量等內容。 結構化資料可以幫助 Google 搜尋引擎更加了解你的網頁,甚至不少結構化資料還能控制你的網頁在搜尋結果呈現的樣式,例如替你的網頁加上麵包屑結構化資料(BreadcumbList)之後,你的網頁在搜尋結果裡面就會出現導覽標記,這也是一種 SEO 優化項目之一。 推薦閱讀:SEO 搜尋引擎優化學習指南 如果你還不知道結構化資料(Structured Data)是什麼、結構化資料有哪些類型,以及它會不會影響 SEO 排名..等等,本篇文章會有完整的教學指南。 內容目錄 Toggle結構化資料標記是什麼?常見的結構化資料標記有哪些?結構化資料全部類型與種類1、結構化資料:Article2、結構化資料:BreadcrumbList3、結構化資料:FAQPage4、結構化資料:Video5、結構化資料:Recipe6、結構化資料:Book7、結構化資料:Product8.、結構化資料:Restaurant更多的結構化資料類型結構化資料(Structured Data)如何加到網頁?使用 JSON-LD 結構化資料加入到網頁如何測試結構化資料正確運作?在 Google Search Console 檢視結構化資料結構化資料會影響 SEO 排名嗎?結構化資料常見問題結構化資料是麼麼?結構化資料會影響 SEO 搜尋結果排名嗎?結構化資料 觀念整理 結構化資料標記是什麼? 根據 Google 官方對「結構化資料」的定義: 結構化資料是一種標準化格式,作用是提供網頁相關資訊並將網頁內容分類。例如在食譜網頁上,結構化資料就能分類材料、烹飪時間和溫度、熱量等內容。 Google 也建議你:可以在網頁上使用結構化資料,將網頁內容相關的明確線索提供給 Google,進而協助 Google 了解你網頁上的內容。 例如貓熊先生的網頁文章就有加上「BreadcrumbList」這個結構化資料跟「FAQPage」這個結構化資料,你可以看到加上結構化資料之後,改變了搜尋結果呈現的樣式。 下面說明這兩個很常見的結構化資料: BreadcrumbList:常叫做麵包屑,在 Google Search console 裡顯示為導覽標記。 FAQPage:又叫做常見問題,Google 最多會顯示兩條結果(早期可以顯示更多,但後來已修正)。 結構化資料標記是什麼? 結構化資料標記簡單的說,就是幫助搜尋引擎更加了解你的網頁內容到底是跟什麼有關,更有不少結構化資料(Structured Data)可以直接反應在搜尋結果的呈現上。 以現在的 SEO 優化工作項目當中,結構化資料(Structured Data)也已算是重要的 SEO 優化項目,SEO 人不應該忽視結構化資料這一塊。 常見的結構化資料標記有哪些? 結構化資料標記的類型非常多,你必須看你的網頁適合哪種結構化資料,再加上合適的結構化資料標記,如果亂加的話,嚴重的甚至會直接影響到搜尋結果排名唷,不可輕忽。 結構化資料全部類型與種類 根據 Google 官方指南,結構化資料一共有下面這麼多種類,每種類型適合不同的網頁。例如 Article 適合內容與文章類型的網頁、Recipe 適合食譜類型的網頁、Book 適合書籍頁面的網頁(例如博客來書籍頁面就很適合 Book),影片類型的內容頁面則適合加入 Video。 結構化資料類型與種類 上面這些結構化資料的種類不可亂加入,亂加入可能會導致搜尋結果排名受到影響。以下列出比較常用的結構化資料,如果你的網頁是這種類型,就可以加上。 1、結構化資料:Article 適合內容型文章、部落格、體育相關文章、科技內容文章。 2、結構化資料:BreadcrumbList 俗稱「麵包屑」,在 Google search console 的名稱叫做「導覽標記」,這個是其中一個可以控制搜尋結果呈現樣式的結構化資料,建議每個網頁都要加上這個導覽標記(BreadcrumbList) 3、結構化資料:FAQPage 也就是所謂的「常見問題」,Google 搜尋結果最多會顯示兩條常見問題,以前更多但後來已經被 Google 修正。在網頁上加上之後,會有機率 Google 搜尋結果會出現兩條 FAQ,但不保證 100%一定會出現。 4、結構化資料:Video 適合完全是影片的內容頁面,如果你的網頁是內容型長篇文章又同時包含影片,仍然建議加上 Article 而不要加上 Video,因為這可能會讓 Google 誤判你這是影片型網頁,而不是文章內容頁面。 5、結構化資料:Recipe 食譜型網頁適合加上 Recipe 這個結構化資料,例如 iCook 愛料理網站的食譜頁面,就非常適合加上 Recipe 這個結構化資料。 6、結構化資料:Book 適合書籍購買頁面,例如博客來的書籍頁面很適合加上 Book 這個結構化資料。 7、結構化資料:Product 適合產型類型頁面,可顯示價格、供應情形和評分…等等。 8.、結構化資料:Restaurant 適合在地商家使用,搜尋結果可能會顯示醒目的知識圖譜,其中包含與查詢內容相符的商家詳細資料。 更多的結構化資料類型 上面是一些比較常見的結構化資料,更多的結構化資料都可以前往 Google 官方查看使用方法:「結構化資料」。 結構化資料(Structured Data)如何加到網頁? 結構化資料加入到網頁的方法主要有三種:JSON-LD、微資料(Mircro Data)、RDFa。這三種結構化資料格式也是 Google 官方有支援的。 以下根據 Google 官方提供的資料,分別說明如下: 一、JSON-LD 這是一種嵌入在網頁標頭或內文 <script> 標記中的 JavaScript 標記法。由於標記不會與使用者可見的文字交錯,因此巢狀資料項目可透過更簡易的方式表達,例如 Country > PostalAddress > MusicVenue > Event。此外,Google 能夠解讀以動態方式植入網頁內容的 JSON-LD 資料,例如透過 JavaScript 程式碼或內容管理系統中的內嵌小工具植入的資料。 二、微資料 一種開放社群 HTML 規格,用於為結構化資料在 HTML 內容中建立巢狀結構。例如 RDFa 會使用 HTML 標籤屬性為您想要以結構化資料形式呈現的資源命名。通常用於網頁內文,但也可用於標題。 三、RDFa 一種 HTML5 擴充功能,透過引入與使用者可見內容對應的 HTML 標記屬性來支援連結資料,可用於您想要對搜尋引擎描述的使用者內容。RDFa 經常用於 HTML 網頁的標題和本文部分。 更詳細的結構化資料類型,可以參考官方說明頁面:結構化資料格式。 雖然要在網頁中加入結構化資料有上面三種方法,但是貓熊先生只推薦使用 JSON-LD 這個格式,因為它是是一種嵌入在網頁標頭或內文標記中的 JavaScript 標記法,使用 JSON-LD 來加入結構化資料可以避免弄髒你的 HTML 網頁原始碼,而且也相當的好管理,無論是要加入還是要刪除都非常方便。 使用 JSON-LD 結構化資料加入到網頁 由於 JSON-LD 是貓熊先生唯一推薦加入結構化資料的格式,所以下面直接舉一個範例,說明如何在網頁中加入結構化資料,並且說明它到底有什麼功用。 以下是一段網頁程式碼範例,該網頁程式碼包括了一段 JSON-LD 結構化資料,並且類型為「NewsArticle」,這個結構化資料類型適合新聞類文章。 <html> <head> <title>Article headline</title> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "NewsArticle", "headline": "Article headline", "image": [ "https://example.com/photos/1x1/photo.jpg", "https://example.com/photos/4x3/photo.jpg", "https://example.com/photos/16x9/photo.jpg" ], "datePublished": "2015-02-05T08:00:00+08:00", "dateModified": "2015-02-05T09:20:00+08:00", "author": [{ "@type": "Person", "name": "Jane Doe", "url": "http://example.com/profile/janedoe123" },{ "@type": "Person", "name": "John Doe", "url": "http://example.com/profile/johndoe123" }] } </script> </head> <body> </body> </html> 上面這段 JSON-LD 結構化資料說明了下面這些事情: headline(文章標題):Article headline結構化資料類型(@type):NewsArticle代表文章的圖片(image):一共有三張文章發布時間(datePublished):2015-02-05T08:00:00+08:00文章最後更新時間(dataModified):2015-02-05T09:20:00+08:00文章作者(author):有兩位分別是 jane doe 跟 john doe。作者網址(author)下的url屬性:兩個作者都有自己的網址。 上面就是一段簡單的 JSON-LD 結構化資料範例,上面這段結構化資料也告訴 Google 很多東西,包括文章發布時間、更新時間、作者有兩位、作者自己的網址、文章標題、文章圖片…等等。 其實上面這個結構化資料可以在更完整,例如包括該文章所屬網站的 Logo、所屬網站的網址…等等。 更完整的各種各樣的 JSON-LD 結構化資料,你都可以在 Google 官方文件中找到:「結構化資料使用說明」。 如何測試結構化資料正確運作? 要測試你的結構化資料運作是否正常,最推薦使用 Google 的複合式結果測試工具,點擊下方網址進入。 複合式結果測試工具 進入複合式結果測試工具頁面之後,直接輸入你要測試的網址,同時你還可以選擇是要測試手機版網頁還是桌機版。 Google 的複合式結果測試工具 接著 Google 就會替你偵測到這個網頁一共加入了哪些結構化資料,如果有錯誤也會直接顯示出來,方便你偵錯。 你還可以點進去每個結構化資料,看一下自己加入的那些結構化資料格式。 複合式結果測試工具檢測結構化資料 例如點進去 Article 這個結構化資料類型,你就會看到完整的格式,這些東西是你告訴 Google 的資訊,方便 Google 了解你網頁上的內容。 檢查結構化資料格式 在 Google Search Console 檢視結構化資料 當你在自己網站的某個網頁網址中加入了結構化資料,它也會出現在 Google Search Console 裡面,一但你有網址的結構化資料出現問題,Google Search Console 也會給你通知,告知你有錯誤並且盡快修正。 Google Search Console 顯示結構化資料 Google Search Console 裡面的結構化資料區塊,建議一定要定期檢查,確保你每個網頁上的結構化資料都加入正確,這也是重要的 SEO 優化項目工作。 結構化資料會影響 SEO 排名嗎? 接下來說說很多人最關心的事,到底結構化資料會不會影響搜尋結果排名呢?貓熊先生的答案是:不是直接影響,但會間接影響。 因為結構化資料除了會改變你的網頁在搜尋結果中的顯示方式(例如 FAQPage、BreadcrumbList…等等),還能幫助 Google 理解你的網頁內容。 所以結構化資料雖然不是 SEO 排名要素,但是它會影響到其它重要因素,例如網頁點閱率 CTR。而被結構化資料影響到的那些東西,又會去影響到你的 SEO 排名。 想想看,如果某個內容網站文章下方都有兩條常見問題(FAQ),它在搜尋結果中的面積是不是比較大?這是否又會促使使用者增加點擊意願?因而增加它的CTR? 所以貓熊先生才說:它不是直接影響,但是會間接影響。 結構化資料常見問題 結構化資料是麼麼? 結構化資料的英文叫做 Structured Data,結構化資料是一種標準化格式,目的是為了提供網頁相關資訊並將網頁內容分類。 結構化資料會影響 SEO 搜尋結果排名嗎? 不會直接影響,但是會間接影響。 結構化資料 觀念整理 結構化資料(Structured Data)目前已經是重要的 SEO 優化項目之一了,正確的替你的網頁加入結構化資料可以幫助 Google 更佳的理解你的網頁內容。 結構化資料(Structured Data)必須正確且合理的使用,加入錯誤種類的結構化資料會對排名造成影響,因此不可不謹慎。 其他人正在看 麵包屑(Breadcrumbs)是什麼?會影響 SEO 排名嗎?教學 SEO 結構化資料結構化資料結構化資料是什麼 相關文章 麵包屑(Breadcrumbs)是什麼?會影響 SEO 排名嗎?教學