怎樣為圖片新增ALT標籤？

瑞谷海外營銷2022-11-08 09:40:30

什麼是Alt標籤？

Alt標籤是指對海外網站頁面圖片的描述或說明，用文字形式表達圖片所展示的內容。

為什麼要給影象新增Alt標籤？

1。替代文字提高了使用者體驗感

給影象新增文字可以使有視力障礙的人群、使用螢幕閱讀器的人群也能更加清晰便攜地瀏覽我們的外貿獨立站內容，可以更加明確的表達圖片內容，而不是直接讀出讓使用者不知所以然的圖片檔名；並且圖片因任何原因無法載入時，則會顯示替代文字，這大大提升使用螢幕閱讀器人群的使用者體驗感。

2。有利於提升主題相關性

在我們使用圖片但沒有替代文字時，谷歌只能大概識別到這是個什麼類別的圖片，而無法識別出具體特徵，舉個例子：我們的內容正在描述不同品種狗狗時，如果沒有使用替代文字，谷歌只能識別為狗的圖片，而不能理解到這個圖片是在對比不同品種狗。

（圖片來源於baidu）

但如果我們使用了替代文字的話，谷歌就可以更加好的理解我們的頁面內容，這有利於提升我們頁面的主題相關性。

3。有利於提升google圖片引流

替代文字可以幫助我們的圖片在谷歌圖片中的排名，這可以讓我們的谷歌圖片獲得更多的流量，引入我們的海外獨立站。甚至一些圖片最佳化的好的海外網站靠透過谷歌圖片的Total clicks都能比很多網站的自然流量高。

4。Alt文字可作為影象連結的錨文字

我們都知道錨文字一般用於一個網頁指向另一個網頁的點選詞文字，可用於連結其他頁面內容。但事實上，錨文字也可以連結到圖片，當我們的錨文字連結圖片時，Alt文字可以幫助谷歌瞭解更多關於我們連結的圖片資訊。

如何在影象中新增Alt文字？

只需將 alt 屬性新增到HTML 程式碼中的標記。

帶有 alt 標籤的圖片：

在 WordPress 中，當將影象新增到頁面時，會有填寫Alt文字的地方（如下圖）：

（圖片來源於ahrefs）

在Shopify中：從你的 Shopify 後臺——轉到Products——單擊要編輯的產品的名稱——在產品詳細資訊頁面中——在主題編輯器側邊欄中——在影象下方，單擊編輯——輸入 ALT 文字儲存即可。

如何寫出優質的圖片Alt文字？

1。簡潔明瞭。過於繁瑣的Alt文字會讓使用螢幕閱讀器的人感到煩躁，我們應該儘量使用簡短，直接表明內容的單詞

2。準確表達。要準備表達圖片內容，舉例：“strawberry cheesecake”，而不是“cake”。

3。不需要說明這是圖片的Alt文字。舉例：alt=“cheesecake”，而不是alt=“picture of cheesecake”。

4。避免重複。不需要重複影象上下文已經存在的文字資訊，舉例頁面內容是描述cheesecake，而芝士蛋糕的展示圖片正下方的文字就是cheesecake時，谷歌是可以理解的，我們無需重複把描述新增到 alt 標籤中。

（圖片來源於ahrefs）

如何查詢何修復Alt屬性問題？

許多工具都可以直接抓取海外網站缺失的Alt屬性，但是缺少Alt文字並不一定是錯誤的，正如前文所說並不是所有影象都需要Alt文字比如一些icon圖片。

所以與其一直查詢所有缺失alt文字的頁面再來分析是不是需要最佳化，不如直接稽核最佳化已經是主要流量頁面的Alt標籤。

（1）首先透過Google Analytics的Top Page報告，找我自然流量最多的頁面。

（2）稽核主要流量頁面的Alt屬性。安裝免費的Alt Text Tester Chrome 擴充套件，載入流量最多的頁面，然後啟用擴充套件。每當你滑動影象時，會看到顯示的替代文字。如果缺少 alt 屬性，您將看到警告檢查頁面上一些影象的替代文字。您很快就會了解它們的最佳化是好是壞還是根本沒有最佳化。

谷歌seo工作是一項長期的細緻活，如果貴司沒有專業的谷歌seo人員可以把谷歌seo工作交給專業的海外推廣公司，節省時間與人才培養成本。瑞谷海外營銷谷歌SEO最佳化服務專注海外推廣13年，擅長幫助企業提升海外網站排名，增長海外詢盤。

想要了解更多谷歌seo技巧，關注瑞谷海外數字營銷公眾號，傳送“瑞谷海外seo乾貨”，即可領取谷歌SEO工具大全資料~