標題層級檢查

📖 工具介紹

標題標籤構成頁面的內容大綱，既幫助讀者快速瀏覽，也是搜尋引擎判斷頁面結構的重要依據。本工具貼上 HTML 原始碼後提取全部 h1 到 h6 標籤，按文件順序生成縮排大綱並統計各級數量，同時檢查五類常見問題：是否存在內容為空的標題、是否有標題超過 60 字元、是否出現層級跳躍（例如 H2 直接跳到 H4）、頁面是否缺少 H1、以及是否存在多個 H1。通常一個頁面只應有一個 H1 作為主標題，其餘按層級遞進，不應跳級。大綱可一鍵複製為帶縮排的文字，便於貼進文件或交給同事核對。原始碼只在本機解析。常見使用場景包括：長文釋出前檢查結構、接手舊頁面時快速瞭解內容組織、以及排查因多個 H1 導致的主題分散問題。本工具的檢查基於靜態原始碼，無法執行頁面指令碼，因此透過 JavaScript 動態插入的視口設定或樣式不會被識別，這類情況建議結合實際裝置測試確認。字號與點選區的檢查只覆蓋內聯樣式與頁面內嵌樣式表，外鏈 CSS 檔案中的規則不在掃描範圍內，若頁面樣式集中在外部檔案，應配合瀏覽器開發者工具一併核對。標題文字本身也是內容的組成部分，應避免為了結構而堆砌關鍵詞，保持每級標題都能準確概括其下的內容。對於篇幅較長的頁面，可考慮在開頭加入目錄導航，讓讀者能直接跳轉到感興趣的章節。

✨ 功能特點

• 完整大綱提取：按文件順序列出全部 h1–h6，層級用縮排直觀呈現
• 五類問題檢測：空標題、過長標題、層級跳躍、缺失 H1、多個 H1 逐一檢查
• 各級數量統計：分別統計 H1 到 H6 的數量與總數，結構分佈一目瞭然
• 問題精確定位：層級跳躍會直接指出從哪一級跳到哪一級
• 大綱一鍵複製：帶縮排的文字大綱可複製進文件或協作工具

🚀 使用方法

1. 貼上網頁 HTML 原始碼；
2. 點選「檢查層級」；
3. 檢視大綱與問題列表；
4. 按提示調整標題結構。