Lawrence Blog

前言 在 2016 年時，曾經寫過一篇關於 SEO 優化的文章  [SEO優化] Microdata類別(itemtype)實作  ，時隔多年，現在有越來越多的網站都已經改成前後端分離，前端採購 SPA 的框架，筆者自己寫的 寶貝評論+ 也不例外。 什麼是 SPA (Single-Page Application) 單頁式應用程式 ?  維基百科的說明是，它是一種網路應用程式或網站的模型，它透過動態重寫當前頁面來與使用者互動，而非傳統的從伺服器重新載入整個新頁面。 簡單來說， 當你從伺服器下載網頁到瀏覽器時，一開始該網頁並不包含實際內容，而是在下載完成後，動態抓取並呈現你所看到的內容 。常見的 SPA 前端開發框架包括 Angular、Vue 和 React。

上一篇文章 中簡單了說明一下什麼Microdata，本文分享一下稍微複雜的使用情境。 原則上只需要依照規範中的類別去定義相關欄位即可，但實際調整的過程應該很多初學者包含筆者在內都會發現，怎麼少了一些需要的屬性???? 例如，商品類別沒有價格欄位，怎麼定義價格? 諸如此類的問題會再實作過程中一一出現，因此在實作前建議先了解一下schema.org中關資料類型的定義及其架構。

筆者從業以來一直跟SEO扯不上關係，近來因為公司組織調整而來了一群數據分析的專家，根據它們看完前端服務型的網站後，給了一些建議，例如增加Google Analytics、建立Google Search Console索引、明確的指名頁面標題、前端商品頁面新增Microdata等等...。 前面幾個項目都可以理解，但Microdata是啥?? 筆者可是完全沒聽過，因此只好默默地回到座位上求助一下Google大神的開示，並得出底下的結論。 對於一個前端的服務化網站，尤其是商業化網站，網路行銷人員無所不用其極地要設法讓自己的網站可以大量地在各大搜索引擎中曝光，實作的方式不外乎就是花錢買廣告、搭配知名部落客行銷自家商品以及提升網站SEO(search engine optimization搜索引擎最佳化)。 但要如何提升網站的排名呢? 很簡單，首先要了解各大搜索引擎的排名方式(花錢的除外)，就是要先知道的排名演算法，並加以調整就行了。 ㄜ~~~~  但是這樣的嗎?  它們似乎不會將此演算法公諸於世，因此就僅能根據各大搜索引擎官方釋出的來Structured Data相關文件進行調整了。