
建站百科
當前位置:湘潭磐石網絡科技有限公司 > 建站百科 > 建站知識 > 瀏覽文章
圖片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屬性。