圖片 SEO 是什麼？「 1 張圖 」就會影響排名跟流量？圖片 SEO 全攻略！

「 圖片 SEO 」是指透過優化網頁上的圖片，讓圖片更容易被搜尋引擎（如 Google）理解和收錄，進而提升在 Google 圖片搜尋結果中的排名，是 SEO 的一部分。

搜尋引擎不只會讀文字，也會分析你頁面裡的圖片，並把它收錄進 Google 圖片搜尋或一般搜尋結果中。

圖片 SEO 不僅能增加圖片的曝光機會、增加網站的流量，也能提高網頁的載入速度和使用者體驗。換句話說，一張圖也能成為進站的入口。

這篇文章會帶你了解圖片 SEO，以及該怎麼優化網站上的圖片，讓你的每一張圖都有機會幫網站帶來更高的曝光與流量。

• 圖片 SEO 是什麼？為什麼這麼重要？
• Google 是怎麼看圖片的？
• 圖片 SEO 要怎麼做？完整攻略！
• 避開圖片優化常見錯誤！
• 圖片不是裝飾，放得好變流量入口
• 常見問題
• 聯絡犬哥網站

---

圖片 SEO 是什麼？為什麼這麼重要？

圖片 SEO（Image SEO）指的是透過優化圖片本身與其周邊資訊，讓搜尋引擎能理解圖片內容，並在圖片搜尋或一般搜尋結果中獲得更好曝光。

Google 不會看圖說故事，它是根據你提供的文字線索，去理解圖片的主題。

若圖片語意清楚、載入快速且與內容相關，搜尋引擎就更容易判斷這張圖對使用者有價值，從而提升整體頁面的 SEO 評分。

圖片搜尋與一般搜尋結果的關聯性

很多人以為做圖片 SEO 只會影響到 Google 圖片搜尋，但實際上，在 搜尋結果（SERP）也會出現圖片，包含文章的摘要、產品，或 Google 探索中，都有機會出現縮圖。

這些圖片是能讓使用者更快辨識主題、提高 點擊率（CTR）的重要元素。尤其當搜尋結果越來越圖像化、模糊文字與媒體的界線時，圖片 SEO 就成了網站提升曝光的好機會。

讓圖片也能帶來流量，從全站 SEO 開始規劃

除了圖片本身要做 SEO，如果網站整體 SEO 基礎沒打好，Google 依然無法完整理解圖片內容，也就難以在搜尋結果中獲得曝光。

以犬哥網站近期合作的一位「 健身個人品牌 」為例，我們協助客戶重新規劃部落格內容結構，優化圖片命名、替代文字與內文語意一致性，並同步改善網站載入速度與行動裝置體驗。

透過犬哥網站的 SEO 行銷服務，最終在短短 4 個月內，自然流量提升約 70%，多組關鍵字如「 私人健身教練 」、「 高雄健身房推薦 」都成功進入 Google 第一頁。

SEO 不只是讓內容被看見，也讓「 圖片 」被理解與點擊。如果你也希望讓網站的圖片成為能主動帶流量的入口，從整體 SEO 架構開始規劃，會是最穩健的第一步。

---

Google 是怎麼看圖片的？

搜尋引擎不像人類，它不會主觀覺得哪張圖好看，而是根據可讀性、語意、技術品質與使用者體驗這幾個面向，去計算圖片對整體頁面的貢獻。

簡單說，Google 會先確認「 能不能抓到圖 」、再判斷「 看不看得懂圖 」，最後評估「 這張圖會不會影響體驗 」。

讓 Google「 找得到 」你的圖片

如果圖片需要權限才能瀏覽，或是頁面被 robots.txt 擋住，Google 爬蟲根本無法讀取。

另外，有些網站的圖片是用 JavaScript 動態載入的，也就是圖片在原始碼裡一開始並不存在，而是要等使用者滑到某個區塊後才出現，這時候 Google 不一定會執行這段程式碼。

