Detailed SEO Extension 快速得知網頁的搜尋引擎最佳化相關資訊(Chrome 擴充功能)

最後更新於 2020 年 07 月 07 日

通常在網站流量出現變化時網站管理者會去探究原因,如果你的訪客多為來自搜尋引擎的自然流量,有很大機會是搜尋引擎排名下降或類似問題,當然各家公司使用的演算法技術是商業機密,但通常都圍繞著一些大原則,像是被我視為最重要的 Google 搜尋引擎最佳化入門指南就是最核心的參考書,當中有提到使用正確語法清楚表達網頁資訊。

此外,網頁速度也很重要,除了使用 Google AMP (閃電)讓行動裝置可以秒開,還能透過 16 個免費網站測速工具來分析網頁效能,用以改善網站速度問題。

要如何知道網頁語法是不是有正確使用呢?通常我會直接打開原始碼,但這往往會很耗費時間,除非對網頁每一段語法都很熟悉,借助開發工具或有助於讓開發者更容易找出問題。

本文要介紹的「Detailed SEO Extension」是一個免費 Chrome 擴充功能,可以快速分析某個網頁的標題、鏈結、圖片、社群網站等等資訊是否正確,使用方式很簡單,安裝後在任何頁面點選就能開啟並分析網頁資訊。

其中我認為最重要的是網站標題、描述、網址設定和各種大小標題使用,外掛會顯示是否有需要修改的項目,也會統計頁面出現的鏈結數量(包括內部及外部鏈結),圖片是否有加上 alttitle 屬性,社群網站使用的 Open Graph 標籤,也能快速透過其他 SEO 工具檢查頁面。

Detailed SEO Extension
Chrome 線上應用程式商店

使用教學

STEP 1

以 Google Chrome 或 Microsoft Edge 等 Chromium 瀏覽器開啟線上應用程式商店,點選右上角的「加到 Chrome」就能將擴充功能下載、安裝到瀏覽器。

STEP 2

接著在你的檢測的網站點選 Detailed SEO Extension 圖示,就會看到相關結果,其實這個工具只是把網頁資訊統整,以更容易閱讀的形式呈現。其中最重要的資訊都顯示在總覽,包括標題、說明、網址(能否正確被搜尋引擎索引)、Canonical(標準網址)等等,都是網站中非常重要的部份。

要放多少字數在標題、說明也會影響到網站在搜尋結果的呈現方式,雖然 Google 不一定會直接使用網站設定的內容,但控制字元數可以避免一些負面效果,不過大家認定的字數限制不太一樣,建議可以作為參考就好。

STEP 3

另一個很有用的功能是 Detailed SEO Extension 可顯示頁面出現的標題,對於要知道網頁階層和內容重要性來說很有幫助,通常會建議單一頁面只出現一個 H1 標題,作為最重要的主標題,其他標題則依照程度使用 H2H3H4 等等。

在最下面也會統整出單一頁面的各種層級標題數量、圖片數、鏈結數,右下角還可以快速開啟 Robots.txtSitemap.xml 兩個重要檔案。

STEP 4

切換到超連結標籤,Detailed SEO Extension 會顯示這個頁面的鏈結數量,包括外部鏈結和內部鏈結,每個網址使用的錨點文字等等,可以快速將鏈結列表匯出也很方便。

圖片部分要記得加上 alttitle 屬性,相信大家都很熟悉,特別是對無障礙使用者來說有助於讓他們了解圖片代表的意思,在寫語法時記得要養成好習慣。

現在網頁會被分享到社群網站或即時通訊軟體,很多時候會產生更易讀的預覽資訊,多半都是從 Open Graph 或是網頁上的標籤取得相關資訊(例如標題、描述、網址和預覽圖),這部份也一定要好好設定,相關工具可參考以下兩篇文章:

網路上有非常多和搜尋引擎最佳化(SEO)相關的工具,如果想透過其他工具測試網站,可以切換到 Quick Links 就能找到這些服務,點選鏈結快速將當前網址帶入進行分析。

值得一試的三個理由:

  1. 透過瀏覽器快速查看網頁標題、描述、超連結、社群網站相關內容
  2. 可以查詢網頁使用的 H1、H2、H3 標題數量和文字
  3. 亦可得知連結數量、圖片數量和 Open Graph 等資訊

 

