alt標籤

alt標籤寫法

alt標籤在html語言中的寫法是這樣的：<img src="圖片路徑" alt="圖片描述"/>

這裏我們要説的一點是，圖片描述最好是用簡短的語句，描述這張圖片的內容，如果是鏈接，則描述鏈接的作用，並帶上關鍵詞。

不好的習慣是每張圖片都沒有alt標籤。而不可取的是，對於每個標籤都採用關鍵詞堆砌，這樣就有可能會導致被視為Spam垃圾網站。

在網頁設計中，圖片的屬性ALT標籤用於對圖片進行命名等描述説明。ALT標籤眾多關鍵詞信息在搜索引擎優化中曾發揮了一定作用，常被用於增加網頁關鍵詞密度，因此在ALT中合理添加與主題有關的關鍵詞屬於搜索引擎優化中考慮的一個因素。不過，最近美國SEO研究網站WebMarketingNow和Search Engine Academy根據長期測試研究認為，目前，三大主流搜索引擎Google， Yahoo！和MSN的搜索引擎排名算法規則中不再將圖片ALT屬性中的文本信息作為判斷網頁內容相關性的有效因素。

研究者稱，在過去6個月，我們通過測試發現，圖片中故意充斥大量ALT關鍵詞文本不僅無助於網頁的搜索引擎排名，反而會因為有ALT關鍵詞垃圾（ALT Text Spam）嫌疑而影響排名成效。很明顯，搜索引擎對那些為了單純網站的搜索結果排名提升而損毀用户搜索體驗的做法緊咬不放。

Google的一名工程師明確説明：“ALT標籤內容應該與圖片內容有關，正確説明圖片內容，從而給予用户良好的體驗。ALT標籤內容確實能夠被蜘蛛程序索引，但在排名算法中權重級別被進一步降低。”

圖片ALT屬性的本意主要是當圖片因某些原因不能正常顯示的時候，網頁訪問者也能夠通過屬性文本判斷該圖片的內容，其原本意義是為了用户正確瞭解網頁信息而不是為了搜索引擎。正常情況下ALT屬性帶有一兩個關鍵詞就已經能夠説明問題，如果針對搜索引擎檢索而設置過多詞彙無疑有SPAM之嫌。鑑於許多SEO將ALT屬性的應用偏離其原本意義，因此搜索引擎不再將其作為網頁內容相關性分析的因素也在情理之中。

網站優化從根本上來説是為了用户更好地獲取信息，而不是為了在搜索引擎中獲得好的排名，取得好的搜索結果排名只是正常網站優化結果的自然體現，而不是刻意追求的目標。對待網頁設計的其他要素如網頁標題、META標籤內容和網頁主體內容應該遵循用户導向的原則，對待圖片的ALT屬性描述同樣也應該回歸本源：簡明扼要的描述圖片內容。無論搜索引擎的排名算法是否考慮ALT屬性中的信息，都也必要從用户的角度來考慮正確設置圖片的ALT屬性描述。

所以在這裏論策也再次提醒大家，不要為了排名而優化，而應該是為了用户而優化，達到能夠真正的幫助用户更好理解網站內容信息為目的，排名只是這些方法後的自然體現。

在HTML 4.01中，alt屬性主要用於img與area兩個元素，alt屬性的語法如下：

<img alt="...">

<area alt="...">

視力受損的讀者如果使用屏幕閲讀器如JAWS（英語：JAWS (screen reader)）或Orca（英語：Orca (assistive technology)），這些應用程序會將圖像中提供的alt文字讀出，讓他們以聆聽理解圖像內容。純文字網頁瀏覽器如Lynx或允許使用者手動會禁止下載圖像的瀏覽器會顯示alt文字以取代圖像；一般能正常顯示圖像的網頁瀏覽器的讀者則需要開啓圖像屬性或頁面原始檔才能得知alt屬性內容。

IE7將alt文字顯示成彈出式提示框Internet Explorer 7及更舊版本會錯誤地將alt屬性渲染成彈出式提示框（英語：tooltip）。這個設定導致許多網絡開發者真的將alt屬性當成彈出式提示框來使用[3]，而忽視了title才是用來顯示彈出式提示框的正確屬性。這個失誤在Internet Explorer 8被改正過來，alt文字不會再被當成提示框彈出。alt屬性有時亦會被誤稱為“alt元素”（alt tag，變相與img元素畫上等號）。