2021.03.03 2024.04.21

【可獲得反向連結】什麽是alt標籤？對SEO有效的使用方法和具體例子

web

此文章可能包含廣告（PR）

吉娃娃

什麽是alt標籤？爲甚需要設定alt屬性呢？

Masa

alt標籤雖然是不起眼的東西，其實對SEO發揮重要的角色

先說要點：

alt標籤是圖片替代文字。可以表達圖片的意思或主題
alt標籤能夠向搜尋引擎正確的通知圖片的意思和資訊
alt標籤在Google“圖片搜尋”中發揮作用

文章目錄

什麽是alt標籤？
alt描述對SEO有效的3個理由
對SEO有效的alt標籤使用方法和具體例子
對SEO又有效又簡單的方法
Masa會幫您設計網站
總結爲了提高SEO得到更多引用圖片的反向連結
Masablog推薦文章

什麽是alt標籤？

“alt標籤”又稱爲“alt描述”或“alt屬性”。是代替圖片的文字資訊。因爲在”圖片搜尋“中被使用，所以正確的描述alt標籤相當重要。

Google官方有以下的解釋：

替代文字是用來描述圖片的文字，可協助看不到網頁中圖片的使用者 (包括使用螢幕閱讀器或網路連線速度偏慢的使用者) 瞭解圖片內容。
Google 會根據替代文字、電腦視覺演算法和網頁內容來瞭解圖片的主題。此外，如果您決定將圖片當做連結使用，就可以將圖片中的替代文字用做錨定文字。
建立的替代文字內容應該要實用、資訊豐富、包含適當關鍵字，且與網頁內容相關。請避免在 alt 屬性中加入大量關鍵字 (濫填關鍵字)，否則會對使用者體驗造成負面影響，並可能導致系統將您的網站判定為垃圾內容。
引用來自：https://developers.google.com/search/docs/advanced/guidelines/google-images?hl=zh-hant

意思就是Google機器人不會理解圖片内容，所以請你用alt標籤描述圖片的意思。
*圖片不能顯示的情況（網路問題或瀏覽器的設定等情況），有alt標籤讀者會知道意思。

alt描述對SEO有效的3個理由

理由1 可以提高使用者體驗

像Google Chrome等瀏覽器可以設定不顯示所有圖片。有些用戶爲了節省下載容量用這個設定。
這種情況或網路很慢沒有下載完圖片等的情況下，alt標籤會發揮作用。像下面的圖一樣，在瀏覽器内顯示圖片的意思。這樣讓讀者知道圖片的意思。

理由2 Google圖片搜尋可以獲得瀏覽

Google官方說的“Google 會根據替代文字、電腦視覺演算法和網頁內容來瞭解圖片的主題。”這裏說的替代文字就是alt標籤。正確的設定alt標籤就在“圖片搜尋”的結果中出現，使用者有機會從這裏點進去瀏覽你的網站。
alt標籤 - Google 搜尋

理由3 獲得反向連結的可能性

網友從圖片搜尋中找到你網站提供高品質的圖片，插圖或照片，網友可能會想要在自己的部落格，網站或SNS中引用你的圖片。這樣就有機會獲得對網站外部SEO最重要的反向連結！這是正確的描述alt標籤最重要的理由。對網站外部SEO很有幫助。

對SEO有效的alt標籤使用方法和具體例子

這是Google官方説明的例子

不佳的alt屬性 (缺少替代文字)
＜img src=”puppy.jpg” /＞
不佳的alt屬性 (濫填關鍵字)
＜img src=”puppy.jpg” alt=”puppy dog baby dog pup pups puppies doggies pups litter puppies dog retriever labrador wolfhound setter pointer puppy jack russell terrier puppies dog food cheap dogfood puppy food” /＞
較佳的alt屬性
＜img src=”puppy.jpg” alt=”puppy” /＞
最佳的alt屬性
＜img src=”puppy.jpg” alt=”Dalmatian puppy playing fetch” /＞引用來自：https://developers.google.com/search/docs/advanced/guidelines/google-images?hl=zh-hant