圖片alt屬性的添加方法與作用

alt屬性也叫替代文本，是一個網頁語言html編碼，主要用于描述搜索引擎無法識別的圖片，用alt屬性來說明圖片的意思。

圖片 alt屬性的添加方法：

1、WP博客圖片alt屬性添加方法：

首先上傳完圖片是沒有ALT屬性的，這里我們需要手動來添加。

鼠標左鍵點擊圖片，然后選擇畫筆圖案的編輯按鈕，進入圖片屬性編輯模式。

在替代文本出填寫的文字就是圖片alt屬性了。

為了驗證是否添加成功，我們可以點擊編輯器右上角的文本按鈕進入HTML源碼查看模式，如上圖所示，已經成功設置好了圖片alt屬性。

2、CMS網站管理系統圖片alt屬性添加方法：

同WP博客一樣，上傳的圖片默認是沒有alt屬性的，需要我們手動添加，鼠標左鍵點擊圖片會出現一個修改按鈕，點擊進入圖片屬性編輯模式。

這個一目了然了，描述就等于是alt屬性，按照規范要求填寫就行。

在編輯器左上角有個HTML按鈕，按一下就進入HTML源碼查看模式，如上圖所示，已經成功設置好了圖片alt屬性。

3、終效果展示，鼠標移動到圖片上就會顯示你設置的alt屬性啦！

4、添加圖片alt屬性注意事項

不太好的：<img src="demo.jpg" alt=""/>

較好的： <img src="demo.jpg" alt="SEO"/>

好的：<img src="demo.jpg" alt="網站SEO規劃圖"/>

避免：<img src="demo.jpg" alt="SEO 網站優化 網站排名湘潭SEO "/>（堆切關鍵詞）

圖片 alt屬性對于SEO的作用：

（1）提供關于圖片主題有用處的信息

（2）本身搜索引擎是沒辦法較好的去識別圖片表現的意思，所以要通過alt屬性來描述清楚。另外當圖片加載失敗或者圖片不存在的時候，屬性信息也會展現出來。

（3）更有利于百度去收錄圖片

 顯示：alt屬性在網頁上面是看不到的，只能通過查看網站的源代碼來查看alt屬性。