24小時查詢服務熱線
香港網頁集團
  • 公司概覽 
    • 概覽 
    • 客戶群組 
    • 職位空缺 
  • 網頁設計 
    • 網頁設計 
    • 人才外判計劃 
  • 網絡行銷 
    • SEO搜尋引擎優化 
    • SEM搜尋引擎行銷 
    • 社交網絡推廣策略及推廣 
    • EDM 電郵宣傳策略及設計 
  • 政府資助 
    • BUD專項基金(BUD Fund) 
    • EMF中小企業市場推廣基金 
    • TVP科技券計劃 
  • 作品展示 
  • 最新資訊 
    • 網頁設計 
    • 網上推廣 
    • APP開發 
  • 聯絡我們 
  • sitemap 
Home » SEO優化新知:如何為圖片正確添加Alt Text?讓用戶更容易理解頁面內容
  • 近期文章

    • 掌握7大網店設計原則,打造顧客「一逛就買」的完美購物體驗
    • 如何挑選和購買好的網域?開啓網站維護征程的關鍵一步
    • 網站維護的主要工作有哪些?讓網站持續吸引流量
    • 8種超簡單的平面設計技巧!讓品牌海報從「能看」升級為「吸睛」
    • 商城設計秘籍:解密產品列表頁設計的五大黃金技巧
  • 網上推廣

    • 網站維護的主要工作有哪些?讓網站持續吸引流量
    • 【網絡推廣核心邏輯】三大實戰策略突破Meta廣告的「創意疲勞」瓶頸
    • 提速網站FCP分數:全面攻略助你搶佔香港SEO先機
    • 精準流量變現的關鍵:香港企業如何利用SEO提升會員轉化率?
    • SEO公司緊急警報:網站流量突然暴增?小心黑帽SEO植入
  • 網頁設計

    • 掌握7大網店設計原則,打造顧客「一逛就買」的完美購物體驗
    • 如何挑選和購買好的網域?開啓網站維護征程的關鍵一步
    • 8種超簡單的平面設計技巧!讓品牌海報從「能看」升級為「吸睛」
    • 商城設計秘籍:解密產品列表頁設計的五大黃金技巧
    • 網頁設計中最基礎的配色技巧 讓網頁在色彩海洋中脱穎而出
  • APP開發

    • APP設計技巧:如何利用重疊設計來增加APP的魅力
    • UX設計技巧:如何做好APP的BAR設計?提升整體APP的用戶體驗
    • APP設計策略:如何將信息對比應用APP設計中,以提高用戶體驗?
    • UI設計指南:底部彈出框需要重視哪些設計原則
    • Headspace APP設計案例分析:APP設計實踐中需運用哪些UX設計定律

SEO優化新知:如何為圖片正確添加Alt Text?讓用戶更容易理解頁面內容

分類: 熱門文章, 網上推廣 Tags: #SEO優化新知, SEO優化, 網上推廣 日期: 2022-12-07

在這個「顏值至上」的時代,適時為網站添加清晰好看且主題相關的照片,不僅有助於提升介面的觀感,讓枯燥的文字內容變得有生命力,還可以提高網站可讀性,方便用戶更容易理解頁面內容。

然而,從SEO優化角度來說,儘管Google可以辨識圖片與影片,但更多是透過網頁或文章中的「文字關聯性」來判斷圖片背後的含義。因此,為圖片設置更準確的Image Alt,搜尋器就能更清楚該圖片跟什麼有關。

那麼,什麼是Image Alt?如何為圖片正確添加Alt Text?

▎ 什麼是Image Alt?

Image Alt(圖片替代文字)又稱為Alt描述、Alt屬性,是Image標籤常用的基本屬性之一,主要用來作為圖片的文字敘述。

Alt屬性的語法範例說明:

例如以下圖像的Alt屬性為「HTML中Alt是什麼意思」

SEO優化新知:如何為圖片正確添加Alt Text?讓用戶更容易理解頁面內容
HTML中Alt是什麼意思

HTML句式如下:

<img alt=”HTML中Alt是什麼意思” src=”URL” width=”×××” height=”×××” />

▎ 設置好Image Alt對網站SEO優化有什麼好處?

Alt Text最大的作用就是進行Image Search時,用戶經常會使用文字組合來尋找合適的圖片,因此為圖片設置Alt Text,有機會躋身於圖片搜索榜的前列,變相增加網站的曝光率以及點擊率。

SEO優化新知:如何為圖片正確添加Alt Text?讓用戶更容易理解頁面內容
Google圖片搜索結果

除此之外,設置好Image Alt對網站SEO優化還有以下好處:

