基本介紹
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元素畫上等號)。