最後更新於 2026年6月15日 03:03
Alt（全名：Alternative Text），也稱為替代文本，是在HTML程式碼中用來描述圖像內容的文本。當圖像無法顯示時，瀏覽器會顯示這些替代文字。此外，替代文字也是螢幕閱讀器用來朗讀圖片內容的重要訊息，從而幫助視力障礙使用者理解網頁內容。
Alt 的作用
- 可訪問性：提升網頁的可近性，幫助視力障礙使用者理解圖片內容。
- SEO優化：幫助搜尋引擎抓取和理解圖片內容，從而提高網頁的搜尋引擎排名。
- 使用者體驗：當圖片載入失敗時，替代文字可以告訴使用者圖片的內容是什麼，提升使用者體驗。
一個線上商店為其每個產品圖片添加詳細的替代文本，不僅能夠幫助視力障礙用戶了解產品，而且能透過搜尋引擎吸引更多的潛在客戶。社群媒體平台如Instagram或Facebook，可以透過自動產生替代文本，為用戶上傳的每張圖片添加描述，幫助所有用戶理解圖片內容，提高平台的可訪問性和用戶黏性。
電商網站和博客
- 提高可訪問性：為每個產品圖片添加替代文本，使視力障礙用戶能夠透過螢幕閱讀器了解產品詳情。
- 增加搜尋引擎曝光率：替代文字中包含相關關鍵字，可以幫助搜尋引擎更好地理解和索引圖片，增加產品在搜尋結果中的曝光率。
- 提升使用者體驗：在圖片加載失敗或用戶網速較慢的情況下，替代文字可以提供產品的基本訊息，避免用戶流失。
社群媒體平台
- 包容性：自動產生的替代文字使得上傳的圖片對所有使用者都是可存取的，尤其是對有視覺障礙的使用者。
- 提升互動性：替代文字可以增強內容描述，使用戶即使在沒有查看圖片的情況下，也能了解圖片的內容，從而提升互動性。
- 增強SEO效果：替代文字中的關鍵字有助於搜尋引擎抓取社群媒體內容，從而提高貼文的搜尋引擎排名和曝光。
Alt文本在提高网页和应用的可访问性、SEO优化、提升用户体验等方面具有重要作用，尤其是在电商网站和社交媒体平台，能够显著提升内容的可达性和用户参与度。
AltText.ai工具測評
AltText.ai 是一款專為影像自動產生替代文字的工具。其主要功能是透過人工智慧技術，自動為圖片生成描述性文本，以幫助提高網站和應用程式的可訪問性。這對視覺障礙用戶尤其重要，因為替代文字可以透過螢幕閱讀器朗讀，從而讓他們能夠理解圖像內容。
AltText.ai 的優勢
自動化產生替代文本：利用先進的機器學習和電腦視覺技術，自動辨識圖片中的元素，並產生準確的替代文字。我使用了一段時間，認為自動產生的文字的準確度，我還是比較滿意的。
以下是我使用了這個工具自動產生的範例：
A hand holds a sophisticated pair of 18K Gold Plated 925 Silver Baroque Pearl Drop Earrings by Siren Mode, adorned with Baroque Pearls and rectangular white beads. The background includes a gold fork, a dried brown leaf, and a piece of burlap fabric on a textured white surface.
以上是根據圖片自動產生的alt文本，內容是比較精準和比較豐富的，也會包含你的產品標題和品牌名稱。
多語言支援：支援多種語言產生替代文本，適用於不同語言背景的使用者。有超過130種的語言可以選擇，你可以根據自己的需求選擇使用，非常方便。
易於集成：你可以透過外掛和應用，很簡單地整合到常用的平台，像是Shopify和WordPress。也提供了簡單易用的API，可以輕鬆整合到各種網站和應用中。
提高可訪問性：通过自动生成替代文本，显著提高了网站和应用的可访问性，使其符合相关的无障碍标准（如WCAG）。
節省時間和成本：自動產生替代文字減少了手動編寫的工作量，從而節省了時間和成本。
如何使用AltText.ai
註冊並取得API金鑰：訪問AltText.ai官網，註冊並取得API金鑰。註冊後，你有一定的免費額度可以使用，如果後續不夠了，可以再購買。 API金鑰需要加入到Shopify的App才可以使用。
註冊好帳號後，點選Account，然後點選API Keys，點選New API Key產生一個新的API。
整合API：在Shopify後台找到Alttxt.ai這個APP，然後在Settings-Account輸入前面產生的API即可。
開始產生替代文本：Shopify上有兩種自動產生alt文字的使用方法，第一是單一產品的使用場景。
1.加入好產品資訊後，我們點選右上角的More actions，然後找到Alttxt.ai這個APP，然後點選它。
2.點擊後，會自動跳到這個APP，我們可以根據需要設置Advanced sttings的內容，或者留空，留空就是會使用預設的設置，自動生成Alt文本，最後點擊Start Update就可以啦。完成後，我們會收到電子郵件提醒。
第二種是批次產生alt文字。我們可以在產品，選擇多個產品，然後點選右上角的三個圓點，找到Alttxt.ai這個APP，然後點選它。剩下就跟上面的步驟一樣了。非常方便。
AltText.ai 提供了一種高效且準確的方式來產生圖片的替代文本，使網站和應用程式變得更加包容和可訪問。如果你覺得有用，就馬上開始使用吧。