top of page

Img Alt Text 是什麼?優化圖片替代文字,提升網站 SEO排名!

Img Alt Text是什麼?優化圖片替代文字,提升網站SEO排名
SEO優化師 - Amy

搜尋趨勢一直在調整,圖片搜尋需求也越來越大,然而搜尋引擎對圖片的理解能力有限。我們該如何將圖片中的重要訊息傳遞給搜尋引擎呢?就是設定 Image Alt Text (圖片替代文字)。文中將詳細說明 Img Alt Text 是什麼?對於 SEO 的重要性?以及如何撰寫和優化。想要提升網站在Google圖片搜尋中的曝光機會,並為網站帶來更多潛在流量和使用者嗎?那就一起看下去吧!


一、Img Alt Text 是什麼?


Image Alt Text 是圖片替代文字,也被稱為 alt 屬性或 alt 標籤(以下簡稱Alt Text),主要功能是在 HTML 語法中,加入一段文字來描述圖片內容,當網站因速度過慢或圖片檔案遺失錯誤,而導致圖片無法正常顯示時,能透過 Alt Text 的文字敘述,讓使用者來理解並想像圖片內容,提供更好的使用體驗。


二、Img Alt Text 的用途及功能


因現代人瀏覽習慣的改變,比起閱讀文字,圖片通常更能吸引使用者的目光,對於圖片的搜尋需求也越來越大,在網站中針對圖片設定 Alt Text ,除了能提升使用者體驗,更重要是能幫助搜尋引擎(以下簡稱Google爬蟲)理解圖片內容,以下分為2個面向進行說明:

1. 使用者閱讀體驗更友善

前述提到 Alt Text 能在圖片無法正常顯示時,以文字描述的方式,讓使用者想像並理解圖片的內容,這樣的做法,同時也能幫助螢幕閱讀器的使用者(例如:視覺障礙者)透過 Alt Text 對圖片的文字描述,讓原本無法被使用者閱讀到的圖片,能以文字敘述的方式,讓使用者去想像圖片的畫面是如何呈現,使網站的整體閱讀體驗,對於不同類型的使用者而言都更為友善。

 

2. 幫助Google爬蟲理解圖片

目前 Google 爬蟲對於圖片的理解能力還未達到與文字相同的程度,所以當圖片沒有設定 Alt Text 時,Google爬蟲就會很難看懂圖片所代表的完整含意,同時也很難辨別網站眾多圖片中,哪些是裝飾性圖片?

哪些是含有重要內容的圖片? 極有可因為 Google 爬蟲無法完整判斷而損失讓網站曝光的機會,所以 Img Alt Text 的設定對網站而言是需要進行 SEO 頁面優化上的調整。


三、為什麼 Img Alt Text 對 SEO 很重要?


Img Alt Text 是 SEO 頁面優化的重要項目之一。設定 Alt Text 具體對網站能帶來哪些好處呢?

 

1. 增加在Google搜尋結果頁出現的機會

Google 搜尋結果頁的版位會經常調整,輸入具有視覺意象的關鍵字搜尋時,經常會有圖片版位出現在搜尋結果頁,此時若你的網站沒有設定 Alt Text ,Google 爬蟲就會很難理解圖片的內容,當使用者搜尋時,你的網站圖片就很可能錯失出現在搜尋結果頁的機會。

Alt Text 圖片替代文字範例:造型馬克杯

 ▲    以「造型馬克杯」為例,在搜尋欄位搜尋時,首頁會出現一部份以圖片搜尋結果顯示的版位。 (圖片來源:Google SERP)


2. 提升在Google圖片搜尋中的排名

現在使用者在搜尋時,很多時候會利用 Google 圖片搜尋,透過直接觀察圖片來進行資訊的蒐集,若是在網站上有針對圖片進行 Alt Text 的設定優化,對圖片以文字敘述進行說明,讓 Google 爬蟲能透過 HTML 語法去理解圖片的內容並索引網站圖片,當使用者在透過 Google 圖片搜尋時,就能有效提升出現在圖片搜尋結果頁的機會,也有機會為網站帶來更好的曝光及排名。

Alt Text 圖片替代文字範例:造型馬克杯

▲    以「造型馬克杯」為例,在Google圖片搜尋時,會出現各種相關圖片,當網站有針對圖片設定合適的Alt Text,就能提升出現在圖片搜尋結果頁的機會。 (圖片來源:Google SERP)


四、Img Alt Text 撰寫範例


要注意的是圖片Alt Text不是有設定就好,還需要符合Google對圖片SEO的建議原則,才會對網站SEO頁面優化有最好的成效。以下會以同一張貓咪圖片來進行示範:

抬頭向上看的灰白色貓咪

正確的 Alt Text 寫法