如果圖片在原始碼中沒有固定的圖片連結（像 <img src=”xxx.jpg”>），搜尋引擎就可能完全抓不到那張圖，因此建議保留一個能被 Google 抓取的靜態圖片連結，或確保圖片在 HTML 原始碼中已存在。

最後，圖片也要放在有意義的頁面中，例如：文章、產品頁或部落格，而不是孤立在一個沒有內容的圖片網址上。

讓 Google「 看得懂 」圖片內容

就算 Google 找得到圖，也不代表它看得懂。搜尋引擎主要靠文字線索來理解圖片內容，包含檔名、圖片替代文字（Img Alt）、圖片標題、附近段落文字與圖說（caption）。

這些文字訊號會被整合起來，讓 Google 去推斷這張圖的語意，例如「 這是商品照 」、「 這是教學截圖 」或「 這是品牌形象圖 」。

因此，圖片最好貼近該段主題，並搭配描述性文字。比方說，你的文章在講「 GA4 事件設定 」，那張截圖的 alt 若寫成 GA4 事件追蹤設定畫面，Google 就能理解圖片的用途與主題。

讓圖片顯示清楚、載入速度快

除了語意，Google 也會考量使用者體驗。清晰、構圖明確的圖片能提升使用者對內容的理解與信任感，而模糊、過曝、或畫質低的圖片則會降低 CTR（點擊率）。

另外，圖片體積過大或未壓縮會拖慢整頁載入速度，直接影響 SEO 排名與 Core Web Vitals。建議上傳前先確認使用正確尺寸，並啟用 Lazy Loading，讓圖片在使用者滑到可見範圍時再載入。

Google 更偏好那些「 畫質好又載得快 」的網站，因為這代表你的內容對使用者更友善。

---

圖片 SEO 要怎麼做？完整攻略！

以下五個方向是圖片 SEO 的完整操作重點，從語意、技術到體驗一次搞定，讓你在優化圖片時也能有明確方向：

一、Img Alt（替代文字）要怎麼寫才加分？

Alt（Alternative Text，替代文字）是用來描述圖片內容的文字，當圖片載不出來時會顯示在畫面上，同時也是 Google 理解圖片主題的主要依據。

它的作用就像是在告訴搜尋引擎「 這張圖在講什麼、用在哪裡、跟內容有什麼關聯 」。

怎麼寫好的 Alt？

好的 alt 文字應該自然、具體，能準確描述圖片內容，同時與該段落主題相關。

舉例來說，

✅ 好寫法：alt=”設定 GA4 事件追蹤的畫面示範” ➡️ 清楚、具語意

❌ 不好寫法：alt=”圖片1″ 或 alt=”SEO” ➡️ 太模糊，看不出是什麼圖片

你也可以適度帶入目標關鍵字，但不要硬塞。只要用自然語句呈現圖片真實內容，就能幫助 Google 理解這張圖與文章主題的關聯。

什麼是壞的 Alt？

過度堆疊關鍵字、內容與圖片不符，或所有圖片都使用相同 alt，這些都會被搜尋引擎視為低品質訊號。同時也會讓使用輔助工具的使用者（如視障讀者）體驗變差。

功能性 / 裝飾性圖片建議

• 功能性圖片（例如按鈕圖示）：應明確描述用途，如 alt=”加入購物車”。
• 純裝飾性圖片（例如背景花紋）：可留空 alt=””，讓搜尋引擎與螢幕閱讀器略過。

二、圖片檔名、格式、尺寸，真的影響 SEO 嗎？

很多人忽略了圖片檔名與格式的重要性，但這兩者其實都會影響搜尋引擎的理解與網站載入速度。

圖片檔名（Image Filename）

Google 會讀取檔名，因此不要再命名「 IMG_0001.jpg 」。改用有意義的命名方式，例如：ga4-event-tracking-setup.jpg，或 wordpress-image-optimization-guide.webp。

