[unboxing][hrads]

熱門標籤

☆重要訊息:Blogger 官方近期推出的「RWD 自適應範本主題」沒有『行動服務』的設定選項,如果您是觀察「技研可樂」裡的文章做自己網站的設計,使用「自適應範本主題」的使用者可以直接依「技研可樂」文章裡的『電腦版』方式做設定即可完成佈置,不需要開啟『行動服務』。☆

  Blogger 自訂網址應用 CloudFlare HTTPS 系列文章:「CloudFlare

  Blogger HTTPS 相關文章列表:「HTTPS

  Blogger AdSense 廣告放置與相關自適應廣告佈屬文章列表:「AdSense

  Blogger 常用頁面判斷式用法一列表:「Blogger 常用頁面判斷式用法一覽表

[外掛] Chrome 擴充:META SEO inspector 網站 META SEO 分析工具

META SEO inspector 為一款免費 Chrome 擴充外掛SEO 工具套件,使用時它會依據「Google 搜尋」為目前瀏覽網站的網頁「META」做 SEO 分析,找出 Google 機器人在抓取網站資料時可能會出現的問題。

目前提供解析的資料有「標題、中繼描述資料、Robots、Keywords、( 社群分享標記 Open Graph - FB、Twitter、Schema.org )、地理信息 ( GEO )、連結 ( Link )、微資料 ( Microformats )、Script、HTML 標籤及是否為 HTML 5 網頁」。

Chrome 安裝完 META SEO inspector 擴充後,在瀏覽器的工具列可以看到 META SEO inspector 的燈泡圖示,點擊它即可觀察當前瀏覽網頁的 META 相關解析資料。

[外掛] Chrome 擴充:META SEO inspector 網站 META 調試工具_001




擴充資訊

擴充名稱:META SEO inspector
擴充性質:Chrome 免費
功能特性:方便地解析網站 - 標題、中繼描述資料、Robots、Keywords、( 社群分享標記 Open Graph - FB、Twitter、Schema.org )、地理信息 ( GEO )、連結 ( Link )、微資料 ( Microformats )、Script、HTML 標籤及是否為 HTML 5 網頁 等相關「META」資訊

需要權限:
讀取及變更您造訪過的網站上的所有資料



頁籤功能

  1. page data 頁面資料
  2. on-line tools 在線工具
  3. options 設置選項

使用介紹

1. page data 頁面資料

首先安裝過擴充後使用 Chrome 瀏覽網頁時,若沒有 META 資料的錯誤 META SEO inspector 會呈現「OK」的狀態

[外掛] Chrome 擴充:META SEO inspector 網站 META 調試工具_101



如果有錯誤的情況,在圖示的燈泡下方則會出現紅色背景的數字警示,點擊【燈泡圖示】則可以觀察錯誤的部份

[外掛] Chrome 擴充:META SEO inspector 網站 META 調試工具_102



使用擴充時,一般常見的 HTML 錯誤有:

「中繼描述過長與過短」概念上與「標題過長」相同,不過有些過短的文章在描述的部份真的很不好下,在這個部份就需要多花些心思。「Keywords」的 META 目前已被「Google 捨棄不用」,這個部份則依自己的需求做添加

[外掛] Chrome 擴充:META SEO inspector 網站 META 調試工具_103



HTML TAGS 則可以觀察圖片中缺少「alt 標記」的部份;而下方 HTML 5 則以星級評定瀏覽的網頁是否為 HTML 5 網站,在 HTML 5 的格式中是否還含有其他舊款 HTML 的標籤

[外掛] Chrome 擴充:META SEO inspector 網站 META 調試工具_104



社群分享標記:

Facebook Open Graph 社交開放圖譜 ( FB og meta )、Twitter ( Twitter Card ) 與 Schema.org ( GooglePlus rich snippets );適當的添加正確的資訊,能讓文章在做分享時能有正確的標題、圖片與描述。

[外掛] Chrome 擴充:META SEO inspector 網站 META 調試工具_105



2. on-line tools 在線工具

on-line tools 分頁有多項「SAFETY 安全瀏覽」、「SOCIAL 社交除錯」與「SEO 實用工具」超連結,方便網站管理員做調置工事。

[外掛] Chrome 擴充:META SEO inspector 網站 META 調試工具_201



3. options 設置選項

在 Show nofollow links ( pink outline ) 的部份打勾,可以迅速觀察當前網頁的「nofollow」連結,「rel="nofollow"」以粉紅色框框顯示

[外掛] Chrome 擴充:META SEO inspector 網站 META 調試工具_301




使用心得

寫完文章移動到網站前台使用 META SEO inspector,能方便的檢查文章中遺漏的圖片 alt 與文章描述的情況。

一般「<head>」區段的 META 資料在設置完成後就很少更動,擴充製作者常為外掛做局部資源屬性更新;在安裝擴充後有新的更新資料時,也能馬上幫網站做調適動作。

另外在「page data」頁籤中有綠色下劃線的部份,點擊後也有簡易的 META 信息,能夠學習相關的 META 知識。



相關文章

[外掛] Chrome 擴充:Open SEO Stats 網站 SEO 工具

[外掛] Chrome 擴充:HTML5 Outliner 抓取網站標題節元素生成大綱結構

[網路工具] SEO 優化:chkme.com 網站線上分析檢測 SEO 工具



分享

加入代碼加入代碼

若您在閱覽文章時,於文章頁面找不到相關的應用主題,歡迎移駕到『站內留言』一起研究討論,謝謝!

使用超連結:<a href="https://www.techcoke.com/">技研可樂</a> =『技研可樂

加入圖片 ( https ):支援 HTTPS 網址型式的 .jpg .png 格式圖檔,直接貼入 HTTPS 圖片網址即可在留言時顯示!

支援非嵌入 Youtube 視頻:https://www.youtube.com/watch?v=hdfSISI24Xk (* 瀏覽器網址列中的 Youtube 網址 )

&&amp;'&#039;"&quot;<&lt;>&gt;
技研可樂 © 2013 - 2017

Contact Form

Name

Email *

Message *