指南/建立內容/媒體/將說明文字或 ALT 文字新增至圖片

將說明文字或 ALT 文字新增至圖片

說明文字和替代文字 (ALT) 可強化圖片的無障礙功能和搜尋引擎最佳化 (SEO)。說明文字會新增視覺化內容,而 ALT 文字則有助於搜尋引擎和螢幕朗讀程式了解圖片內容。

在圖片中新增說明文字

說明文字會出現在圖片下方,或在某些佈景主題中覆疊於圖片上方。按照下列步驟,將說明文字新增至圖片:

  1. 從 WordPress.com 儀表板開始。
  2. 編輯你已新增圖片的頁面、文章或範本。 
  3. 按一下要新增說明文字的圖片。
  4. 在圖片上方顯示的工具列中,按一下「說明文字」圖示。圖示看起來像底端有虛線的正方形:
選取圖片區塊時顯示的工具列,說明文字的圖示已醒目提示。
  1. 在「新增說明文字」預留位置出現的地方輸入說明文字。

或者也可以使用 AI 助理 (工具列說明文字圖示旁的三顆星星) 來產生圖片描述的說明文字

插入新圖片時,在「媒體庫」中新增的說明文字會自動顯示。新增至「媒體庫」的說明文字不會顯示在先前新增的圖片上。手動新增說明文字,或重新插入圖片。 

設定說明文字的格式

使用說明文字上方的工具列來設定文字格式,包括粗體、斜體、連結和其他選項。操作步驟如下:

  1. 從 WordPress.com 儀表板開始。
  2. 編輯你已新增圖片的頁面、文章或範本。 
  3. 醒目提示要設定格式的部分或所有說明文字。 
  4. 從格式設定選項中選取,包括:
    • 粗體
    • 斜體
    • 新增連結
    • 更多」圖示包括:
      • 新增註腳
      • 醒目提示:變更文字和背景顏色
      • 內嵌程式碼
      • 內嵌圖片
      • 鍵盤輸入樣式
      • 語言屬性
      • 刪除線
      • 下標
      • 上標

說明文字的對齊位置 (左、中、右) 會反映圖片的對齊位置。 

將替代文字新增至圖片

使用「替代文字 (ALT)」欄位來說明圖片用途。此文字由搜尋引擎和螢幕閱讀程式所使用。

  1. 從 WordPress.com 儀表板開始。
  2. 編輯你已新增圖片的頁面、文章或範本。 
  3. 按一下要在其中新增 ALT 文字的圖片。
  4. 按一下頂端工具列中的「設定」圖示,即可開啟側邊欄設定
  5. 尋找「替代文字」欄位並輸入說明內容。以下是建立替代文字說明的一些最佳做法

或者也可以使用 AI 助理 (區塊工具列中說明文字圖示旁的三顆星星) 來產生圖片描述的 ALT 文字

重設 ALT 文字

依照下列步驟來為圖片重設 ALT 文字:

  1. 按一下要編輯的圖片。
  2. 按一下頂端工具列中的「設定」圖示,開啟側邊欄設定。
  3. 按一下「設定」頁首右側的三點圖示,即可開啟「設定選項」選單。
  4. 按一下「替代文字」設定旁的「重設」選項。
箭頭從「設定選項」選單指向可重設的設定。
Copied to clipboard!