1 of 6

圖片SEO的處理方法��補充最後一天上課沒有錄影到部分

2 of 6

為什麼要做圖片SEO呢？

  • 提升搜尋引擎的可理解性
  • 提高搜尋排名與流量
  • 改善使用者體驗（特別是無法載入圖片時）
  • 支援無障礙設計,方便使用螢幕閱讀器的視障用戶獲取資料

3 of 6

優化圖片以符合SEO的語法：

  • <img src="a1-環保礦泉水-雪山.png" �alt="來自雪山的環保礦泉水" �title="來自雪山的環保礦泉水" />

​

  • 總共要設定3個參數
    • SRC：設定圖檔名稱
    • ALT：設定當圖片遺失的取代顯示文字
    • TITLE：設定當滑鼠懸停時顯示的圖片訊息

​

4 of 6

優化圖片以符合SEO的語法

  • 參數：src
  • 優化檔名(英文更好)，能夠更符合圖片SEO的要求，
  • 有助於搜尋引擎理解圖片的內容

5 of 6

優化圖片以符合SEO的語法

  • 參數：alt（Alternative替代文字）
    • 功能：圖片的替代文字（ Text）
      • 當圖片無法顯示(網路問題，或圖片不見)
      • 或在視障者用螢幕閱讀器時
    • alt 屬性所提供的文字將會顯示或讀出
    • 有助於無障礙設計的輔助，增強使用者體驗

6 of 6

優化圖片以符合SEO的語法

  • 參數：title
    • 功能：當使用者將滑鼠懸停在圖片上時，會顯示「來自雪山的環保礦泉水」，
    • 這有助於提升使用者體驗。

​