瀏覽器, 網站架設, 電腦不求人

[SEO] META SEO inspector 為網站檢查META是否完整以及網頁是否符合HTML5

梅干2018/09/05
梅問題-[SEO] META SEO inspector 為網站檢查META是否完整以及網頁是否符合HTML5
  現在設計網頁的技術與知識門檻愈來愈高了,除了要讓網頁符合RWD外,再來就是網頁裡面的標籤與結構,要符合語意與規範,因此要不斷的更新資訊,才能讓網頁更符合SEO,雖然說這些標籤,都可透過原始碼的方式進行檢視,但說真的那還真是考驗眼力,所以今天要來分享一個好用的Chrome外掛META SEO inspector。
  而這隻外掛最特別的地方就在於,它會自動偵測網頁的結構,並將該網頁的META直接條列式出來,甚至當字數過多或不足時,還會有警告提示,以及也會檢測網頁的結構是否符合HTML5,和目前網頁所使用的標籤是否正確,是一個相當不錯的SEO檢測工具,因此現在就一塊來看看這隻外掛吧!
META SEO inspector
外掛名稱:META SEO inspector
適用平台:Chrome
外掛連結:Chrome商店

Step1
當進入外掛頁面後,點一下「加到CHROME」鈕,來完成安裝。
梅問題-[SEO] META SEO inspector 為網站檢查META是否完整以及網頁是否符合HTML5
Step2
當安裝完畢後,在網址列後方就會看到一對燈泡的圖示。
梅問題-[SEO] META SEO inspector 為網站檢查META是否完整以及網頁是否符合HTML5
Step3
之後當要檢測網頁的SEO標籤時,只需點一下該圖示,在「page data」中,就會以條列式的方式,顯示該頁面的所有META標籤。
梅問題-[SEO] META SEO inspector 為網站檢查META是否完整以及網頁是否符合HTML5
Step4
甚至在下方,除會顯示目前使用的標籤狀況外,甚至還會檢測該網頁是否符合HTML5的結構。
梅問題-[SEO] META SEO inspector 為網站檢查META是否完整以及網頁是否符合HTML5
Step4
甚至在下方,除會顯示目前使用的標籤狀況外,甚至還會檢測該網頁是否符合HTML5的結構。
梅問題-[SEO] META SEO inspector 為網站檢查META是否完整以及網頁是否符合HTML5
Step5
當有錯誤時,在燈泡的右下角,也會出現錯誤的數量,點開來後,便可看到是那邊出了問題。
梅問題-[SEO] META SEO inspector 為網站檢查META是否完整以及網頁是否符合HTML5
Step6
同時在「META SEO inspector」的工具中,當切到「on-line tools 」頁籤時,就已整理一些在線的SEO工具,只需點下圖示,立即就會進到該平台中檢測,因此有了這工具後,就可知道自己網站的META是否符合SEO啦!以及那邊需要作調整。
梅問題-[SEO] META SEO inspector 為網站檢查META是否完整以及網頁是否符合HTML5