網站優化之alt標簽的重要性

2022-07-05 分類：網站建設

什么是替代文字？

替代文字主要稱為「alt屬性、alt描述」，是來描述圖片中所含的意思，讓用戶更好理解圖片。

ALT-TAG使用：

1.為圖片增加替代文字可以讓用戶更好的理解頁面上的圖片

2.如果無法加載圖片，網頁將會顯示Alt文字代替圖象

3.Alt可以提供搜尋引擎圖片的描述，讓搜尋引擎可以正確的索引圖片

撰寫方式

最好的替代文字寫法

替代文字的最好的撰寫格式，是要具有足夠的描述，但是要避免使用多余的關鍵字。您可以想像閉上眼睛，然后讓某人閱讀替代文字，然后您可以用這段文字了解這是一個什么圖片，那么這就是一個好的替代文字。

我們舉個例子來說：

使用義式臘腸、火腿、牛肉、和莫札瑞拉干酪做成的PIZZA

這個是一般使用替代文字的方式，但是這樣不具有描述性。除了這個一個Pizza以外，還需要有更多關于這個圖片的描述。

更好的寫法

這個替代文字是一個更好的寫法，因為它清楚的描述了圖片中內容。因為這個不僅僅表示這是一個Pizza，還是一個使用義式臘腸、火腿、牛肉、和莫札瑞拉干酪做成的PIZZA。

避免使用

或是

這兩個替代文字的填寫方式要盡量比免使用。第一個例子是完全沒有任何的替代文字，而第二的用了太多的關鍵字填充。

那么，為什么替代文字很重要？

1.可訪問性

替代文字的主要目定是要讓那些無法看見圖片的使用者，能清楚的知道這個圖片所包含的意思。有些瀏覽器會阻止圖片的顯示，或是有些人的視力無法清楚的辨別圖片中的內容，那么在圖片中嫁入替代文字可以確保所有人都可以了解您網站上的內容。

2.圖片SEO

使用替代文字可以提供更好的用戶體驗，而且也可以幫助您進行圖片SEO的優化。除了圖片的標題、檔案名以外，替代文字也有助于圖片搜尋引擎優化。

現在的搜尋引擎技術已經有很大的進步，但是搜尋引擎還是無法像我們一樣「看到」網頁中的圖片，所以我們并不能交由他們自己去判斷我們圖片中所想表達的意思。如果搜尋引擎理解錯誤，那么您可能會失去一個讓圖片擁有排名的機會。

如何寫好替代文字？

清楚具體的描述圖片

替代文字本身既是為了無法看到圖片的用戶所做的文字說明。如果一個圖片并沒有傳達任何意義，只是為了美觀，那么應該要把圖片放在CSS當中。

簡短的描述

大部分的瀏覽器，大概會顯示125個字元的替代文字，如果太多就會被清除，因此我們建議替代文本的字數不要太多。

使用關鍵字

您可以在替代文字的描述中，加入您頁面中所要使用的目標關鍵字，這樣一來，可以告訴搜尋引擎，這個圖片與這個關鍵字有相關，并且符合用戶的搜尋需求，當用戶想要使用關鍵字找圖片時，您的圖片是符合他們的需求的。

不要用圖片代替文字

由于搜尋引擎有時候并不能清楚的理解圖片中所含的文字意義，因此盡量避免使用圖片代替文字，如果有這個需要時，那么就要在替代文字中說明你圖片中所顯示的內容，才能讓搜尋引擎了解。

表單按鈕

在網站上使用表單時，會使用圖片當作提交的按鈕，這個圖片常常都會被人忘記，所以要記得為這個按鈕圖片設定它的alt屬性，用來描述這個按鈕的功能，像是”搜尋”、”提交”‘、”注冊”、”取消”等等的功能描述。

更多的頁面優化方式

想了解更多的頁面優化方式，可以閱讀我們的網站內部SEO優化，當中有提供許多的優化方法以及操作方式。

如有任何問題，歡迎在下方留言與我們共同討論

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源：創新互聯

猜你還喜歡下面的內容