頁面 SEO 檢查清單:title、meta description、標題階層、圖片 alt 與網址一次搞定

文章目錄
文章寫好了、服務頁也上線了,但在 Google 搜尋結果裡,標題被截斷、說明文字莫名其妙,點擊率始終偏低。這通常是頁面 SEO(On-page SEO)沒做好:網頁本身的標題、說明、標題階層、圖片與網址,沒有清楚告訴 Google 和使用者「這一頁在講什麼」。
頁面 SEO 是 SEO 裡最容易自己動手、也最快看到差異的一環。這篇文章依照 Google Search Central 官方文件,把每個元素的寫法與常見錯誤整理成一份檢查清單,讓你每次上稿前都能快速確認。想了解 SEO 全貌,可以先讀 2026 SEO 完整指南。
Title 標籤:搜尋結果中最顯眼的那一行
使用者在搜尋結果看到的藍色大字,Google 稱為「標題連結」(title link)。它主要來自網頁的 <title>,但 Google 也可能參考頁面上的主要標題、H1、og:title、指向這頁的連結文字等來源,自動產生更合適的版本。
寫好 title 的原則
依 Google 官方建議整理:
- 每一頁都要有 title,而且每頁不同
- 具體描述內容,避免「首頁」「未命名」「最新消息」這種模糊字眼
- 避免關鍵字堆砌,同一個詞不要重複好幾次
- 避免樣板化標題,例如一百個商品頁只差一個型號,使用者很難分辨
- 品牌名簡短放在前面或後面,用「|」「-」等分隔符號隔開
- 和頁面上最顯眼的主標題一致,讓 Google 更容易確認這是主要標題
title 要多長?
Google 官方文件說明:title 本身沒有長度上限,但搜尋結果會依裝置寬度截斷。實務上,把最重要的資訊放在前段,確保即使被截斷,使用者也看得懂。中文標題可以先掌握「核心關鍵字+具體好處+品牌」的結構。
| 寫法 | 範例 | 問題 |
|---|---|---|
| 不佳 | 首頁 | 完全沒有資訊 |
| 不佳 | 冷氣清洗、冷氣清洗價格、冷氣清洗推薦、台北冷氣清洗 | 關鍵字堆砌 |
| 較佳 | 台北冷氣清洗|分離式拆洗、價格透明、當週到府|品牌名 | 清楚說明服務、地區與優勢 |
Meta description:搜尋結果的說明文字
在標題下方那兩行灰色文字叫「摘要」(snippet)。很多人以為摘要一定會顯示 meta description,其實不然。Google 說明,摘要主要是從網頁內容自動產生,會依每次搜尋的字詞調整;只有當 meta description 更能準確描述網頁時,Google 才會採用。
即使如此,寫好 meta description 仍然值得,因為它是你最直接能「建議」摘要內容的方式。Google 的建議包括:
- 每頁都寫獨特的說明,不要整站共用同一段
- 具體且有資訊量,例如服務範圍、價格區間、營業時間、作者、發布日期
- 不要只是一串關鍵字,而是一段簡短、相關的摘要
- 大型網站可以用程式自動產生,但要通順、有變化
長度方面,Google 一樣表示沒有限制,但顯示時會被截斷。建議把重點放在前面,讀起來像一句完整的推薦語。
標題階層:H1、H2、H3 怎麼用
標題(Heading)讓長篇內容有結構,讀者可以快速掃讀,Google 與 AI 也更容易理解每一段在回答什麼問題。
實用原則
- 每頁一個清楚的主標題,通常用 H1,內容和 title 相呼應
- 用 H2 切出主要段落,H3 再細分 H2 底下的子題
- 標題本身就要有資訊量,例如「冷氣多久洗一次?依使用頻率建議」比「說明」好得多
- 不要為了樣式亂用標題標籤,只是想把字放大,應該用 CSS
值得一提的是,Google〈SEO 入門指南〉明確說明,Google 不要求標題一定要依語意順序排列,也沒有理想的標題數量。所以不必為了「H2 後面一定要接 H3」而焦慮。但從使用者與無障礙設計的角度,清楚一致的階層仍然是好習慣,螢幕閱讀器使用者也依賴標題來瀏覽頁面。
圖片 alt 與圖片 SEO
Google 圖片搜尋也是流量來源,而圖片處理不當,還會拖慢網頁速度。依 Google 圖片最佳做法:
- 使用 HTML
<img>元素:Google 不會索引 CSS 背景圖片 - 寫有意義的 alt 替代文字:描述圖片內容並符合上下文,不要塞關鍵字
- 檔名要具描述性:Google 舉例,「my-new-black-kitten.jpg」比「IMG00023.JPG」好
- 圖片放在相關文字附近,讓 Google 理解圖片和內容的關聯
- 使用支援的格式:包括 JPEG、PNG、WebP、AVIF、GIF、SVG 等,副檔名要和實際格式一致
- 響應式圖片用
srcset或<picture>時,仍要保留<img>的src作為備援 - 壓縮圖片:圖片常是網頁最大的檔案,影響載入速度
alt 文字範例
| 情境 | 不佳的 alt | 較佳的 alt |
|---|---|---|
| 施工照片 | 冷氣清洗 冷氣清洗推薦 台北冷氣 | 師傅拆下分離式冷氣濾網進行高壓清洗 |
| 商品圖 | 圖片1 | 霧面黑色不鏽鋼保溫杯,容量 500ml |
| 裝飾性圖案 | 背景圖 | 空的 alt(alt=""),讓螢幕閱讀器略過 |
圖片格式與延遲載入的細節,可以延伸閱讀 網站速度與圖片優化。
網址結構:讓人一看就懂
Google〈網址結構最佳做法〉的重點:
- 使用具描述性的網址,用有意義的文字取代一長串 ID 編號
- 用連字號(-)分隔單字,不要用底線或全部黏在一起
- 參數越少越好,移除不影響內容的追蹤參數、排序參數或工作階段 ID
- 非英文字元要正確編碼,中文網址在連結中需要百分比編碼
- 不要用 # 片段來切換內容,Google 通常不支援以片段區分網頁
中文網址還是英文網址?
Google 文件允許使用目標受眾的語言,中文網址並不違規。但中文網址在複製分享時,常常會變成一長串「%E5%86%B7...」的編碼,在 LINE 或 Email 裡看起來不太友善。對台灣企業來說,簡短的英文或拼音網址(例如 /services/ac-cleaning)通常較好管理。
另外要提醒,Google 入門指南也說,網址裡的關鍵字對排名影響很小,主要是讓使用者看得懂。已經上線、有排名的網址不要為了「加關鍵字」隨意更改,若一定要改,請務必做 301 轉址,詳見 網站改版與搬家不掉排名。
內部連結與錨點文字
頁面 SEO 的最後一塊,是頁面之間的連結。Google 建議連結文字要具描述性,讓使用者和 Google 不用點進去就知道連到哪裡:
- 避免「點這裡」「更多」「按我」
- 使用「冷氣清洗價格表」「2026 年 SEO 完整指南」這類描述性文字
- 從相關文章連到服務頁,把資訊型流量導向詢價
更完整的連結架構規劃,請參考 內部連結與主題群集策略。
上稿前的頁面 SEO 檢查清單
每次發布新頁面前,花五分鐘確認:
- title 是否獨特、具體,前段就看得出主題?
- meta description 是否為這一頁獨立撰寫,像一句完整的推薦語?
- 頁面是否有一個清楚的主標題,且與 title 呼應?
- H2、H3 是否能讓讀者掃讀就知道每段重點?
- 開頭幾段是否直接回答搜尋者的問題?
- 所有內容圖片是否都有符合情境的 alt,檔名有意義?
- 圖片是否已壓縮、尺寸合理?
- 網址是否簡短易讀,沒有多餘參數?
- 是否有連到相關文章與服務頁,錨點文字具描述性?
- 是否已用 Search Console 的網址檢查工具確認可被索引?
常見問題
Google 把我的 title 改掉了,怎麼辦?
Google 會在認為原標題不夠準確時自動改寫,常見原因是 title 過長、關鍵字堆砌、和頁面主標題不一致,或多頁使用相同樣板。先檢查這幾點並修正,讓 title 與頁面 H1 意思一致,Google 重新檢索、處理後就有機會改善,但不保證一定採用你的 title,通常需要幾天到幾週。
meta description 會影響排名嗎?
Google 並未把 meta description 當成直接的排名依據,它主要影響的是搜尋結果的呈現與點擊意願。寫得具體、吸引人的說明,能讓使用者更願意點進來,因此仍然值得每頁用心撰寫。
一頁可以有兩個 H1 嗎?
技術上可以,Google 也沒有規定標題數量或順序。但從使用者體驗與無障礙角度,一頁一個明確的主標題最清楚。如果網站樣板讓 logo 或側欄也用了 H1,建議請工程師調整。
結語:頁面 SEO 是每一頁的基本禮貌
頁面 SEO 不是什麼高深技術,而是替每一頁準備好清楚的名牌與目錄:讓 Google 讀得懂,也讓使用者在搜尋結果裡一眼就知道你能幫他什麼。把這份清單變成團隊的上稿習慣,長期累積下來的差距會非常明顯。
如果你的網站頁面很多、不知道從哪裡開始修,網軍行銷的 SEO 優化服務 可以協助全站盤點,排出最值得優先調整的頁面。
參考資料
- Google Search Central,Influencing your title links in search results:https://developers.google.com/search/docs/appearance/title-link
- Google Search Central,Control your snippets in search results:https://developers.google.com/search/docs/appearance/snippet
- Google Search Central,Google image SEO best practices:https://developers.google.com/search/docs/appearance/google-images
- Google Search Central,URL structure best practices for Google Search:https://developers.google.com/search/docs/crawling-indexing/url-structure
- Google Search Central,SEO Starter Guide:https://developers.google.com/search/docs/fundamentals/seo-starter-guide