符合 Google 建議的 Alt Text 範例:針對圖片內容完整並詳細敘述。 以範例圖片來看,Alt Text 的撰寫需包含貓咪的外貌及動作等,盡可能包含所有圖片中的訊息,除了提供圖片實際的豐富資訊外,同時也需包含適當的關鍵字,並與網站的整體內容有相關聯性。

<img src="cat.jpg" alt="抬頭向上看的灰白色貓咪">

*小提醒:需注意圖片的檔案名稱。檔案名稱可以讓 Google 透過非常微小的線索,推斷圖片的主題,請盡可能使用與圖片相關且簡單明瞭的檔案名稱,避免使用編號或其他與圖片內容無關的籠統方式命名。


錯誤的 Alt Text 寫法

錯誤寫法包含:缺少圖片替代文字、加入大量或與圖片無關的關鍵字(也稱為濫填關鍵字),以及直接使用意義不明的圖片檔名作為 Alt Text ,這些做法都沒有確切提供與圖片內容有關的實用資訊,對於使用者及 Google 爬蟲而言,會很難透過 Alt Text 來理解圖片的作用。

<img src="1.jpg">

<img src="1.jpg" alt="貓咪,小貓咪,貓咪罐頭,貓咪飼料">

<img src=" cat.jpg " alt=" cat.jpg ">

 

五、提供6種最佳化Img Alt Text撰寫技巧


前面說明了Alt Text 的撰寫範例,那如何才能撰寫出符合 Google 圖片 SEO 原則的 Alt Text,以下整理出6 種在網站 SEO 優化頁面圖片時,圖片 Alt Text 的撰寫技巧,提供給大家參考:

 

1. 請勿在Alt Text中濫填關鍵字

填入大量或與圖片內容無關的關鍵字,可能會對使用者體驗造成負面影響,也有可能導致Google爬蟲將網站判定為垃圾內容。


2. 請以簡單明瞭的文字撰寫Alt Text

Alt Text主要功能是讓使用者與Google爬蟲能理解圖片內容,建議Alt Text的字數是設定在一個句子以內,並能完整表達圖片的描述為主。

 

3. 使用與圖片及網站相關的主要關鍵字

關鍵字需自然的作為圖片描述呈現上的一部分,若是有不適合圖片內容描述的關鍵字,請勿為了關鍵字密度,於 Alt Text 中硬塞關鍵字。

 

4.請勿以圖片取代文字內容

很多時候網站為了排版美觀或吸引使用者點擊,會將文字內容製作成圖片的方式呈現,但請注意若將文字製作成圖片,頁面內容的文字量就會大幅減少,很容易被 Google 判斷為內容篇幅過少,而即便是有設定圖片 Alt Text ,在前面第 2 點有提及,Alt Text 應該以簡單明瞭的方式呈現,是無法透過 Alt Text 的設定去完整表達圖片中大量的文字內容,很可能會導致 Google 爬蟲難以判斷網站整體的頁面內容,因此所有文字都應該以 HTML 語法的形式進行撰寫。

 

5. 請勿在Alt Text中撰寫「這是一張圖片」

使用者與 Google 爬蟲都知道這是一張圖片,Alt Text 只需要針對圖片的內容進行完整描述。

 

6. 確保只閱讀Alt Text就能理解並想像圖片內容

在 Alt Text 的撰寫中最重要的一點就是文字敘述的完整性,除了上述 5 點的原則要掌握外,在撰寫時要思考使用者與Google爬蟲是否都能透過 Alt Text 的描述去理解並想像圖片的內容,這點是在進行圖片 SEO 優化時需要特別注意的。


六、優化Img Alt Text,提升網站SEO排名


前面說明了 Image Alt Text (圖片替代文字)是什麼、Alt Text 的功能和範例以及 6 種撰寫技巧,目的就是要透過 SEO 的角度,優化圖片 Alt Text 的設定,改善網站的使用者體驗,同時也讓 Google 爬蟲能理解圖片的內容,當 Google 爬蟲在針對網站整體內容進行爬取時,也能做出更好的理解與判斷,並提供給使用者更精確的搜尋結果,讓使用者在進行關鍵字搜尋時,能增加網站在圖片搜尋時出現的機會

透過圖片 SEO 優化 Alt Text 的設定,可以為網站在競爭激烈的自然搜尋市場上,帶來更多曝光與提升排名的機會,不讓網站錯失潛在的使用者及流量

 



參考資料:


 

關於 iProspect Consult 服務

iProspect Consult 部門 為優化與數據分析顧問,為分析師、工程師、和內容行銷優化師的專業團隊,主要提供:GA4 數據建置和認證暨教育訓練課程、SEO 優化、CRO 網站轉換率優化、One search 策略、行銷科技解決方案,我們擁有多元產業經驗與超過 100 位數位行銷專家,協助品牌主一同解析數據情報,推動決策效率。



Comments


Posts
TAGS
bottom of page