通常在網站流量出現變化時網站管理者會去探究原因，如果你的訪客多為來自搜尋引擎的自然流量，有很大機會是搜尋引擎排名下降或類似問題，當然各家公司使用的演算法技術是商業機密，但通常都圍繞著一些大原則，像是被我視為最重要的 Google 搜尋引擎最佳化入門指南就是最核心的參考書，當中有提到使用正確語法清楚表達網頁資訊。
此外，網頁速度也很重要，除了使用 Google AMP （閃電）讓行動裝置可以秒開，還能透過 16 個免費網站測速工具來分析網頁效能，用以改善網站速度問題。
要如何知道網頁語法是不是有正確使用呢？通常我會直接打開原始碼，但這往往會很耗費時間，除非對網頁每一段語法都很熟悉，借助開發工具或有助於讓開發者更容易找出問題。
本文要介紹的「Detailed SEO Extension」是一個免費 Chrome 擴充功能，可以快速分析某個網頁的標題、鏈結、圖片、社群網站等等資訊是否正確，使用方式很簡單，安裝後在任何頁面點選就能開啟並分析網頁資訊。
其中我認為最重要的是網站標題、描述、網址設定和各種大小標題使用，外掛會顯示是否有需要修改的項目，也會統計頁面出現的鏈結數量（包括內部及外部鏈結），圖片是否有加上 alt 和 title 屬性，社群網站使用的 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 標題，作為最重要的主標題，其他標題則依照程度使用 H2、H3、H4 等等。
在最下面也會統整出單一頁面的各種層級標題數量、圖片數、鏈結數，右下角還可以快速開啟 Robots.txt 和 Sitemap.xml 兩個重要檔案。
STEP 4
切換到超連結標籤，Detailed SEO Extension 會顯示這個頁面的鏈結數量，包括外部鏈結和內部鏈結，每個網址使用的錨點文字等等，可以快速將鏈結列表匯出也很方便。
圖片部分要記得加上 alt 和 title 屬性，相信大家都很熟悉，特別是對無障礙使用者來說有助於讓他們了解圖片代表的意思，在寫語法時記得要養成好習慣。
現在網頁會被分享到社群網站或即時通訊軟體，很多時候會產生更易讀的預覽資訊，多半都是從 Open Graph 或是網頁上的標籤取得相關資訊（例如標題、描述、網址和預覽圖），這部份也一定要好好設定，相關工具可參考以下兩篇文章：
網路上有非常多和搜尋引擎最佳化（SEO）相關的工具，如果想透過其他工具測試網站，可以切換到 Quick Links 就能找到這些服務，點選鏈結快速將當前網址帶入進行分析。
值得一試的三個理由：
- 透過瀏覽器快速查看網頁標題、描述、超連結、社群網站相關內容
- 可以查詢網頁使用的 H1、H2、H3 標題數量和文字
- 亦可得知連結數量、圖片數量和 Open Graph 等資訊