這能直接告訴搜尋引擎圖片內容，也能在圖片搜尋中提高相關度。

圖片格式（.webp、.avif、.jpg、.png 等）

不同格式各有優缺點：

• WebP / AVIF：檔案小、畫質佳、推薦用於網頁主流圖片。
• JPG：適合照片類內容。
• PNG：適合需要透明背景或清晰邊緣的圖片。

選對格式能有效降低載入時間，又不犧牲畫質。

圖片尺寸＆壓縮

圖片太大會拖慢網站速度，尤其在行動裝置上。建議上傳前先壓縮圖片，並確保寬高符合實際顯示尺寸。

建議控制圖片檔案大小在 200 KB 以內（視畫質需求而定），並採用壓縮後的 WebP 或 AVIF 格式。

三、圖片的語意脈絡，要讓 Google 看懂

Google 不只是看圖片，也會讀 「 圖片附近的文字 」。也就是說，一張圖是否與段落內容、標題、圖說（caption）相互呼應，會直接影響 Google 對圖片主題的判斷。

• 貼近相關段落：操作截圖就放在教學步驟旁，而不是集中放在文章的最後。
• 放在有內容的頁面：圖片若孤立在一個沒文字的網址頁面上，Google 會難以理解其主題。應確保圖片出現在有明確主題的內容頁中。
• 周圍文字幫助 Google 理解圖片：包括圖片下方的圖說（Caption）、圖片前後的小標、表格標題或段落描述，這些都能補足圖片語意，讓搜尋引擎更精準判斷圖片用途。
• 使用結構化資料（Structured Data）：若圖片屬於文章主圖、產品照，可以在頁面中加上對應 結構化資料（如 Article、Product），幫助 Google 理解圖片類型，提升曝光率。

四、圖片的合法使用與授權

使用圖片前，除了考慮 SEO，也要確保授權合法。使用未授權圖片（俗稱「 盜圖 」）不僅有法律風險，也可能降低品牌信任。

• 使用原創圖或授權素材：建議優先使用自製圖片、品牌攝影素材，或合法圖庫。
• 若為圖庫素材，標註來源或授權條件：例如註明「 圖片來源：Pexels 」，讓讀者知道這是合法可用的素材。
• 圖片授權中繼資料（Image Metadata）：可以在圖片中嵌入創作者名稱、授權資訊等 metadata，Google 圖片搜尋會顯示「 可申請授權（Licensable）」標籤，有助於提升點擊率與信任感。

五、行動裝置體驗與載入速度

行動端使用者已占多數，因此圖片的體驗優化會直接影響整體 SEO 表現。

• Lazy Loading、正確尺寸、壓縮：使用 Lazy Loading 技術，確保頁面在行動裝置上快速載入。控制圖片尺寸與壓縮比，讓內容即使在網速不佳的環境下也能順暢顯示。
• 文字不要都用圖片呈現：若關鍵資訊（像是價目表、步驟說明）全部放進圖片裡，搜尋引擎將無法索引。建議用 HTML 呈現文字，再以圖片作為輔助視覺，兼顧美觀與 SEO。

---

避開圖片優化常見錯誤！

圖片 SEO 看似簡單，但實際執行時，許多網站仍會在細節上踩雷。以下這五個錯誤，是網站圖片優化最容易忽略、卻會直接影響排名與使用者體驗的關鍵問題。

一、每張圖片的 Alt 都一樣

如果網站裡所有圖片都用同一句 alt，例如「 網站設計範例 」或「 產品圖片 」，Google 會判定這些圖片沒有區別，語意重複、價值低。

建議每張圖片都根據內容撰寫獨立的描述，例如：

• alt=”首頁設計版面範例 – 藍色主題”
• alt=”產品拍攝 – 防水健身手錶近拍圖”

這樣不僅讓搜尋引擎理解每張圖片的差異，也有助於不同圖片分別在相關關鍵字下被曝光。

