網站上添加圖片？這一原則太讓人意外！
網站上添加圖片？這一原則太讓人意外！
發布日期：2018-04-01
瀏覽次數：2426
俗話說的好，一圖頂千言。有時候，一切可以盡在不言中，一張圖片就能夠講述一個故事，表達一✱種情懷。小飛并不否認圖片在網站建設中的作用，但是文字的𝕴力量也是不可或缺的。如果你將圖片上傳到自己的網站上，但卻沒有只言片語來做Alt文本（替代文本），那你就犯了一個中等錯誤了。
Alt文本是指一張圖片的ꦦ簡要描述。這個描述并不會像說明文字一樣直接放在網頁上，而是屬于網站后臺運行或元信息的一部分。盡管很少網🉐站訪問者會去閱讀Alt文本，基于以下兩點原因Alt文本還是非常重要的：
1. Alt文本對SEO非常有益
目前搜索引擎仍然無法讀取視覺內容，只可以讀取文本信息。在圖片上添加Alt文本可以讓圖片對搜索引擎可見。這意味著你可以利用Alt文本來引入一些優化過、有針對性的內容，提高自己在引擎搜索結果中的🌜排名。
2. Alt文本讓網站更易于訪問
有視覺障礙的訪問者通常依靠屏幕閱讀器來瀏覽網頁。和搜索引擎一樣，這些閱讀器也不能讀取圖片。在這種情況下，Alt文本就能發揮出它的妙用了，它可以通過描述圖片內容，圖片在整個網站中扮演怎樣的角色，來幫助那些無法꧑真實看見圖片的訪問者們更好的理解網站內容。
說到這里，相信你應該已經明白了Alt文本在幫助增加網站流量，使網站更加用戶友好方面的寶貴價值了。既然這樣，那就讓我們更加深入的了解一下怎樣的A⛎lt文本才是最佳范例，下面是幾個幫助有效發揮Alt文本的最佳效果的小技巧。
- 簡潔： Alt文本不應超過15個詞。一般而言， 字數越少越好。
- 連貫一致 ：當你在圖片上添加Alt文本時，你就相當于在向一個沒看過這張圖片的朋友進行描述。你要確ꩵ保通過你的描述，你的朋友可以完全理解圖片里有什么，又想傳達什么樣的信息。
- 結合語境 ：Alt文本怎么編輯取決于圖片在整個頁面中扮演的角色。一對夫妻一起做晚餐的圖片在營養博客上有它的作用，而在交友網站上又有另一種不同的作用了。你的Alt文本必須是是有意義的，是符合上下文語境♑的。
- 不要刷屏 ：雖然這ಞ是個好機會，你可以在這使用些關鍵詞和標簽來銷售你的網站，但你最好不要用許多關鍵詞刷屏，不然效果可能會適得其反。相反，聰明一點，𝕴真實的描述圖片，不過你可以多使用一些有利于SEO的詞語。
- 集中于一點 ：由于Alt文本🔯的字數有限，你必須做出取舍，把時間和精力集中于圖片中最重要的信息。什么是最重要的元素？是照片的位置？是里面出現的人或物？還是創建這張圖片的人？又或是圖片的顏色或它營造的氛圍？不要分散重心，專注于最重要的信息。
如何在起飛頁上設置圖片的Alt文本呢？其實非常簡單。您只要點擊圖片的"設置"，選擇"背景圖片"，這時您就可以從自己的電腦、媒體庫或起飛ꦦ頁的圖片庫中選擇一張中意的圖片，點擊添加時您就可以看見右下方的"Alt文本"欄，輸入簡要描述，Alt文本就設置好了（見下圖）。是不是簡單的不要不要的？
另外小飛在這要延伸拓展一個小知識。大家有沒有注意到上圖中Al💮t文本的上一欄是꧂title（說明），那這兩者之間有什么聯系和區別呢？
Alt文本和title的相同點是他們都對目標對象進行一定的注釋說明，而不同點就在于Alt文本（替代文本），就像我們上面提到的，它是給那些不能看到你圖像的訪問者提供文字說明，這包括那些使用本來就不支持圖像顯示或者圖像顯示被關閉的瀏覽器𝕴的用戶，視覺障礙、使用屏幕🎉閱讀器的用戶。簡而言之，替換文字是用來替代圖像而不是提供額外說明文字的。但是title（說明）提供的是一些非本質的額外信息，它適用于很多元素，還可以給鏈接添加描述性文字。
綜合來說，Al✅t文本的局限性要比title大一些，但是在替代圖片這方面的作用又是不可替代的，所以小飛建議大家在給圖片添加文字替代的時候使用Alt文本，如果想用更多的標簽給添加圖片注釋的話可以選擇title。