画像の説明文（alt属性）の書き方と検索での役割

画像の説明文（alt属性）とは

alt属性（オルト属性）とは、ホームページの画像に付けておく「この画像には何が写っているか」を伝える短い文章のことです。ページを見ている人の画面には、ふだんは表示されません。裏側で画像にそっと添えられている、名札のようなものだと考えると分かりやすいでしょう。

ホームページ作成ツールによって、入力欄の名前は「代替テキスト」「画像の説明」「alt」などさまざまです。名前は違っても、役割は同じです。

説明文が果たす3つの役割

画像の説明文は、主に次の3つの場面で役に立ちます。

1. 検索エンジンに画像の中身を伝える

検索エンジンは、ページの文章を読み取って内容を理解しています。写真の中身を人と同じように見て理解することはまだ得意ではないため、説明文は「この画像は何か」を知らせる手がかりの一つになります。画像検索で写真が見つけてもらいやすくなったり、ページ全体の内容が伝わりやすくなったりすることが期待できます。

ただし、説明文を書けば検索順位が上がる、というほど単純なものではありません。あくまで「内容を正しく伝えるための材料の一つ」と考えてください。

2. 目の不自由な方に画像の内容を届ける

目の不自由な方の中には、画面の文字を音声で読み上げるソフトを使ってホームページを見ている方がいます。画像の部分では、この説明文が読み上げられます。説明文が無いと、画像のファイル名が読まれたり、何も伝わらなかったりします。説明文は、より多くの方にホームページを使っていただくための思いやりでもあります。

3. 画像が表示されないときの代わりになる

通信が不安定なときや、ファイルの不具合で画像が出ないとき、画像の位置に説明文が表示されることがあります。何の画像だったのかが分かれば、読む人が戸惑わずにすみます。

説明文の書き方の基本手順

むずかしく考える必要はありません。次の順番で考えると、自然な説明文が書けます。

1. 電話で人に伝えるつもりで考える
   画像が見えない相手に「今どんな写真がのっているか」を電話で説明するとしたら、どう言うかを考えます。
2. 写っている大事なものを一つ決める
   人物なのか、商品なのか、作業の様子なのか。その画像で一番伝えたいものを決めます。
3. そのページでの意味を足す
   同じ写真でも、のせるページによって伝えたいことは変わります。「施工事例のページ」なら何の工事か、「スタッフ紹介のページ」なら誰なのか、を足します。
4. 短い一文にまとめる
   長くても一文から二文程度に収めると、読み上げでも聞き取りやすくなります。

良い例と避けたい例

具体的なイメージを持っていただけるよう、よくある画像で比べてみます。以下はあくまで書き方の説明用の例です。

避けたい例に共通しているのは、「見えない人には中身が想像できない」という点です。良い例は、色や様子、誰が何をしているかが一文で伝わるようになっています。

書きすぎないための注意点

説明文は、たくさん書けばよいというものではありません。次のような書き方は避けましょう。

キーワードを詰め込まない

検索で見つけてほしいからといって、「ホームページ制作 安い おすすめ 中小企業 ホームページ」のように言葉を並べるのは逆効果になりかねません。読み上げで聞くとただの言葉の羅列になり、内容が伝わりません。検索エンジンからも、不自然な書き方として受け取られる可能性があります。キーワードは、画像の内容に本当に関係があるときに、自然な文の中で使う程度にとどめましょう。

写っていないことを書かない

「安心の施工」「丁寧な対応」のような、写真からは読み取れない宣伝文句は説明文には向きません。そうした思いは、本文の文章で伝えるほうが読む人に届きます。

長い文章にしない

写っているものを全部書こうとすると、文章が長くなりがちです。そのページで伝えたいことに関係する部分だけに絞ると、読みやすい説明文になります。

すべての画像に同じ文を入れない

施工写真が何枚も並んでいるとき、全部に「施工事例」と入れてしまうと、どの写真も区別がつきません。「工事前の外壁」「塗り替え後の外壁」のように、一枚ずつの違いが分かるように書きましょう。

説明文を空にしてよい画像もある

実は、すべての画像に説明文が必要なわけではありません。次のような画像は、説明文を空にしておくほうがよい場合があります。

• 見出しの横に付けた飾りの線やアイコン
• 背景として使っている模様や色の画像
• すぐ横の文章で同じ内容をすでに説明している画像

飾りの画像にまで説明文を入れると、読み上げのときに意味のない情報が続いてしまいます。「この画像が無くなったら、伝わる内容が減るか」を考え、減らないものは空にしておくと判断しやすくなります。

反対に、文字が入った画像（キャンペーンのお知らせやメニュー表など）は、画像の中の文字が検索エンジンにも読み上げにも伝わりにくいため、大事な文字を説明文に書いておくと安心です。

日々の更新で無理なく続けるコツ

説明文は、一度にまとめて直そうとすると大変です。次のような工夫で、少しずつ整えていくのがおすすめです。

• これからのせる画像から入れる習慣をつける
  写真をアップロードするときに、その場で一文を書くようにすると負担が少なくなります。
• よく見られるページから見直す
  トップページやサービス紹介のページなど、多くの人が訪れるページの画像から整えると効果的です。
• 社内で書き方をそろえる
  担当者が複数いる場合は、「一文で」「写っているものと様子を書く」など簡単な決まりを共有しておくと、書き方のばらつきが減ります。

よくある質問

ファイル名も工夫したほうがよいですか

説明文ほど大きな役割ではありませんが、「IMG_0123」より「kitchen-reform」のように中身が分かる名前にしておくと、管理もしやすくなります。手が回る範囲で取り入れてみてください。

説明文と画像の下に出る文章は違うものですか

違います。画像の下に表示される短い文章は「キャプション」と呼ばれ、ページを見ている人全員の目に入ります。説明文は、ふだんは画面に表示されない裏側の文章です。両方に同じことを書く必要はありません。

英語で書いたほうがよいですか

日本語のページであれば、日本語で書くのが自然です。読む人や読み上げソフトに合わせて、ページと同じ言葉で書きましょう。