SEO 中常提到的的圖片替代文字 ALT（alternative text），是 HTML 程式碼裡用來說明圖片內容的文字。
也稱作「ALT 屬性」、「ALT 標籤」或「ALT 描述」，是用文字來替代圖片內容的方式，通常以簡短的一句話來呈現圖片的主題或內容。當圖片無法正常顯示，或使用者透過螢幕閱讀器瀏覽網頁時，即使看不到圖片，也能透過這段文字，清楚知道圖片裡呈現的內容和樣子。
由於搜尋引擎無法立即辨識圖片中的視覺內容，透過文字來判斷是最快的，因此透過 ALT 屬性提供準確的文字說明，可以有效協助搜尋引擎理解圖片內容，進一步強化網站的 SEO 效果。可說是最基本的 SEO 操作，但其實有超過六成以上的網站 ，圖片都是沒有填寫 ALT 的，所以只要填好填滿，是不是就海放一堆對手了呢？
描述圖片中傳達的主要訊息。直接描述圖片中最重要的元素，避免過於籠統的敘述。
✅ 好的範例：「一碗放滿蔥花與牛肉塊的牛肉麵。」
❌ 不好的範例：「一碗牛肉麵。」
✅ 好的範例：「一隻黃色拉布拉多犬坐在公園的長椅上，看著遠方的主人。」
❌ 不好的範例：「一隻大黃狗。」
ALT 要寫幾個字呢？通常 20 個中文字以內就可以了，避免冗長，愈短愈好。但若真有特殊需求，也不要超過 100 個字元 (即50 個中文字) ，因為此字數在輔助工具 (如螢幕閱讀器) 才能夠有效朗讀內容，對無障礙使用者較友善。
使用圖片的 Alt 屬性能夠有效提升網站 SEO，幫助圖片在搜尋引擎中獲得更高的曝光機會。建議你在設定圖片的 Alt 時，務必使用與網站內文或文案內容相符的目標關鍵字，這樣才能清楚告訴搜尋引擎這張圖片的主題與關鍵字緊密相關，進一步提高圖片的相關性評估，最終達成你所期望的關鍵字排名效果。
如為內含關鍵訊息的圖片（如標語、海報），ALT 應完整表達圖片上的文字，或簡要說明重點。
✅ 好的範例：「海報上寫著："週五下午 2 點，全館飲料買一送一"。」
❌ 不好的範例：「一張有字的海報。」、「買一送一。」
如果圖片具備功能 (例如按鈕或圖示) ，也要加入 ALT ，並且寫出圖片的功能。
✅ 好的範例（購物車圖示）：「前往購物車」、「前往結帳頁面」、「搜尋功能」、「加入我們的官方 Line」
❌ 不好的範例：「一個購物車圖示」
在 ALT 文字裡面輸入關鍵字有助於 SEO，但不應過度填塞關鍵字、濫用關鍵字、關鍵字填充，否則會影響可讀性。
✅ 好的範例：「一杯外包裝上寫著超好喝字樣的黑糖珍珠奶茶。」
❌ 不好的範例：「珍珠奶茶,黑糖珍珠奶,珍珠奶蓋少糖,超好喝必點奶茶」
ALT 文字的工具已經知道這是一張圖片，所以不需要額外說「這是一張照片」或「圖片顯示的是…」。
✅ 正確範例：「台南安平夕陽倒映在河面上」
❌ 錯誤範例：「這是一張夕陽照片」
✅ 好的範例：「熱騰騰的珍珠奶茶放在木桌上，旁邊有一盤酥脆的炸雞。」
❌ 不好的範例：「這是一張珍珠奶茶的照片。」
每個圖片的 Img Alt 建議不要重複，避免在多張圖片使用相同的替代文字或是模板化，畢竟每一張圖的替代文字，也都是一個關鍵字的機會。
ALT 通常不超過 50 個中文字，不硬塞多個關鍵字單詞，要用語意平順的句子來組成。
以上這樣撰寫的 ALT，不但對無障礙使用者更友善，也更容易被搜尋引擎理解。
