Alt文字:什麼是它以及如何寫作
Alt文字的用途是什麼?
原先,alt文本的第一個功能是描述無法載入的圖片。許多年前,當網路速度非常慢時,alt文本可以幫助你知道在瀏覽器中無法載入的圖片內容</a>。如今,圖片很少出現載入失敗的情況,但如果確實發生,你會看到代替圖片的alt文本。<br/><br/>現在,alt文本也開始對搜尋引擎</a>機器人和使用螢幕閱讀器的人起到作用:Alt文本可以幫助殘障人士(例如使用螢幕閱讀器)瞭解圖片的內容</a>。Alt文本還可以幫助搜尋引擎</a>機器人理解圖片的內容</a>和上下文。當然,像SEO</a>的每個元素一樣,它往往被誤用或甚至濫用。<br/><br/>現在讓我們更仔細地瞭解為什麼alt文本很重要吧。
優勢 | 劣勢 | |
---|---|---|
機會 |
|
|
威脅 |
|
|
使用不當的alt文本可能誤導使用者或造成不良的網站評價
圖像的替代文字(alt text)是頁面上重要的SEO優化</a>元素。正確的替代文字優化可以使你的網站在Google圖片搜索</a>中排名更高。是的,替代文字對於Google圖片搜索</a>來說是一個排名因素</a>。<br/><br/>根據你的網站所屬的特定領域和具體情況,Google圖片搜索</a>流量可能在你網站的整體成功中起到重要作用。例如,在電子商務</a>網站中,用戶往往會通過Google圖片搜索</a>而不是在標準Google搜索中輸入產品名稱來開始尋找產品。如果沒有進行適當的圖像優化</a>,你可能會失去大量潛在流量和客戶。<br/><br/>
為何Alt文字對於無障礙訪問非常重要
在Google圖片搜索</a>中,能見度非常重要,但更重要的考慮是可訪問性。幸運的是,在近年來對可訪問性(即讓網頁對所有人包括殘障人士或使用螢幕閱讀器的人都可以訪問)進行了更多關注和重視。假設您圖片的alt文本實際上描述了它們的內容</a>,而不是只堆砌關鍵字。<br/><br/>那麼,您就幫助那些無法看到這些圖片的人更好地理解它們以及整個網頁內容</a>。假如您其中一個網頁是一個SEO</a>審查指南,其中包含來自各種爬蟲工具</a>的截圖,將每個截圖的內容</a>描述清楚是否比在每張圖片中放置相同的「SEO</a>審查」alt文本更好呢?讓我們來看幾個例子。
良好的Alt文字範例
我們的範例SEO指南</a>中包含了一些工具</a>的截圖,例如Google搜尋控制台和Screaming Frog。一些好的alt文字示例可能包括: <img src=”google-search-console-coverage-report.jpg” alt=”Google搜尋控制台中的覆蓋報告顯示索引和排除頁面的數量”> <img src=”google-search-console.jpg” alt=”來自Google的Google搜尋控制台工具</a>”> <img src=”screaming-frog-html-pages.jpg” alt=”Screaming Frog中HTML</a>頁面列表”> <img src=”screaming-frog” alt=”Screaming Frog正在進行爬行操作”> 提示:同時,為您的文件命名也是一個好主意。使用描述性檔案名並不是一個排名因素</a>,但我推薦它作為良好的SEO</a>實踐方法。<br/><br/>
相關數據:
- 全球網站中使用alt文本的比例為55% 來源: w3techs
- 美國網站中使用alt文本的比例為78% 來源: webaim
- 英國網站中使用alt文本的比例為60% 來源: uk government digital service
- 日本網站中使用alt文本的比例為72% 來源: statcounter
- 法國網站中使用alt文本的比例為68% 來源: statcounter
- 台灣網站中使用alt文本的比例為63% 來源: w3techs
不良和/或垃圾郵件式的Alt文字範例
我也見過許多不良的替代文字使用示例,包括關鍵字堆疊或垃圾郵件</a>。以下是如何</a>將上述好的示例轉換為不好的示例: <img src="google-search-console-coverage-report.jpg" alt="seo audit free, seo audit cheap, seo audit specialist, seo audit, seo audits"> <img src="google-search-console.jpg" alt="google seo ,seo google, google, seo, google search console seo"> <img src="screaming-frog-html-pages.jpg" alt="seo auditor, seo audit, seo audits"> <img src="screaming-frog" alt="seo audit"> 如您所見,上述示例實際上並未提供任何有關這些圖像實際顯示的信息。您還可以在Google搜索中心找到更多示例和更多圖像SEO</a>提示。<br/><br/>