[SEO] 官方提供線上Schema產生器,一鍵正確的建立網頁結構化的資料標記
2019/07/24 網站架設 網頁開發 網頁設計![梅問題-[SEO] 官方提供線上Schema產生器,一鍵正確的建立網頁結構化的資料標記](http://photo.minwt.com/img/Content/seo/markup-helper-schema-tools/markup-helper-tools_00.jpg)
因此想要建立網頁資料結構化的朋友,這個由Google官方所提供的協助工具,可千萬別錯過了,至於要怎麼使用,現在就一塊來看看,這個由Google官方所提供的,線上結構化資料標記協助工具吧!
結構化資料標記協助工具
網站名稱:結構化資料標記協助工具
網站連結:https://www.google.com/webmasters/markup-helper
網站連結:https://www.google.com/webmasters/markup-helper
Step1
當進到「結構化資料標記協助工具」的網站後,先選擇建立結構化的網頁類型,與網址或HTML原始碼。
![梅問題-[SEO] 官方提供線上Schema產生器,一鍵正確的建立網頁結構化的資料標記](http://photo.minwt.com/img/Content/seo/markup-helper-schema-tools/markup-helper-tools_01.jpg)
Step2
當進入後,其實用法與螢光筆有點像,只需依照右邊的項目,再將左邊的網頁內容,選取再一一的對應結構化的資料項目。
![梅問題-[SEO] 官方提供線上Schema產生器,一鍵正確的建立網頁結構化的資料標記](http://photo.minwt.com/img/Content/seo/markup-helper-schema-tools/markup-helper-tools_02.jpg)
Step3
都標示好後,再按右上的「建立HTML」鈕。
![梅問題-[SEO] 官方提供線上Schema產生器,一鍵正確的建立網頁結構化的資料標記](http://photo.minwt.com/img/Content/seo/markup-helper-schema-tools/markup-helper-tools_04.jpg)
Step4
接著再把這些內容貼到網頁的<head>~</head>之間,而這就是正確的網頁資料結構化的資料,而會寫程式的朋友,再把裡面的值動態換掉,若不會的朋友,再手動一一的指定是可以的,因此要建立網頁資料結構化的朋友,這個由Google官方所提供的服務,請多加利用囉!
![梅問題-[SEO] 官方提供線上Schema產生器,一鍵正確的建立網頁結構化的資料標記](http://photo.minwt.com/img/Content/seo/markup-helper-schema-tools/markup-helper-tools_05.jpg)
※如有發現掉圖或檔案無法下載,請由回應區留言告知,將會盡速處理!
※本站採用CC授權請勿全文轉貼本站文章,歡迎「部份引用」與介紹,並註明出處,謝謝。
※本站採用CC授權請勿全文轉貼本站文章,歡迎「部份引用」與介紹,並註明出處,謝謝。
回應本文