1. 首頁
  2. »
  3. 網頁開發
  4. »
  5. 網頁設計
  6. »
  7. [SEO] 官方提供線上Schema產生器,一鍵正確的建立網頁結構化的資料標記

[SEO] 官方提供線上Schema產生器,一鍵正確的建立網頁結構化的資料標記

2019/07/24

梅問題-[SEO] 官方提供線上Schema產生器,一鍵正確的建立網頁結構化的資料標記
  很早之前梅干曾分享過,Schema網頁結構化資料的寫法,說真的Google所提供的網頁結構化資料的類型相當多,同時不同類型的標記方式都不同,因此對於不熟悉的朋友來說,會感到相當棘手,但為了解決這問題,現在Google官方,也推出線上結構化資料標記協助工具,只需依照所選的類型,再將要標示的區塊,一一的選取起來,立即就可產生正確的網頁結構化資料。

   因此想要建立網頁資料結構化的朋友,這個由Google官方所提供的協助工具,可千萬別錯過了,至於要怎麼使用,現在就一塊來看看,這個由Google官方所提供的,線上結構化資料標記協助工具吧!


結構化資料標記協助工具
網站名稱:結構化資料標記協助工具
網站連結:https://www.google.com/webmasters/markup-helper

Step1
當進到「結構化資料標記協助工具」的網站後,先選擇建立結構化的網頁類型,與網址或HTML原始碼。
梅問題-[SEO] 官方提供線上Schema產生器,一鍵正確的建立網頁結構化的資料標記
Step2
當進入後,其實用法與螢光筆有點像,只需依照右邊的項目,再將左邊的網頁內容,選取再一一的對應結構化的資料項目。
梅問題-[SEO] 官方提供線上Schema產生器,一鍵正確的建立網頁結構化的資料標記
Step3
都標示好後,再按右上的「建立HTML」鈕。
梅問題-[SEO] 官方提供線上Schema產生器,一鍵正確的建立網頁結構化的資料標記
Step4
接著再把這些內容貼到網頁的<head>~</head>之間,而這就是正確的網頁資料結構化的資料,而會寫程式的朋友,再把裡面的值動態換掉,若不會的朋友,再手動一一的指定是可以的,因此要建立網頁資料結構化的朋友,這個由Google官方所提供的服務,請多加利用囉!
梅問題-[SEO] 官方提供線上Schema產生器,一鍵正確的建立網頁結構化的資料標記