1.改善網站用戶體驗

用戶在瀏覽網站過程中難免會遇到突發狀況,例如圖片失效、用戶網速較慢、瀏覽器禁用圖片等因素而導致圖片無法正常顯示。

如果你早已為網站圖片設置Alt Text,這將彌補一部分閱讀體驗不佳的問題,引導用戶透過Image Alt Text的內容來理解圖片,從而將網站用戶體驗的傷害降到最低。

2.閱讀無障礙

所謂的無障礙設計,是指無論是年輕人、老年人還是殘疾人都可以平等地從互聯網上獲取資訊和服務,具體可拆分為視覺、聽覺、操作、認知以及言語交流的無障礙。

以視力障礙用戶群體而言,無障礙設計具體表現在「視覺」的表達上。為網站圖片設置相關的Alt Text內容,視力障礙用戶便可以透過JAWS或Orca等輔助工具更好地讀懂網頁內容,同時間接展現出品牌本身的細心與友善。

3.幫助搜尋器理解

儘管Google已經可以流暢地讀懂人類的常用字詞,但在圖片解讀上仍存在一定局限性,因此圖片沒有設置Alt Text,搜尋器爬蟲將難以理解圖片所包含的意義,間接影響網站在搜尋結果中的排名。

隨着搜尋結果變得愈來愈多元化,善用Image Alt Text並加入「合理的」關鍵字佈局,不僅有助於搜尋器理解圖片內容,還增加頁面主題的相關性,進而增加網站的搜索曝光!

▎如何為圖片正確添加Alt Text?

看到這裏,可能很多人會問:「怎樣的Alt Text才算是好的Alt Text?」

簡單來說,想要圖片成功被用戶搜索到,就必須先注意Alt Text的特性,即用精簡的文字,精準地描述這張圖片是跟什麼有關。

另外,為圖片添加Alt屬性時還需要注意以下幾點:

• 預想圖片無法正常顯示時,基於「想讓用戶知道圖片傳達什麼內容」的目的來撰寫ALt內容;

• 盡量使用簡短而精準的語言來解釋清楚圖片的內容,避免插入過多毫不相關的字詞;

• 在Alt標籤中適當增加目標關鍵字,有助於提升圖片與頁面主題的相關,間接幫助圖片和文章頁面獲得更好的排名;

• ALt標籤最忌諱就是使用關鍵字濫填,這種毫無意義的黑帽SEO手法,容易造成圖片和文字頁面都遭到搜尋器的懲罰;

• 避免將重要文字內嵌於圖片中,一來搜尋器爬蟲無法準確識別這些文字內容,二來並非所有用戶都能訪問這類文本,因此針對重要內容可以用文字,就盡量不用圖片;

• 為圖片創建良好的網址結構,同時避免使用中文命名圖片文檔名,以便搜尋器藉助網址路徑與文件名來理解圖片。

總的來說,隨着搜尋器愈來愈重視用戶體驗,如果想提升內容在搜尋器中的曝光度,以提供出色的用戶體驗為原則,往往比僅針對搜尋器進行SEO優化會更有效果,這一原則同樣適用於Image SEO優化中!

Share This Post!

Subscribe to our RSS feed. Tweet this! StumbleUpon Reddit Digg This! Bookmark on Delicious Share on Facebook
訂閱電子報 公司最新資訊 Inspirr咨詢熱線
公司最新資訊
Inspirr咨詢熱線
公司最新資訊
Inspirr咨詢熱線
    • 網頁設計
    • 平面設計
    • 網上推廣
    • 程式開發
    Inspirr網頁設計香港
    公司資訊
    概覽
    職位空缺
    服務範圍
    網站設計流程
    SEO網站優化
    手機程式開發
    平面設計
    作品案例
    網頁設計案例
    手機程式案例
    多媒體設計案例
    平面商業設計案例
    聯繫我們
    • inspirr Facebook
    • inspirr vimeo
    • inspirr blog
    • 雅虎認證官網
    • 新浪微博認證

    Inspirr網頁設計公司專業設計網站

    網頁設計、網上商店、編寫程序、網上顧問、網上廣告、網上行銷等。我們擁有優秀專業的團隊,獨特的網頁設計功能,Web Design等技術,秉持網上商店品質、創新、服務的經營理念,集合設計、科技及網上推廣的元素。

    inspirr地址

    香港上環德輔道中248號東協商業大廈6樓601室

    Inspirr聯繫電話

    (852) 3749 9734

    Inspirr郵箱

    Copyright @ 2023 Inspirr Creation. All rights reserved.

    友情鏈接: 香港網頁設計 公司網站管理