通常在網站流量出現變化時網站管理者會去探究原因,如果你的訪客多為來自搜尋引擎的自然流量,有很大機會是搜尋引擎排名下降或類似問題,當然各家公司使用的演算法技術是商業機密,但通常都圍繞著一些大原則,像是被我視為最重要的 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 等資訊