在網站的代碼中,alt標簽和title標簽都很重要輔助屬性,但是我們做網站優化的要知道,alt和title雖然都是標簽的一種,卻這兩個標簽的使用還是有很多不同的.

    那么alt標簽和title標簽有什么區別呢?

    alt屬性起到利于網絡優化的作用,title屬性起到提高用戶體驗的作用.那分別什么時候用呢?alt屬性毫無疑問,有圖片的地方都要用到alt屬性;title屬性在一種情況下可以不要用,那就是圖片沒有鏈接,同時圖片旁邊已經有文字說明,這個時候就不要多此一舉去告訴用戶這個圖片說明什么了.另外,當a標簽內嵌套img標簽時,起作用的是img的title屬性.title屬性為設置該屬性的元素提供建議性的信息;alt屬性用來指定替換文字,兩者的作用功能不一樣的!

    alt屬性是對圖片起到一個注釋的作用,現在搜索引擎對圖片的讀取功能有限,當我們要告訴搜索引擎這個圖片是什么的時候就會用到alt屬性,同時對于網絡優化也是很有好處的,可以適當的增加某個關鍵詞密度(切忌關鍵詞堆砌).其實當你用到一些站長工具的時候,會提示你首頁有多少個圖片沒有加alt屬性.最近的百度統計的網絡優化建議里面也會檢測這一項,可想而知alt屬性對于網絡優化的作用是很大的.

    alt標簽則是用來在網絡不好不能加載圖片等情況的時候,把內容顯示為某些介紹文字的作用,而且只能用在img、area和nput元素中,我們常用的就是給img圖片加上alt標簽以便百度蜘蛛的抓取識別.需要注意的是,alt是替代圖像作用而不是提供額外說明文字的.而且從事網站優化行業的人都知道,把圖片加上alt標簽,是對搜索引擎住區有好處的,因為搜素引擎是無法直接識別圖片上的信息的,alt可以告訴搜索引擎這張圖片上有什么內容.

    title作為屬性標簽的時候,只用作用就是用來提供解釋說明.例如當我們給一個鏈接a標簽添加了title標簽之后,如果把鼠標移動到這個鏈接的位置,就會顯示出title標簽里面的內容,用來達到補充說明的目的.小編認為title屬性就是為用戶體驗而生的,對于網絡優化沒什么作用,有的人說他也能增加關鍵詞密度,這點我不敢茍同,因為搜索引擎不認這個屬性,從百度統計的網絡優化建議就可以看出來.那什么時候用到title標簽呢?當圖片有鏈接的時候要用到,這樣用戶點到這張圖片的時候就會顯示文字,用戶就可以根據文字來判斷這個加載頁面是否是自己感興趣的,減少無用頁面的加載.當圖片沒有鏈接,同時圖片旁邊沒有文字標題或者文字標題很長顯示不全的時候,我們也要用到title屬性來告訴用戶這個圖片是什么.

    那么我們做優化的時候,這么才能讓它們發揮最大的用途呢?

    1. alt和title對訪問者都很重要(alt text對搜索引擎會更重要一些),所以在定義img對象時,最好將alt 和title屬性都寫全,保證在各種瀏覽器中都能正常使用.

    2. 在alt和title中包含關鍵字,并且二者內容最好不一樣.

    3. 不要在alt和title中堆積關鍵字,否則可能會導致搜索引擎懲罰.不過從網絡優化角度來說,貌似很多搜索引擎都只認圖片的alt屬性.

    網站優化是一項繁瑣的工作項目,alt標簽和title標簽的優化只是眾多項目中的一個,標簽的優化雖然不是網站優化的決定性因素,但也是對網站有影響的,只有正確的使用alt標簽和title標簽,才能做出更好的排名.