網站製作
網頁標題字很大，卻不是 H1？做一張標題層級表
把一句話放大、加粗，不代表網頁已經把它標成標題。今天只練一件事：替一個頁面做出「畫面文字、實際標記、內容層級、處理建議」四欄表，讓維護者能找到同一段重查。適合自己建站、編輯內容的個人、工作室與中小企業；準備桌面 Chrome、一個公開網址及記事本即可，不需要買外掛。
【先寫大綱，再看程式標記】
選一頁，記完整網址、查核日期及範圍，例如只看文章正文。用一句話說明這頁在回答什麼，再列各節主題。先判斷內容關係，別為了字比較小就選 H3，也別讓每個醒目句都變成 H1。
W3C 說標題能表達內容組織，也能讓瀏覽器與輔助科技提供頁內導覽。H1 到 H6 是層級，不是六種字體大小。往下開子節時應盡量避免跳級，例如 H2 直接接 H4；結束子節，從 H3 回到下一個 H2，則可以是正常的大綱結構。
以下是虛構的「影像備份教學」大綱，並非真實網站：H1「拍攝素材如何備份」，下面放 H2「備份前準備」、H2「複製與核對」、H2「還原練習」；「複製與核對」若要再分兩個子題，才安排 H3「複製原檔」及 H3「核對檔案」。同層標題回答相近層次的問題，不必每一層都湊滿。
【照四步做標題表】
1. 打開選定頁面，從正文主標開始。在文字上按右鍵，選「檢查／Inspect」，Chrome 會開啟 Elements。只讀標記；不要在正式後台改內容，也不需要貼程式到 Console。
2. 找到與畫面文字對應的元素，記 H1、H2 等標記。如果選到標題裡的 span，往外看包住它的元素，不能因內層是 span 就說沒有標題。若只看到 div 或 p，先記實際所見；遇到 role="heading"、aria-level 等寫法，一併留下給維護者確認，不只靠標籤名稱下結論。
3. 往下抽查三個章節，照出現順序抄文字與標記，並寫它是「整頁主題、同層章節、前節子題」哪一種。導覽、側欄及頁尾另註區域，不與正文混成同一串；只查正文就不要宣稱全頁已查完。
4. 把畫面暫放一旁，只讀你寫的大綱，是否能理解文章在教什麼？若三個 H2 都叫「了解更多」，可提出更具體的名稱；若某段只是提示句，保留一般段落也合理。建議與已修改分開記，找到可疑項目不等於已修好。
【一個當日已核對的例子】
2026/10/15，我只讀查看文末客脈一頁式網站教學的瀏覽器 DOM。文章主標「一頁式網站是什麼？適合誰、範例架構、費用與信任感怎麼做」為 H1；接著的「一頁式網站適合哪些情況？」「什麼情況不建議只做一頁？」及「一頁式網站範例：四種常見架構」皆為 H2。
這四筆可記「主題＋三個同層章節，標記已觀察」。它們是當次頁面內容，不代表整站、螢幕閱讀器或搜尋表現都通過；本篇沒有修改官網，也沒有量測排名與詢問。讀者重查時若文字變了，就照當日版本記，不把更新直接判成錯誤。
【修正後怎麼驗收】
有編輯權的人，可在自己的草稿頁把正文主標設定為適當的標題層級，再按內容關係設定章節。文字大小另外調整。儲存預覽後重新讀取標記，核對與大綱是否一致；有共用版型時，也要看其他使用該版型的頁面是否受影響。
只在 Elements 改字或標籤，是瀏覽器當下的變動，不能當成網站已保存。沒做正式修改，就把狀態留在「建議待處理」。也不要為了看到一個 H1 就刪掉其他區塊，先確認每個標題的用途與所屬範圍。
預期成果是至少四筆紀錄，附一份內容大綱及待辦。請另一人照網址找到相同文字，核對標記，再說出每節屬於哪個主題；沒請人複核就記自行核對。常見錯誤是只看字體、把檢查到的內層 span 當成全部、混入頁尾標題，以及只查四筆就宣稱完整無障礙合規。
今天的作業：用自己的公開頁完成四欄表；沒有網站，就用上述虛構大綱填預期層級，實際標記填「無頁面，未查」。紙筆與瀏覽器可零額外工具費完成，平台進階編輯、改版及完整稽核可能另有成本；本練習不要求買訂閱。成果是可重查的結構紀錄，不是 SEO 成效保證。
官方來源（2026-10-15 查核）：
練習頁：抽查主標與前三節的標記
整理／配圖：客脈 AI。配圖為 AI 示意圖，非實際網站或驗證報告。
0
0
20 0
拍手
留言
分享
Line
複製連結
收藏