画像のタイトル・キャプション・代替テキスト・説明それぞれの意味と必要性

WordPressで記事を書くときに挿入する画像にはタイトル・キャプション・代替テキスト・説明を付けることが出来ます。

今回はそれぞれの意味とSEO的におすすめな設定を説明します。

WordPressの画像挿入画面

WordPressの画像挿入画面

という順番になっていて変更ができるのはURL以外の4つとなっています。

ではそれぞれ詳しく説明していきます。

URLはその名の通り画像ファイルの場所であり、そこにアクセスすると画像が表示されます。

一般的なURLのルール

WordPressで普通に投稿画面に画像をアップロードした場合は以下のようなURLになります。

ドメイン名/wp-content/uploads/アップロード年/月/ファイル名

WordPressではタイトルは自動的に画像のファイル名が挿入されます。（手動で変更することも可能です。）

よほど個人情報がファイル名に入っている場合以外はイジる必要はない項目です。

img要素のtitle属性

title=”タイトルで設定した文字列”

またタイトルはツールチップとしての役割もあります。

ツールチップとは

ツールチップとはマウスのポインターを画像の上に持っていくと表示されるテキストのことです。

上の鍵の絵の上に持っていくと「鍵の絵」と文字が表示されると思います。

飛行機の絵

キャプションは画像のすぐ下に挿入される文字で画像の説明文を表します。

説明以外にも図1や写真2といった表記をされることもあります。

captionタグが追加

<p class=”wp-caption-text”>キャプションに設定した文字列</p>

この代替テキストはSEO的に重要です。サイトを巡回するクローラーのロボットは画像の中身までは判断出来ません。

そこでロボットに「この画像は～～の画像ですよ」教える手段として代替テキストを使用します。

また何らかの原因で画像が表示されない場合のテキストとしても使用されます。

img要素のalt属性

alt=”代替テキストで設定した文字列”

この説明は、ブログ上には一切表示されない管理人だけが見ることが出来るメモのような存在です。

ただ画像の検索時には、この説明欄も検索対象になるため一応使い道はあります。