有沒有發現,有些網站的圖片下面會有一串小字?那就是我們今天要聊的「替代標籤」👉你可能會想:這有什麼用?
其實啊,替代標籤就像是圖片的「身分證」,告訴搜尋引擎這張圖片到底在表達什麼。對於視障朋友或是使用螢幕閱讀器的使用者來說,替代標籤更像是一扇窗戶,讓他們也能「看見」圖片的內容。
也像是我們在圖書館找書,書名就是我們的關鍵字,替代標籤也是圖片在網路上被找到的關鍵字!
1️) 提升SEO排名:搜尋引擎會透過替代標籤來了解圖片的內容,進而提升網頁的相關性,讓你的文章更容易被找到。
2️)增加網站可訪問性:不是每個人都能順利看到圖片,像是視障朋友會使用螢幕閱讀器,這時候替代標籤就會變成圖片的「眼睛」,讓他們也能了解圖片在說什麼。
3️)提升使用者體驗:當圖片無法載入時,替代標籤會顯示出來,讓使用者不會因為看不到圖片而感到困惑。
1️) 簡潔明瞭: 直接描述圖片的內容,避免使用重複的關鍵字。
2️)自然流暢: 就像在和朋友聊天一樣,用最簡單的語言來表達。
3️)相關性高: 替代標籤的內容要和圖片以及文章的內容一致。
❌不好的例子: 可愛貓咪
⭕好的例子: 一隻橘白相間的貓咪正在用舌頭舔著碗裡的牛奶
總結來說,替代標籤就像是圖片的ID,讓搜尋引擎和使用者都能更了解你的圖片。 如果你想要你的網站更受歡迎,千萬別小看這個小細節喔!
大家覺得這個小知識有沒有幫助到你呢?
如果有,幫我按個愛心❤️,或分享給你的朋友吧!也歡迎留言跟我分享你對替代標籤的看法喔!