本文將深入研究圖片ALT替代文字的各個方面，包括其定義、編寫最佳實踐以及為SEO優化的3大關鍵標準。我們還會回答一些常見問題，幫助您理解圖片ALT替代文字在網頁優化中的關鍵作用。無論您是新手還是有經驗的網絡管理員，本文都將為您提供有關圖片ALT替代文字的深入見解。
在現今世界，網絡越來越普及，而圖片在網站設計和內容呈現中扮演了至關重要的角色。先前我們已經探討過SEO角度去優化圖片的方法。對於搜尋引擎來說，目前圖片理解和處理仍然是有限的，因此我們需要利用「ALT」替代文字來描述圖片的內容，以幫助Google等搜尋引擎理解圖檔。
Raymond (SEO Specialist) 在本文將深入探討圖片ALT替代文字，包括：如何編寫ALT替代文字以及對此進行On-Page SEO優化的3大關鍵。
圖片ALT替代文字是什麼？
ALT，全名為”Alternative Text“，中文是「替代文字」。ALT是一種HTML屬性，用於為圖片提供文字描述。
ALT主要作用
- 圖片失效時，作替代文字顯示
- 幫助視障人士使用輔助工具理解圖檔
- 有助Google等搜尋引擎理解圖片內容
ALT的HTML語法示範
[code]
<img src=”example.jpg” alt=”這是一張美麗的山脈風景照片” title=”這也是一張美麗的山脈風景照片”>
[/code]
上述這段HTML代碼示例包含一個圖片（img）元素，具有以下屬性：
- “src”: 這是圖片文件的來源（URL）的屬性，它告訴瀏覽器在哪里找到要顯示的圖片。在這個示例中，圖片文件的來源是 “example.jpg”，它應該位於與HTML文件相同的目錄中或是給定的相對路徑或絕對URL。
- “alt”: 這是ALT替代文字的屬性，用於提供對圖片的替代文字描述。在這個示例中，ALT替代文字是 “這是一張美麗的山脈風景照片”。當瀏覽器無法載入圖片時，或者當使用者使用螢幕閱讀器瀏覽網頁時，這個文字將顯示，幫助用戶理解圖片的內容。
- “title”: 這是Title屬性，它提供了一個當使用者將鼠標懸停在圖片上時顯示的提示信息。在這個示例中，Title屬性的值是 “這也是一張美麗的山脈風景照片”。當使用者將鼠標懸停在圖片上時，這個文本將作為一個工具提示顯示，提供有關圖片的額外信息。
HTML中 IMG ALT與Title的區別
在討論ALT替代文字時，有一個常見的誤解是將其與圖片的Title屬性混淆。雖然它們在某種程度上有相似之處，但它們的用途不同。
Title屬性提供了當用戶將滑鼠停在圖片上時顯示的文本，而ALT替代文字主要是用於描述圖片的內容，並且對SEO有更大的影響，用戶只能從網頁原始碼看到ALT標籤，正常網頁是不會顯示的。
一般而言，目前SEO界的共識是通常只需針對ALT替代文字優化，並不需要額外使用Title屬性。
圖片ALT替代文字對SEO的重要性
處理圖片對於搜尋引擎來說是一項挑戰，目前的技術並不能直接理解圖片的內容；那麼ALT替代文字為何對於圖片SEO優化很重要呢？
有助視障人士理解圖片
有許多視力不好的用戶，比如：老化、先天性因素而需要轉助工具的幫助下上網，填寫合理的ALT就能幫助這些他們理解圖片內容。
若圖片失效可以文字替代圖片
有許多情況可能使圖片失效，例如：圖片連結失效、用戶網絡異常等情況，都可能導致網站上的圖像無法正確載入。
如果有為圖片設定ALT替代文字，可以應對部分因圖片失效而導致的閱讀體驗不佳問題，合理的描述可以引導讀者想像圖像內容。
ALT為搜尋引擎提供有關圖片內容的信息
ALT替代文字的重要性在於它能夠為搜尋引擎提供有關圖片內容的信息。搜尋引擎爬蟲無法直接解讀圖片，它們依賴於ALT替代文字等文字性訊息來了解圖片的主題或內容。
當人們使用搜尋引擎查找圖片時，搜尋引擎會以ALT替代文字以及其他相關因素來確定圖片是否與搜尋關鍵字相關。
因此，優秀的ALT替代文字可以增加您的圖片在搜尋引擎圖片搜尋中的曝光率，帶來更多的流量和潛在客戶。
寫好IMG ALT的3大重點
現在，讓我們分析如何從SEO優化ALT替代文字。以下是3個關鍵重點，確保ALT替代文字能夠為網站的SEO效果做出貢獻。
準確描述圖片內容
ALT替代文字必須準確描述圖片的內容。這不但有助於搜尋引擎理解圖片，還有助於提供對使用螢幕閱讀器的訪問者有意義的信息。如果ALT替代文字與圖片不符，這可能會對您的SEO效果造成負面影響。
適當字數
ALT替代文字應該足夠詳細，但也要保持簡潔。一般來說，50到125個字符是一個合理的範圍。太短的ALT替代文字可能無法提供足夠的信息，而太長的ALT替代文字則可能會是有點多餘。
合理使用相關關鍵字
在ALT替代文字中使用相關關鍵字有助提高該圖片的相關性，但注意不要堆砌關鍵字。堆砌關鍵字可能會被搜尋引擎視為作弊的黑帽SEO行為。
需要注意的是，ALT中的替代文字也會計算在整篇文章的字數及關鍵字密度的計算當中。
ALT替代文字的實際示範
探討過ALT對圖片優化的重要性，以下做出實際示範，讓大家對於ALT替代文字的寫法有更具體的認識。
ALT的反例
- 空ALT替代文字： “<img src=”image.jpg” alt=””>“ – 這裡沒有提供任何有用資訊，對SEO不利。
- 關鍵字堆砌： “<img src=”keyword.jpg” alt=”關鍵字1 關鍵字2 關鍵字3″>“ – 堆砌關鍵字可能被視為作弊及SPAM。
完美的示例
【會員限定】
常見問題解答
圖片ALT替代文字是什麼？
ALT替代文字是一種HTML屬性，用於為圖片提供文字描述。當瀏覽器無法顯示圖片或使用者使用螢幕閱讀器瀏覽網頁時，ALT替代文字將取代圖片，提供對圖片內容的描述。
IMG ALT與Title的區別是什麼？
ALT替代文字用於描述圖片的內容，對搜尋引擎有更大的影響，而Title屬性則提供當用戶將鼠標懸停在圖片上時顯示的文本。
圖片是否必須有ALT替代文字？
不是。ALT屬性並非強制性的。但是為了提高網站的可訪問性和SEO效果，每個圖片都應該具有適當的ALT替代文字。
ALT替代文字對SEO重要嗎？
是的，ALT替代文字對SEO非常重要。它可以提高圖片的搜尋引擎可見性，增加圖片搜尋的曝光率。
