搜尋觀點
圖片、隱藏內容與 Alt Text：SEO 圖像資產不只是裝飾
圖片 SEO 要同時看檔案、alt、上下文和是否被 crawler 讀到。
Inspect The Path 有一關把線索藏在圖片和 JavaScript 行為裏：頁面有一張隱藏圖片，腳本又會移除它，玩家需要下載圖片再用 strings 找到子域名。這是遊戲玩法，但也正好提醒我們：圖片和隱藏內容不是 SEO 的邊角料。
對服務型網站、電商、案例頁和 blog 來説，圖片能幫搜尋和 AI 理解頁面場景。但前提是圖片真的有語義、有上下文、有 alt，而不是隻放一張抽象背景圖。
Alt text 應該描述圖片功能
Alt text 不是把關鍵字塞進圖片。它的主要目的，是讓無法看到圖片的人和系統知道圖片在頁面中扮演甚麼角色。
好的 alt text 通常具備三點：
- 描述圖片中與內容相關的資訊
- 放在頁面上下文裏仍然自然
- 不重複旁邊已經完整寫出的文字
例如「SEO 圖表」太籠統；「香港 SEO 服務頁 Search Console 曝光和查詢增長報表」更有用。若圖片只是裝飾，alt 可以留空，但服務頁首圖、案例截圖、工具示意圖通常不應該空白。
隱藏內容要小心處理
遊戲用 display none 和 JavaScript 移除圖片製造謎題。真實網站不應把重要文字、圖片、FAQ 或內鏈藏到 crawler 讀不到的位置。
常見問題包括：
- 重要文案只在 hover 或互動後出現
- FAQ 由前端 JS 延遲載入，但初始 HTML 沒有內容
- 圖片懶載入設定錯誤，導致 crawler 讀不到 src
- 背景圖承載重要資訊，但沒有替代文字
- 圖片檔名全是 IMG_1234.jpg，沒有語義
圖片 SEO 不只為 Google Images
很多人以為圖片 SEO 只是為了圖片搜尋。其實圖片也會影響頁面主題、案例可信度、分享預覽和 AI 對場景的理解。尤其是香港服務公司網站，如果首頁、服務頁和案例頁能用真實報表、流程圖、地區地圖、商家資料截圖來支撐內容，會比抽象科技風更有説服力。
這也呼應我們設計 YUSIHK 首頁時的方向：圖片要配合內容，能讓客戶理解「你幫我解決甚麼問題」，而不是隻是看起來像 AI 生成的裝飾。
不同頁面應該怎樣寫 alt text？
| 圖片類型 | 不建議 | 較好的寫法 |
|---|---|---|
| 服務頁首圖 | SEO 圖片 | 香港 SEO 顧問檢查 Search Console 曝光、查詢和服務頁內容 |
| 電商分類圖 | 產品 | Shopify 店舖的户外用品分類頁和商品篩選畫面 |
| 案例截圖 | 報表 | 本地商家 Google 地圖曝光、電話和路線查詢增長報表 |
| 工具示意圖 | 工具 | robots.txt 檢測工具顯示 Googlebot 和 AI crawler 抓取權限 |
Alt text 不需要硬塞關鍵字，但要讓看不到圖片的人知道圖片和頁面內容有甚麼關係。
圖片 SEO 常見錯誤
- 首圖太抽象，看不出服務場景，客戶只覺得像裝飾。
- 用背景圖承載重要文字，搜尋系統和輔助工具都讀不到。
- 案例圖沒有解釋指標，客戶不知道報表代表甚麼。
- 電商商品圖檔名和 alt 都沒有品牌、類別或產品差異。
- 社交分享圖尺寸過大或被裁切，OG 預覽模糊。
圖片要服務內容和信任感。對香港 SEO / GEO 服務頁來説，報表、地圖、流程、搜尋結果和工具截圖，通常比抽象科技圖更有説服力。
圖片檢查清單
- 重要圖片是否有具體 alt？
- 圖片上下文是否能解釋它和服務的關係？
- 首圖和 OG image 是否清晰、不模糊、不過度裁切？
- 圖片是否有合理寬高，避免 layout shift？
- 背景圖是否承載重要資訊？若有，應改為 img 或補可見文字。
- JS 是否會移除 crawler 應該看到的圖片或文案？
- 圖片是否壓縮，兼顧速度和清晰度？
你可以回看 Inspect The Path 完整攻略 的隱藏圖片關卡，再配合 SEO 服務 或 Agent SEO 檢測 檢查你的頁面資產是否真的有助搜尋理解。
Inspect The Path 對應關卡：隱藏圖片、JS 移除與 strings
遊戲的圖片關卡有三個動作：頁面放一張 hidden image、JavaScript 會移除它、玩家下載圖片後用 strings 找到子域名。這是一個 CTF 玩法，但放到 SEO 裏，它提醒我們圖片資產有三個層面：是否可被讀到、是否有語義、是否和上下文一致。
技術原理：圖片也會參與頁面理解
搜尋和 AI 不是隻讀文字。圖片檔名、alt、周邊文字、caption、structured data、OG image 都會幫助系統理解頁面場景。尤其服務公司網站，真實報表、地圖、流程、搜尋結果和工具截圖，會比抽象科技背景更能建立信任。
Alt text 的 E-E-A-T 角色
好的 alt text 不是關鍵字堆砌，而是把圖片和頁面主題連起來。例如：
| 場景 | 普通寫法 | 更好的寫法 |
|---|---|---|
| SEO 服務頁 | SEO 圖片 | 香港 SEO 顧問檢查 Search Console 曝光、查詢和服務頁內容 |
| Google 地圖案例 | 地圖 | 本地商家 Google 地圖曝光、電話和路線查詢報表 |
| 電商 SEO | 產品圖 | Shopify 店舖分類頁、商品篩選和 Schema 檢查示意 |
| SEO 工具 | 工具 | robots.txt 檢測工具顯示 Googlebot 和 AI crawler 抓取權限 |
這些描述能讓看不到圖片的人理解內容，也能讓搜尋系統更容易把頁面和服務場景連起來。
隱藏內容與 JS 檢查 SOP
- 檢查重要圖片是否用
<img>，不要只放 CSS background。 - 檢查 lazy loading 是否保留
src/ width / height。 - 檢查 JS 是否會移除 crawler 應該看到的圖片或 FAQ。
- 檢查首圖和 OG image 是否清楚、不模糊、不裁掉重點。
- 檢查 alt 是否描述圖片功能，而不是隻寫關鍵字。
- 檢查圖片上下文是否解釋報表、流程或案例指標。
如果你正在重做首頁或服務頁，圖片應該幫客戶明白「你能帶來甚麼查詢、曝光或信任」，而不是隻營造氣氛。這也是 YUSIHK 首頁逐步把抽象科技風換成報表、地圖、AI 引用和搜尋入口元素的原因。完整關卡可回到 Inspect The Path 完整攻略，也可以用 SEO 服務 或 Agent SEO 檢測 做圖片與可讀性抽查。
想把這套檢查用在自己網站？
如果你的網站剛搬站、改版、轉 static site，或者開始做 GEO / AISEO，最容易出事的往往不是單一關鍵字，而是 URL、canonical、headers、robots、Schema 與內容入口互相打架。你可以先用 YUSIHK 的 SEO 工具中心 做初步檢查，再把網站 URL 發給我們做 SEO / GEO 技術診斷。