相關的文章

SuperYouTube 觀賞 YouTube 影片還能同時看留言,以滾輪調整音量大小(Chrome 擴充功能)

上週 Google 終於在台灣開放 YouTube Premium 付費會員!對於經常使用 YouTube 搜尋或瀏覽影片的朋友來說實在是非常棒的功能,每月只要支付訂閱費用就能隱藏廣告,讓影音在行動裝置的背景播放,直接拿來當成音樂播放器使用,還能預先下載離線播放。YouTube Premium 或 YouTube Music 都有提供三個月免費試用,如果不確定是不是自己需要的功能,還是可以在沒扣款的情況下先開啟付費功能試用,我個人很喜歡 YouTube Music 串流音樂服務加上去廣告的訂閱方案。

Block Website Notification Requests 自動封鎖網站顯示通知請求(Chrome 擴充功能)

幾年前開始 Google Chrome、Firefox 等瀏覽器就加入「通知」功能,網站可透過使用者同意的權限推播桌面通知,但我一直覺得這個功能很惱人,特別是一進入網站就跳出的提示畫面,如果是線上應用(例如網頁版即時通訊軟體),我想通知有其必要,但大部分都被新聞網站或部落格拿來推送文章鏈結,我想這不應該是通知功能的本意吧!所以我從沒有考慮過在免費資源網路社群加進通知功能,也想幫大家省下點選封鎖通知的那一點時間。

Full Page Screen Capture 快速擷取完整網頁畫面,轉為圖片或 PDF 格式(Chrome 擴充功能)

對於可以保存網頁畫面的截圖工具相信大家都不陌生,像是 WinSnap、FastStone Capture 或 Mac 系統很好用的 Jing(現在是 TechSmith Screencast)都能達到類似效果,或是透過瀏覽器擴充功能和線上工具也能做到,通常保存下來的都是靜態圖片格式。如果你想要完整保存某個網頁在某個時間點的樣貌,透過第三方建立更具公信力的網頁備份可能是更好的選擇,我曾介紹過 Wayback Machine 網頁時光機就能讓使用者將頁面完整保存在線上,以便隨時回溯到特定時間:

在 Google 搜尋結果加入切換不同國家語言的選項(Chrome 擴充功能)

現今搜尋資料時大家一定會先去求助 Google 大神,如果撇開隱私不說,Google 搜尋引擎確實能找到非常多的結果,而且內容相當準確,這當中存在很多技術,例如 Google 會依照使用者來源國家和使用語言等等顯示出最適合的搜尋結果,畢竟它強調的是解決問題,與其說是給使用者相關結果更不如說是提供解答。不過另一方面也就表示搜尋結果會受限於個人化,若沒有透過一些選項調整很難找到其他國家語言的搜尋結果。

無痛轉移!微軟 Microsoft Edge 瀏覽器安裝 Chrome 擴充功能教學

年初微軟推出全新 Microsoft Edge 瀏覽器,雖然名稱沿用之前的 Edge,卻是將整個瀏覽器砍掉重練,直接以 Chromium 做為核心,也和 Google Chrome 一樣有著非常好的速度、安全性和穩定度,更重要的是也能使用 Chrome 龐大的擴充功能!雖然 Microsoft Edge 預設安裝擴充功能會連接到 Microsoft Store,如果你要使用的外掛只有在 Chrome 線上應用程式商店上架,只要設定一下也能回到熟悉的商店安裝瀏覽器擴充功能。

Google Search Ads Highlighter 為搜尋結果的廣告加入不同背景色效果(Chrome 擴充功能)

Google 去年在行動搜尋上推出新的樣式,最主要的外觀差異就是將網站的品牌往上移動,並將網站名稱及網站圖示(favicon)顯示於搜尋結果上方,聲稱能幫助使用者更了解資訊來源和要尋找的頁面。今年一月 Google 決定將這個更新推送到桌面版搜尋,但引來不少使用者反彈,例如搜尋結果混雜著網站標誌看起來非常凌亂,而且顯示於頂部的廣告因為標誌變小很容易引起誤點(被誤認為是一般搜尋結果),後來在十天左右就緊急將網站標誌拿掉,並決定進行新的實驗以找出更適合放置網站圖示的位置。

回應