圖片最佳化『alt』屬性的利用
不論是在網站網頁上或部落格的頁面上,一篇好的文章,難免需要穿差一些圖片,來增加它的可讀性.但一般人卻容易疏忽圖片的 『alt』屬性.使得原本可以增加搜索引擎優化(seo)分數,反倒減了分.
『alt』屬性:是一個用於HTML和XHTML的網頁語言,作為輸出純文字的參數屬性。它的作用是,當HTML元素本身的物件無法被呈現時(render),就顯示『alt』的替換文字作為一種補救措施。 以右圖舉例說明;當您將滑鼠置於右圖上面時,會出現『有毒蜘蛛』的替代文字.而它的html語法如下;
有毒蜘蛛
『alt』屬性的html語法 不過替代文字也不能太長,如果您將『有毒蜘蛛』這個替代文字,畫蛇添足寫成『這是一個生長在亞馬遜運河的有毒蜘蛛,大小長約....』,就十分不智,因為搜索引擎會把它當成垃圾文字來處理.
圖片檔案名稱要簡單明瞭
圖片檔案名稱除了要簡單明瞭外,存放檔案位置最好也要有專有的資料夾(如右圖所示). 避免使用通俗及過長的檔案名稱,如pic1.jpg、images1.jpg、it is a poisonous spider.jpg. 像『a poisonous spider.jpg』的名稱是ok的.
圖片要有專屬的目錄
沒有留言:
張貼留言