img alt 是什麼？ 對於SEO來說很重要嗎？

什麼是img alt？

img alt（image alternative），即 HTML 語法中 <img> 標籤的 alt 屬性，意思為圖片的替代文字，通常會針對圖片的內容進行 alt 屬性的撰寫。為什麼會需要使用到 image alt 呢？以下列出3種使用目的讓你一次明白：

1. 可以幫助視覺能力受損及認知失調者，透過螢幕閱讀器等電腦輔助工具，來理解圖片的內容。
2. 若圖片失效時，可以做為輔助閱讀的工具，以確保不會失去圖片本身的功用。
3. 協助 Google 爬蟲程式檢索圖片資訊，並正確理解、索引圖片內容，以得到提升圖片 SEO 排名的機會。

了解 img alt 的使用時機後，還有一個重點需要記得，如果只是用來裝飾，跟文章內容不相關的圖片，會建議不用設 alt ，既不會讓視覺能力受損者出現閱讀上的偏差，對 Google 來說也沒有任何負面影響。

〈延伸閱讀：SEO排名因素有哪些？ 45個要點一次看完！〉
 

img alt 與 img title 有何差別?
HTML alt 文字內容於圖片失效時才會顯示在頁面上；而 img title 文字內容，在滑鼠游標指到圖片上時，就會顯示出來。
實際案例： alt文字內容顯示        

img alt 敘述與圖片相關聯

image alt 描述除了不能夠是空白以外，與圖片無關的內容、過多敘述文字，或是語法等錯誤寫法，皆會容易混淆圖片本身的意義，也可能為搜尋引擎優化帶來不好的影響。以下將詳細說明正確寫法與列舉錯誤作法：
 

正確寫法：
<img alt=”櫥櫃丈量”>

錯誤寫法：
<img alt=””>
<alt=””>
<img alt=”櫥櫃 櫃子 測量 丈量 ”>
<img alt=”一位男性拿著捲尺仔細測量家中櫥櫃”>

最後提供 HTML alt 程式碼，讓不論是 SEO 優化或是寫程式的過程中可以更快速方便：

〈延伸閱讀：網站設計圖片，影響網站成敗的重要因素〉

img alt 加入關鍵字

image alt 內容以關鍵字撰寫固然是最好的方式，但若是硬加入、濫用關鍵字，有機會被搜尋引擎認定是黑帽 SEO 。因此，讓關鍵字適當出現，以正確規範的角度做內容規劃，才是幫助網頁加分的方式！

圖片品質與檔案大小

圖片本身必須要讓讀者看得清楚，因此絕對不能放解析度不足的圖片；但多數人會因為要求清晰，而上傳檔案大小過大的圖檔。為了確保基本質量，建議圖片檔案大小壓縮至一張約100 KB，既可以確保清晰度，又不會影響到網站速度。 

〈延伸閱讀：網站速度-SEO優化的重要項目〉

〈延伸閱讀：5個網站優化方法，改善網站PSI分數〉
 

圖片檔案名稱

在上傳圖片前，建議留意一下檔名是否有設定與圖片相關的名稱，因為如果當搜尋引擎找不到 img alt 描述時，很有可能會利用檔名當作圖片的註解。此外，名稱盡可能利用英文來命名，以避免上傳檔案後來源程式碼的內容會變成一串亂碼。

按鈕為圖像

若圖片設定為按鈕時，除了要注意設定好超連結之外，也別忘記掌握以上要素，加入最適合的 image alt 描述！

〈延伸閱讀：CTA是什麼? 一個好的CTA怎麼做？〉
〈延伸閱讀：網站連結優化怎麼做？讓Google看懂你的SEO〉

img alt 程式碼可以在哪邊看到？

在網頁也可以查看程式碼！查看方式有兩種，以下分別說明 Windows 與 iOS 系統的查看方式：

Windows 系統查看方式：

• F12 或 Control+Shift+I

• 網頁右上選單〉更多工具〉開發人員工具

iOS 系統查看方式：

• 鍵盤按下 Cmmand+Option+I
• 於網頁中按下滑鼠右鍵〉顯示網頁原始碼

以此篇文章為例，可以發現圖片程式碼接續出現在此段落後，並且會搭配尺寸、來源、樣式等屬性撰寫。