二、沒有檔名、說明或用編碼

如果你的圖片還是 IMG_001.jpg、screenshot123.png 這種預設檔名，Google 幾乎無法判斷圖片內容。

更糟的是，有些 CMS（像 WordPress 外掛或壓縮工具）會自動產生亂碼檔名，例如 a4b7f3c9d2.jpg，這樣的圖片在搜尋引擎眼裡毫無語意價值。

正確做法是使用語意化命名，例如：

• image-seo-alt-text-example.jpg
• kettlebell-workout-personal-trainer.webp

好的檔名能提升圖片的索引機率，也讓你在圖片搜尋結果中更容易被找到。

三、首圖檔案大小太大

首頁或文章首圖若檔案過大，會拖慢整體載入速度，尤其在行動裝置上更明顯。Google 的 Core Web Vitals 評估中，Largest Contentful Paint（LCP）就是常被大圖拖慢的指標。

如果圖片畫質需求高，可以用壓縮軟體降低容量，同時保持清晰度。這樣不僅提升使用者體驗，也能間接提高整體 SEO 評分。

四、圖片與文字分開，關聯度低

有些網站喜歡把所有圖片集中放在文末，或插入圖片卻沒有任何說明文字。如果圖片與段落主題距離太遠，或沒有明確的上下文，搜尋引擎會難以判斷圖片相關性，導致無法收錄或排名。

建議：

• 圖片要貼近該段落的內容區塊。
• 在圖片上方加上小標或描述，幫助 Google 建立語意連結。
• 若是教學步驟圖、商品照等，記得加上圖說（caption），讓圖片資訊更完整。

五、盜圖、忘了標示授權來源

搜尋引擎越來越重視內容真實性與原創性，若圖片被多個網站重複使用，Google 會偏好原始上傳者。

建議優先使用自製圖片或合法授權素材，若是使用圖庫圖片，務必標註來源與授權條件（例如：「 圖片來源：Unsplash 」）。

此外，也可以在圖片中加入剛剛提過的 Image Metadata（圖片授權中繼資料），Google 圖片搜尋會顯示「 可申請授權 」標籤，增加可信度與點擊率。

---

圖片不是裝飾，放得好變流量入口

圖片 SEO 的本質，不是讓圖片「 更漂亮 」，而是「 讓搜尋引擎理解圖片、讓使用者想點進來 」。

當你的圖片有清楚的語意（alt、檔名、周邊文字等）、載入順暢的速度，以及合法可信的授權資訊等，Google 就會更願意收錄、展示、推薦。

做好圖片 SEO，不僅能提升圖片搜尋的流量，整個頁面的曝光、CTR、品牌信任度也會一起上升。因為在 Google 眼裡，圖片早已不是附屬素材，而是「 內容本身 」的一部分。

一張圖如果放得對，就能成為一個新的流量入口。

---

常見問題

---

聯絡犬哥網站

在網站架設＋網路行銷的過程中，或許會遇到一些解決不了問題，可以在下方留言給我，我會盡力協助解答！

接下來，額外分享 2 個實用資源，可有效幫助大家解決問題。

資源一：犬哥網站（專業 WordPress 網頁設計＆數位行銷公司）

如果你沒時間自己架站，或是遇到網站沒有流量、Google 網站排名不理想。歡迎洽詢 犬哥網站（WordPress 網頁設計＆數位行銷公司），請專家協助你會更容易！

我們有多年網頁設計、SEO 關鍵字行銷、Google 廣告投放經驗，加上上百個實戰案例，絕對能滿足您的需求！

資源二：WordPress 高手架站課＋SEO 排名飆升課（線上課程）

如果想學習更深入的 WordPress 架站技巧，或是想透過 SEO 關鍵字提升網站流量？

可以參考犬哥近期推出的這兩門課程，課程非常的扎實，都是犬哥自己實戰出來的經驗分享，不打高空只教你做出成績！