Alt Tag – 替代文字

alt - 替代文字是用來描述的圖片所含的意義,好的替代文字能增加關鍵字的排名,並解能提高圖片搜尋所帶來的流量。
Theme Builder Layout 1

Written By Arthur

On 2019-02-21
"

Read more

什麼是替代文字?

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

Alt-Tag使用:

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

2.如果無法載入圖片,網頁將會顯示Alt文字代替圖像

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

撰寫方式

<img src = "butterfly.jpg" alt="蝴蝶">

最好的替代文字寫法

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

我們舉個例子來說:

使用義式臘腸、火腿、牛肉、和莫札瑞拉起司做成的PIZZA
<img src="pizza.png" alt = "pizza">

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

更好的寫法

<img src = "Pizza.png" alt = "使用義式臘腸、火腿、牛肉、和莫札瑞拉起司做成的PIZZA">

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

避免使用

<img src = "pizza.png" alt="">

或是

<img src = "pizza.png" alt = "好吃的pizza、美式Pizza、pizza、外送pizza、義大利pizza>

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

那麼,為什麼替代文字很重要?

1.可訪問性

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

2.圖片SEO

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

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

如何寫好替代文字?

清楚具體的描述圖片

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

簡短的描述

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

使用關鍵字

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

不要用圖片代替文字

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

表單按鈕

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


更多的頁面優化方式

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

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

0 Comments

Submit a Comment

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *