什麼是Alt屬性？
Alt屬性是一個在IMG標籤中的圖片屬性，英文Alternative的縮寫。它的作用是當圖片無法讀取或顯示時，用該Alt屬性的內容替換圖片位置。
Alt是非常基本的HTML代碼也是非常容易被忽視的代碼。國內互聯網發展的過程中對圖片的處理往往比較隨便，一張圖片沒有Alt的情況非常常見。我們知道搜索引擎能夠真正掌控的元素其實只是文字。要理解圖形的意義和內容，一般搜索引擎都會參考其相似圖片的標題或替換文本。由於這方面國內做得比較差，因此國內搜索引擎在處理圖片搜索時的效果也不理想，因為其數據積累並不健全。
因此如果你能做好Alt屬性的建設，那就等於你的網站內容相對於搜索引擎變得更友好。從搜索引擎的圖片搜索中，訪客可以接觸你的網站內容。那麼如何建立Alt屬性標籤呢？
<img alt="2013年互联网行銷公司专业知识和重要技能落差" src="https://hubspot.one/talentgap.jpg" width="1000" height="580">
如上所示，為了做好SEO，我們需要注意四個要點：
Alt屬性不宜過長
儘管你可以寫很長的Alt屬性內容，HubSpot One還是要建議你保證Alt屬性的簡潔。你只要用簡短的語句概括圖片內容就好了。這樣搜索引擎才知道這張圖片的內容重點在哪裡。
譬如這幅圖片是達芬奇的《蒙娜麗莎》的真品，那你可以用“達芬奇《蒙娜麗莎》 盧浮宮藏品”來描述。
而這屬性的內容中也包含了用戶如果期望搜索此圖片所可能使用的關鍵字。
嘗試聯繫頁面的主題
除了使圖片自身對搜索引擎友好之外，圖片還必須支持整個頁面的SEO效果。因此在撰寫Alt屬性時您也要聯繫頁面內容襯托出頁面的主題和關鍵字。
還是上面這個例子，如果你的文章是對盧浮宮作品的評論你可以把Alt改成“達芬奇《蒙娜麗莎》 盧浮宮藏品之賞析”。
避免堆積關鍵字
和文本SEO一樣，我們對於Alt屬性要避免犯堆積關鍵字的錯誤。如果你的文章具有多幅圖片，那麼請為每一張圖片寫一個Alt屬性。並且讓每一張圖片各有側重點。
延續上面的例子，你的另一張圖片的Alt可能是“達芬奇《蒙娜麗莎》 的收藏歷史”。
準確運用產品的訊息
假設你的產品具有型號和顏色，這些詞非常容易成為用戶搜索時使用的關鍵字。包含這些詞時，會更匹配一些特定搜索。譬如為你的一個電飯煲產品寫Alt屬性時，“電腦控制可定時IH電飯煲”比“很棒的電飯煲”會更有效的。
檢查你的頁面
最後你可以使用一些工具來檢查你頁面中的圖片是否：
- 有Alt屬性
- 屬性內容是否過長或過短
- 有尺寸大小描述