網站圖片 SEO 如何優化？超完整 Image SEO 教學

1.8K

圖片 SEO（Image seo），要如何優化？圖片在 seo 裡面也是很重要的優化一環，特別是圖片裡面有 ALT，Alt text 本身在 SEO 搜尋引擎優化裡面，就是個很重要的優化項目。有經過優化的圖片，也相對比較容易出現在 Google 圖片搜尋結果裡面，如果圖片連 Alt text 都沒有，Google 是很難判斷這張圖片到底是跟什麼有關的。

除了圖片 SEO 之外，通常上傳圖片之前，還需要將圖片壓縮再上傳，因為過大的圖片會拖累網頁速度，養成壓縮圖片的習慣，才不會在之後網站流量變大時，又要回頭處理圖片檔案過大的問題。

如果你還不知道圖片 SEO（Image SEO）要怎麼做，本篇文章會完整教學所有 SEO 優化圖片應該注意的事。

圖片 SEO 優化、Image SEO 怎麼做？

下面一一列出優化圖片的各種項目，這些項目務必在每次寫完文章時，就順手做到位，避免之後又要回過頭來處理。

1.圖片壓縮

將圖片上傳到網站之前，務必先使用 TinyPNG 或是 TinyJPG 進行壓縮，壓縮過後的圖片，往往可以減少檔案大小 50%以上。圖片壓縮之後，對於提升網頁速度會非常有幫助。

2.圖片加上 Alt text

Alt text 是很重要的 SEO 優化項目，目的是為了告訴 Google 這張圖片到底是跟什麼有關。Alt text 切記不要堆疊關鍵字，只要包含一次你的主攻關鍵字，並且正確描述這張圖片即可。

很多人可能會問，到底怎樣的 Alt text，才是好的 Alt text。關於這點，Matt Cutts 在 Youtube 影片上有一隻影片，專門說明圖片的 Alt text 到底要怎樣寫比較好，這隻影片建議大家看完。

簡單的說，就是要用很精簡的字，精準的描述這張圖片到底是跟什麼有關，並且避免關鍵字堆疊，這樣就可以了。

完整 Alt text 優化教學可以參考下面文章。

• 圖片 Alt text 是什麼？html img alt 替代文字優化！

3.圖片加上 Title text

除ㄌ Alt text 之外，圖片其實還有 Title text。Title text 的作用是，當使用者將滑鼠移動到圖片上方時，瀏覽器會顯示一段文字字串，那一段字串來源就是 Title text。雖然 Title text 沒有 Alt text 那麼重要，但是還是建議一起加上去。

4.圖片檔名使用英文

至於圖片檔案名稱命名方面，一律建議使用英文，不建議使用中文。而且圖片檔名一律建議統一使用英文小寫。

5.圖片檔名使用有意義的英文

除了圖片檔名使用英文之外，檔案名稱也不要使用沒有意義的英文單字。如果你的主攻關鍵字裡面有英文，應該讓它出現在圖片檔名裡面，也就是讓圖片檔名包含關鍵字。

6.使用語義標籤 figure / figcaption

figure 是 HTML5 裡面的語義標籤，figure 主要是告訴 Google 標籤裡面的東西是影片/圖片等多媒體。figure 裡面還有一個標籤叫做 figcaption，是用來說明這張圖片的，figcaption 也建議一起優化。

目前 figure 雖然不是一定要做的優化項目，但是使用 figure 標籤應該是未來的趨勢，應該儘早將圖片外面都包一層 figure 標籤會比較好。

7.圖片使用響應式設計

現在很多網站已經都加上圖片響應式設計了，所謂圖片的響應式設計，是指圖片的 srcset屬性，這用來告訴瀏覽器如何針對不同裝置顯示不同圖片。如果你使用的是 WordPress，通常它已經自動替你完成了，這是從 Wordpress 4.4 版本預設添加的。

圖片應該具有srcset屬性，這使得瀏覽器可以為每個螢幕寬度提供不同的圖像，這對手機裝置顯示圖片特別有用。

上面就是圖片 SEO 優化項目了，這幾個 Image seo 優化項目建議都要做，盡量把 SEO 優化工作做到滿、做到飽，這樣就不用之後要要重新回過頭處理圖片優化的問題了。

除了圖片之外，Meta title 跟 Meta description 也都是優化項目，完整教學可以參考下面文章。

• Meta Title 怎麼寫？10個 SEO 文章標題 Title Tag 優化指南！
• Meta Description 是什麼？網頁描述標籤 SEO 優化指南！

圖片 SEO、Image seo 常見問題

圖片 SEO 、Image SEO 觀念整理

圖片 SEO 是很重要的優化工作，特別是在上傳圖片之前，就要先將圖片壓縮，使用無損壓縮常常能減少圖片檔案大小 70%以上。另外 圖片 SEO 最重要的一個部分是替圖片加上 Alt text，而 Alt text 應該包含你的主攻關鍵字，並且避免關鍵字堆疊。