文章目錄
圖片在網頁設計中扮演著重要的角色，能夠吸引使用者的注意，並豐富網頁內容。然而，對於搜尋引擎來說，圖片本身並不具有辨識和理解的能力。在這種情況下，Img Alt Text（圖片替代文字）的填寫就變得非常重要。
在本文中，我們將探討Img Alt Text 的作用以及對SEO 的影響，並分享如何撰寫良好Img Alt Text ，以及避免常見的錯誤問題。
Ima Alt text 是什麼？
Img Alt Text 中文為「圖片替代文字」，是在HTML 網頁程式語言中的一個元素屬性，用於提供關於圖片內容和意義的文字描述，當圖片無法顯示或加載速度較慢時，瀏覽器會顯示Img Alt text 作為替代內容，助於使用者理解圖片內容。
HTML Img Alt 的語法
HTML Alt 顯示的語法為 <img src=”image.jpg” alt=”替代文字”>。
alt 屬性中的替代文字應該是對圖片的描述，以提供對圖像的理解，當圖片無法正常顯示時才會出現，否則只能從網頁原始碼才能看到。所以我們都建議alt 屬性是必需填寫的。
Img Alt 和Img Title 不一樣
正常顯示的語法應呈現 <img src=”image.jpg” alt=”替代文字” title=”額外描述”>。
HTML 的語法上，Img Alt 容易與Img Title 搞混。 HTML Img 的title 屬性是作為圖片標題使用，主要功能是提供對圖片的額外描述或提示信息的說明文字，並以工具提示的形式顯示給使用者，所以只要滑鼠游標移到圖片上就能看見。
Img Alt 的作用？為什麼對SEO 和使用者有幫助？
改善用戶體驗
當圖片無法加載或加載速度較慢時，Img Alt Text可以代替圖片顯示，讓使用者了解圖片的內容和意義，提升用戶體驗。
確保閱讀友善
Img Alt Text 可以讓視覺障礙者使用螢幕閱讀器閱讀網頁內容，幫助他們理解圖片的內容。
讓搜尋引擎可以理解
搜尋引擎無法直接理解圖片，但可以讀取並分析Img Alt Text 的語法，因此合理填寫Img Alt Text 可以幫助搜尋引擎了解圖片內容，提升網頁在搜尋結果中的排名。
增加曝光機會
當使用者進行圖片搜尋時，有良好Img Alt Text 的圖片，就有機會出現在相關搜尋結果中，藉此提高網頁的曝光度。
寫出好的Img Alt Text 5大原則
- 置入關鍵字：在Img Alt Text 中適度的添加與文章和圖片相關的關鍵字，有助於搜尋引擎理解圖片的內容。
- 語法順暢：撰寫順暢、流暢的語句，讓使用者和搜尋引擎能夠清楚地理解圖片的內容。
- 提供準確的描述：使用清晰、具體的用詞來描述圖片中的主要元素和關鍵細節，包括圖片中的重點、場景或內容。
- 控制字數：Img Alt Text 的長度應控制在100字元(50個中文字)以內，避免冗長和無關的描述文字。
- 避免重複和模板化：每個圖片的Img Alt Text 應該是獨一無二的，避免在多個圖片中使用相同的描述文字或者模板化的內容。
避免撰寫Img Alt Text 犯的錯誤
- 避免內容空白：不要將Img Alt Text 留空，這樣會讓使用者和搜尋引擎無法理解圖片的內容。
- 強行塞入過多關鍵字：勿過度使用關鍵字堆疊的方式填寫Img Alt Text，這樣不僅對SEO 無益，可能會導致網頁受到懲罰，例如：SEO,SEO優化,SEO公司。
- 沒有提供足夠的描述：避免使用模糊的或不具體的描述，讓使用者和搜尋引擎難以理解圖片的內容。
- 使用無關的描述或關鍵字：確保Img Alt Text 與圖片內容相符，不要使用與圖片無關的描述或關鍵。
- 網頁按鍵為圖像也要設定Img Alt：當按鍵是以圖像形式呈現時，例如網頁中的立即購買、加入會員等CTA 按鈕，使用者無法直接看到圖片時，或者使用螢幕閱讀器的視障用戶可能無法理解圖片的內容，在這種情況下，為按鍵設定Img Alt Text 提供對按鍵功能或操作的描述，也能幫助使用者理解和使用按鍵。
在本文中，我們探討了圖片替代文字(Img Alt Text)的重要性，以及對SEO的幫助。適當的Img Alt Text 不僅可以提高網頁在搜尋結果中的曝光度，也可以幫助視障者，以及圖片無法顯示時的瀏覽體驗。
只要遵循撰寫高品質Img Alt Text 的原則，並避免常見錯誤用法，就能有效優化網頁，提升網站的整體SEO 效果。
延伸閱讀