WordPressの画像「代替テキスト・タイトル・キャプション・説明」の設定

WordPressに画像を挿入する際の設定をまとめています。

画像の挿入方法と詳細は投稿・ページヘのメディア挿入 – WordPress Codexで確認して下さい。

添付ファイルの詳細

WordPressでは、メディア（画像）をアップロードした際、添付ファイルの詳細で「代替テキスト」「タイトル」「キャプション」「説明」を設定することができます。

添付ファイルの詳細

全て任意ですが、「代替テキスト（alt属性）」はSEO効果があるので必ず入力して下さい。

代替テキスト

代替テキストに入力したテキストは、「alt属性」として使われます。

設定しても外見は変わりませんが、ソースに画像の説明「alt=””」が追加されます。Googleも画像 – Search Console ヘルプで代替テキストの入力を推奨しています。SEO効果もあります。

代替テキスト（alt属性）

タイトル

アップロードした画像のファイル名がそのままタイトルとして使われます（日本語にも対応）。

このタイトルは「title属性」ではありませんが、URLの一部として表示されます。僕は日本語ファイル名のままアップロードしていますが、できれば英語表記の方が望ましいと思います。

ちなみに、タイトルを削除した画像は、メディア一覧で「（タイトルなし）」で表示されます。

メディアのタイトル

キャプション

キャプションに入力したテキストは、画像の下に表示されます（リンクを貼ることも可能）。

但し、キャプションを設定すると、ショートコードで画像に「wp-caption」、文字に「wp-caption-text」のCSSが適用されます。テーマによってはレイアウトが変更されるので注意して下さい。

CSSを編集できる方は、自分でカスタマイズすることも可能です。

キャプションを設定するとここに文字が表示されます

説明

説明は、入力してもソースには表示されません。外見も変わりません。

画像のメモとして使う及び管理画面でメディアを検索した時に探しやすくなるだけです（説明に入力したテキストも検索対象になる）。未入力でも特に問題はありません。

説明に入力した文字も検索対象

添付ファイルの表示設定

添付ファイルの表示設定では、画像の「配置」「リンク先」「サイズ」を設定できます。

添付ファイルの表示設定

配置

画像の配置は、「左」「中央」「右」「なし」から選択できます。

左右に表示させた場合は、空き領域にテキストが折り返し表示されます（パンダの画像は左に設定しています）。中央に表示させた場合は、左右にテキストが表示されません。なしは配置が指定されていません。

左となしは配置が似ていますが、テキストの回り込みに違いがあります。また、左右の配置は少し癖があるので、使う時は注意して下さい。一度スマホ画面の表示も確認されることをおすすめします。

リンク先

画像のリンクは、「なし」「メディアファイル」「添付ファイルのページ」「カスタムURL」から選択できます。お好みで設定して下さい。必要なければ「なし」推奨です。

メディアファイルは、下記の様にサムネを掲載しておき、フルサイズのオリジナル画像を表示させたい時に使うと便利です。また、カスタムURLは、他のページへリンクさせる時に使うと便利です。

サイズ

サイズは、「サムネイル」「中」「大サイズ」「フルサイズ」から選択できます。

各種画像のサイズは、ダッシュボードの設定「メディア」から変更可能です。画像をアップロードした際、ここで設定した大きさの画像が自動で生成されます。

メディア設定

ちなみに、画像サイズの設定は変更後にアップロードされた画像にしか適用されませんが、プラグインRegenerate Thumbnailsを使えば、変更前の画像も簡単に再生成することができます。

更に細かい画像の設定

詳細と表示だけでも十分ですが、ビジュアルエディターでは更に細かい設定が可能です。

ビジュアルエディターで画像をクリックし、「編集アイコン」を選択します。

ビジュアルエディターの画像編集

上級者向け設定を開くと、一般の設定以外にも「title属性」「rel属性」「リンクを新ウィンドウまたはタブで開く」「画像CSSクラス」「リンクCSSクラス」を設定できます。

画像の上級者向け設定

必要なければ、特に入力する必要はありません。

最後に

WordPressでは、画像を挿入する時に細かい設定が可能です。

覚えるのが少し面倒かもしれませんが、大事なのは自分のルールを決めておくことだと思います。

絶対設定すべきなのは「代替テキスト（alt属性）」だけです（後の設定は任意）。