圖片 SEO:被忽略的流量入口

圖片 SEO 大概是整個 SEO 領域裡,說的人最少、做的人更少的一塊。但它同時影響兩件事:Google 圖片搜尋帶來的流量入口,以及圖片對整頁載入速度——也就是 Core Web Vitals——的拖累。我們自營電商的商品頁,圖片就是主角,這塊的優化是每天的日常,不是理論。

先講一個觀念:搜尋引擎「看」圖片的能力越來越好,但它理解一張圖最可靠的依據,仍然是你給它的文字線索——檔名、alt 屬性、周圍的文字脈絡。圖片 SEO 的一半工作,就是把這些線索補齊。

文字線索:檔名、alt 與脈絡

• 檔名用描述性文字:IMG_4382.jpg 是浪費,handmade-ceramic-mug-white.jpg 是線索。上傳前花三秒改檔名,用連字號分隔單字。中文檔名技術上可行,但轉成網址後會變成一長串編碼,我們建議檔名用英文。
• alt 屬性描述圖片內容:alt 的本意是無障礙——螢幕閱讀器靠它向視障使用者描述圖片,圖片載入失敗時也靠它替補。寫法就是老實描述畫面:「白色手拉坏陶瓷馬克杯,握柄特寫」。自然帶到關鍵字可以,堆疊關鍵字不行。純裝飾性的圖片,alt 留空即可,不要硬塞。
• 周圍文字與圖說:圖片旁邊的標題與段落,是搜尋引擎判斷圖片主題的重要脈絡。圖放在相關內容旁邊,勝過集中塞在頁尾。

效能:圖片是網頁變胖的第一元兇

多數網站超過一半的頁面重量來自圖片。這直接影響 LCP(最大內容繪製)——而 LCP 元素常常就是一張主圖。我們的實務準則:

1. 尺寸配合顯示需求:顯示區域 400px 寬的圖,不要上傳 4000px 的原檔讓瀏覽器縮。以實際顯示尺寸的兩倍(對應高解析螢幕)為上限輸出。
2. 壓縮是必經工序:照片類用適當品質的 JPEG 或 WebP/AVIF,肉眼幾乎無損的情況下,檔案常能小一半以上。
3. 響應式圖片:用 srcset 讓手機載小圖、桌機載大圖,不要全部人吃同一張大圖。
4. 延遲載入,但首屏主圖除外:畫面外的圖片用 lazy loading 延後載入;但首屏主圖(往往是 LCP 元素)千萬不要 lazy load,那會直接拖慢你的核心指標。這部分與 Core Web Vitals 白話解讀那篇是同一件事的兩面。
5. 指定寬高,避免版面跳動:圖片載入前先佔好位置,否則內容會被推來推去,CLS 分數直接遭殃。

一張圖對搜尋引擎的價值,取決於你替它寫的字;一張圖對使用者的代價,取決於你替它省的位元組。

電商與作品集網站的加分題

如果你的生意靠圖吃飯——電商、餐飲、室內設計、攝影——圖片搜尋是實打實的流量入口,值得多做兩步:

• 結構化資料掛上圖片:Product、Recipe、Article 等結構化資料裡的 image 欄位填好,商品圖有機會出現在搜尋結果的縮圖與購物體驗中。
• 圖片 sitemap:圖片量大的網站,在 sitemap 中納入圖片資訊,幫助 Google 完整發現。
• 穩定的圖片網址:圖片被收錄需要時間,網址頻繁更動等於每次歸零。

圖片 SEO 沒有一招致勝,它是上稿流程的紀律:改檔名、寫 alt、壓縮、標記,每張圖三分鐘。我們在品牌官網設計開發服務裡,把這些做成系統的預設行為——上傳自動壓縮、自動產生響應式尺寸、後台強制填 alt——因為靠人的自覺,不如靠流程的設計。