ALT 圖片替代文字


Posted by fang on 2021-06-03

今天來聊聊什麼是 ALT,
ALT 中文叫做圖片替代文字,也有人叫它圖片標籤,
雖然在一般使用沒有太大的感受,但是它其實對我們的網頁很有幫助的!

三大功能:

  1. 盲人雖然看不見,但是也是會使用網頁的,當他在搜尋東西時,如果有人可以「告訴他這張圖想表達什麼」,那他就能夠快速知道我們的網頁在做什麼,ALT 就是將這張圖想要傳達的意象轉化成文字,告訴沒有辦法看到圖的人這張圖片的含義。
  1. 除了盲人,還有一種人看不到圖片,就是「網站跑不動的人」,如果使用者的電腦因為不明原因,網頁就是跑不出來,那麼 ALT 會顯示出這張圖代表的文字。
  1. 當我們在搜尋圖片的時候,通常是輸入關鍵字,例如輸入「汽車」,我會期望跑出來的是「有汽車的照片」,但要怎麼讓搜尋引擎知道這是一張「有汽車的照片」呢?就是使用 ALT 像是幫我們的圖片命名,讓搜尋引擎可以快速的搜尋到我們的圖,而使用者看到圖片點選進我們的網頁,增加我們網頁的點擊率、曝光度,這也就是為什麼我們都說 ALT 對於網頁的 SEO 是很有幫助的!

怎麼寫

在幫圖片撰寫 ALT 其實只是在 HTML 中,幫 img 標籤加上參數,
<img src="圖片網址路徑" alt="圖片替代文字">
結束!


#ALT #圖片替代文字 #圖片標籤







Related Posts

Day02  深入了解 Lazy-load 的背後實作 - Intersection Observer API

Day02 深入了解 Lazy-load 的背後實作 - Intersection Observer API

JS註冊組|瀏覽器點擊上/下一頁時能重新刷新頁面

JS註冊組|瀏覽器點擊上/下一頁時能重新刷新頁面

W18_直播檢討

W18_直播檢討


Comments