了解關於HTML Alt屬性圖像標籤

使網站更易於訪問的最簡單方法之一是在圖片標籤中使用alt屬性。 對我而言,有多少人會忘記使用這個簡單的屬性,這真是太神奇了。 事實上,現在,如果您想要編寫有效的XHTML,alt屬性對於img標籤是必需的。 但人們仍然不這樣做。

ALT屬性

alt屬性是img標記的一個屬性,當它們遇到圖像時,它將成為非視覺瀏覽器的替代物。 這意味著,該文本是為了在頁面上看不到圖像時使用的。 相反,顯示(或閱讀)是替代文本

當客戶將鼠標放在圖像上時,許多瀏覽器也會顯示替代文字。 這意味著文本應該清晰易讀,並且不會為任何讀者在您的頁面上暫停鼠標創建巨大的彈出式噩夢。 添加替代文字很簡單,只需在圖片上使用替代屬性即可。 以下是編寫alt標籤的一些提示:

簡潔的

如果alt文本太長,某些瀏覽器會實際上中斷。 儘管描述圖像中的確切內容似乎很好,但這不是alt標記的目的。 相反,它應該充滿了將圖像置於上下文中而不再需要的單詞

清楚

不要太簡短,以免上下文混淆。 請記住,有些人只會在alt標籤中看到文字,所以如果太短暫,他們可能無法理解您想要顯示的內容。 例如:

是上下文的

如果要在上下文中查看圖像,請不要描述圖像。 例如:如果您有公司徽標的圖像,則應該寫入“公司名稱”而不是“公司名稱徽標”。

不要顯示您的網站的內部工作

如果您要放置間隔圖片 ,請為您的替代文字使用空格。 如果你寫“spacer.gif”,它只是提醒你注意網站,而不是提供有用的信息。 從技術上講,如果你想寫有效的XHTML,你應該使用CSS而不是間隔圖像,所以你最好不要使用這些圖像的替代文本。

有搜索引擎意識

如果您擁有簡潔明了的簡潔文字,可以幫助您的搜索引擎排名,因為您網頁上的圖片可以促進並增強您的關鍵字。

請勿將其僅用於搜索引擎優化

許多網站認為,如果他們使用替代文字作為搜索引擎優化工具,他們可以“欺騙”搜索引擎,優化他們的網站的關鍵字,他們沒有那裡。 然而,如果搜索引擎決定你試圖偽造你的結果並將你完全從結果中刪除,這可能會適得其反。