[SEO]結構化資料標記(1) - 如何在搜尋結果頁面中，顯示你的麵包屑路徑？
使用者會怎麼找到你的網站？我相信大多數的人都會回答："Google啊！"因為現代人的生活離開不了Google，吃飯也要上網找好吃的餐廳，看電影前要找找哪部電影網友大推，凡事都問Google大神。
如果是你，你會喜歡搜尋結果頁面(SERPs)上哪個"結果"呢？除了最符合你的問題的標題、最適合你的敘述外，當你的網址(url)擁有整齊的排版，讓使用者對你有美好的第一印象，我相信這應該是很多具有"美觀強迫症"的你我非常想要看到的事情。
如果你的網址有先靜態化過了，說不定還會好一點，但若是沒有呢？比起又臭又長的網址，你更喜歡在搜尋結果頁面上看到一目了然的麵包屑，對吧？
Google也理解你的想法，所以它與微軟、Yahoo!以及Yandex(全球第四大搜尋引擎，來自俄羅斯)推出了"結構化資料標記"，除了讓使用者看了心花怒放(?)外，結構化資料還有另一項功能：藉由你的手，讓搜尋引擎理解你要販賣的商品規格、內容，或是活動的日期、講者，亦或是某道料理所需的食材、烹煮時間等等，幾乎所有你想的到的，在http://schema.org都包辦了。
結構化資料是什麼呢？
結構化資料(Structured data)是一個將名稱與值配對的系統，它能夠協助搜尋引擎了解內容，然後再加以分類或是索引。像是在百貨公司一樣，服飾與化妝品有各自的樓層，家電跟廚房用品雖然在同一層，卻是不同區域，餐廳與精品不會放在同一個平面。除此之外，它還能夠應用於語音設備(如siri等)，大幅增加使用者體驗。
結構化資料標記又是什麼？
結構化資料標記(Structured Data Markup)，就是將有用的資訊，利用標記的方式整理它。而所謂的標記又有許多種方法，平常在Facebook或是Twitter分享時，看的到的圖片、標題與敘述，也都是標記的一部份，不過在本文暫時不探討社群網站的標記，這次的目標是放在Schema.org中使用的三種用法：Microdata、RDFa、 JSON-LD。
Schema.org是誰推出的？
就如同上面所說的，Schema.org是由搜尋引擎的四大龍頭共同推出的結構化標記規範，網站裡詳細敘述每一種不同的用法可以使用或是必須使用的標記，同時也提供範例讓使用者能輕鬆上手，多麼貼心的設計啊(?)！
Microdata是什麼？
Microdata，又叫做微資料，是HTML5的一部份，目的是要讓搜尋引擎可以順利解讀網頁資料的標籤格式，並簡化RDFa與Microformats的複雜度。比起RDFa與JSON-LD，我想Microdata對一般不懂程式語言的使用者來說，是最好上手的技術吧！
在此篇文章，我們都會以"麵包屑"為例子！其他相關資訊請靜待佳音(?)
- itemscope & itemtype：宣告使用schema.org某頁面的字彙，今天我們要使用的是麵包屑的部分，那麼我們只需要貼上schema.org中，在講解麵包屑的部分 http://schema.org/BreadcrumbList就沒問題了！
- itemprop：指定此標籤的類型是schema.org中某頁面的哪一項
- 根據不同的資料有不同的必須項目，以麵包屑為例，item、name、position是必備的項目。item之後搭配的會是該分類的連結，name則是該分類的名稱，position則是位置。
因為屬於HTML5的一部份，你可以直接在原本的HTML裡加上Microdata的標記，不需要再另外寫另外一段程式讓搜尋引擎爬取。但是對於日後維護網站時，就比較難單獨拉出來做更動，而且檔案有可能因為加入太多Microdata而太大，造成網站debug的困難。
以上就是屬於Microdata的部分，接下來我們來看看RDFa
RDFa要怎麼運用？
先來解釋一下RDFa是什麼好了， RDFa的本質就是提供一些屬性，載有後設資料的這些屬性可以被用在XML檔案上（也就是RDFa的a的來源 — Attributes）。
- vocab： 宣告使用schema.org
- typeof： 用來指出被描述的主語的RDF類
- property： 指定此標籤的類型是schema.org中某頁面的哪一項
- content： 一個選擇性屬性，在使用property的時候，用來覆蓋一個元素的內文
- 根據不同的資料有不同的必須項目，以麵包屑為例，item、name、position是必備的項目
使用RDFa的好處是，可以直接加在原本的程式碼中，甚至可以跟著字句的推移，將語意標籤貼在文字上。不過跟Microdata一樣，對於日後維護網站時，就比較難單獨拉出來做更動，而且檔案有可能因為加入太多額外的資訊而太大，造成網站debug的困難。
Google最推薦的使用法 - JSON-LD
JSON-LD 是一個輕量化的鏈結資料，是Google推薦的用法，比起以上兩者資料量較小，不需要在特別去學習microdata 或是RDFa的語法，只要你會JSON，就可以直接上手！
- @ context
:宣告使用schema.org - @ type： 指出使用schema.org的某個頁面
- @ id ：該分類的連結
- 根據不同的資料有不同的必須項目，以麵包屑為例，item、name、position是必備的項目
擔心你的結構化資料沒寫好？
不知道到底該從何寫起？推薦你幾個好用的網站，只要選擇想要做結構化的類別，在輸入基本資訊，就可以得到萬無一失的程式碼！
- Markle：JSON-LD、Microdata
2. Breadcrumb structured data tool：Microdata
3. 而Google為了造福廣大的結構化資料標記使用者(?)，推出結構化資料的測試工具，在上傳資料前，先將網址或是程式片段丟到這裡檢查一下，就不用擔心寫了跟白寫一樣啦！
為甚麼要做這些？
就如同我們在最一開始提到的，為了增加自己的網站在搜尋結果頁面上的吸睛效果，也能夠提高搜尋引擎對你的網站內容的了解。不論你管理的是電商網站還是一般的部落格，能夠在被搜索時，就立刻將你最大的優勢展現給使用者看，何樂而不為？
而做了結構化標記的另一個好處，就是你有可能會出現再Google Rich Snippets！這裡我們就下次再談~ 😙😙
