ガイド/コンテンツの作成/メディア/画像にキャプションまたは ALT テキストを追加する

画像にキャプションまたは ALT テキストを追加する

キャプションと代替 (ALT) テキストは、画像のアクセシビリティと検索エンジン最適化 (SEO) を改善します。キャプションがビジュアル素材にコンテキストを付加するのに対して、ALT テキストは検索エンジンやスクリーンリーダーが画像を理解するのに役立ちます。

画像にキャプションを追加する

画像の下にキャプションが表示されます。一部のテーマでは、キャプションが画像に重ねて表示されます。画像にキャプションを追加するには、次の手順を実行します。

  1. WordPress.com ダッシュボードから開始します。
  2. 画像を追加したページ、投稿、テンプレートを編集します。 
  3. キャプションを追加する画像をクリックします。
  4. 画像の上に表示されるツールバーで「キャプション」アイコンをクリックします。アイコンは下部に点線がある正方形のような見た目をしています。
画像ブロックが選択されたときに表示されるツールバーで、キャプションアイコンが強調表示されている。
  1. 「キャプションを追加」プレースホルダーが表示されている場所にキャプションを入力します。

または、AI アシスタント (ツールバーのキャプションアイコンの横にある3つ星) を使用して、画像を説明するキャプションを生成することもできます。

新しい画像を挿入すると、メディアライブラリに追加されたキャプションが自動的に表示されます。メディアライブラリに追加したキャプションは、以前に追加した画像には表示されません。キャプションを手動で追加するか、画像をもう一度挿入してください。 

キャプションの書式を設定する

キャプションの上にあるツールバーを使用して、太字、斜体、リンク、その他のオプションなど、テキストの書式を設定します。手順は次のとおりです。

  1. WordPress.com ダッシュボードから開始します。
  2. 画像を追加したページ、投稿、テンプレートを編集します。 
  3. 書式を設定するキャプションの一部または全体を強調表示します。 
  4. 次の書式設定オプションから選択します。
    • 太字
    • 斜体
    • リンクを追加する
    • その他アイコンには以下があります。
      • 脚注を追加
      • ハイライト: テキストと背景色を変更する
      • インラインコード
      • インライン画像
      • キーボード入力スタイル
      • 言語属性
      • 打ち消し
      • 下付き
      • 上付き

キャプションの配置 (左、中央、右) は画像の配置と同じになります。 

画像に代替テキストを追加する

画像の目的を説明するには、「代替テキスト」(ALT) フィールドを使用します。このテキストは検索エンジンやスクリーンリーダーで使用されます。

  1. WordPress.com ダッシュボードから開始します。
  2. 画像を追加したページ、投稿、テンプレートを編集します。 
  3. ALT テキストを追加する画像をクリックします。
  4. 上部のツールバーの「設定」アイコンをクリックしてサイドバー設定を開きます。
  5. 「代替テキスト」フィールドを見つけて説明を入力します。こちらでは、代替テキストの説明文を作成するためのベストプラクティスをいくつか紹介しています。

または、AI アシスタント (ブロックツールバーのキャプションアイコンの横にある3つ星) を使用して、画像を説明する ALT テキストを生成することもできます。

ALT テキストをリセットする

画像の ALT テキストをリセットするには、次の手順を実行します。

  1. 編集する画像をクリックします。
  2. 上部のツールバーの「設定」アイコンをクリックしてサイドバー設定を開きます。
  3. 「設定」ヘッダーの右にある3つのドットをクリックして「設定オプション」メニューを開きます。
  4. 「代替テキスト」設定の横にある「リセット」オプションをクリックします。
「設定オプション」メニューからリセット可能な「設定」を指す矢印。
Copied to clipboard!