画像のalt属性とは？SEOとアクセシビリティの関係

集客・SEO2026年10月30日読了時間：約3分

ホームページの画像には、「alt属性（オルト属性）」という、画像の内容を文字で伝えるための設定があります。
目には見えない部分ですが、読む人にも検索エンジンにも大切な役割があります。

この記事では、alt属性とは何か、書き方の例を解説します。

1.画像の内容を文字で伝える

alt属性とは、画像の内容を説明する文章（代替テキスト）を設定するためのものです。HTMLでは、img タグの中に書きます。

<img src="shop.webp" alt="浅草の店舗の外観。のれんと提灯が下がっている">

画面を読み上げる機能を使ってホームページを見ている人は、画像を見ることができません。alt属性がないと、その画像に何が写っているのか分からず、大切な情報を受け取れないことがあります。

また、Googleは、画像の内容を理解するために、alt属性も参考にしていると案内しています。画像の検索で見つけてもらうきっかけにもなります。

alt属性は、画像を見られない人にも、内容を伝えるためのものです。その結果、検索エンジンにも内容が伝わりやすくなります。

飾りのための画像（線や背景の模様など）や、すぐ横の文章で同じ内容を説明している画像は、alt を空（alt=""）にします。読み上げの機能が、意味のない画像を読み上げずに済みます。alt属性そのものを書かないのではなく、空にするのがポイントです。

画像ブロックを選ぶと、右側の設定に「代替テキスト」の欄があります。メディアライブラリで画像を選んで入れることもできます。画像の入れ方は、WordPressで画像を追加・変更する方法で解説しています。

すべての画像に、alt属性が必要ですか？

img タグには、すべて alt属性を書きます。内容を伝える画像には説明を、飾りの画像には空の alt を設定します。

どのくらいの長さで書けばよいですか？

決まりはありませんが、短く具体的に書きましょう。詳しい説明が必要な画像は、本文や図の説明（キャプション）で補います。

alt にキーワードを入れると、順位が上がりますか？

画像の内容と関係のないキーワードを入れても、役には立ちません。画像の内容を正しく説明することが大切です。

ロゴの画像は、どう書けばよいですか？

ロゴが会社やお店の名前を表しているなら、その名前を書きます（例：浅草Web屋）。

alt属性は、画像の内容を文字で伝えるためのものです。画像を見られない人に内容を伝え、検索エンジンにも内容が伝わりやすくなります。

まずは、トップページの主な画像に、alt属性が入っているか確かめてみましょう。誰にとっても使いやすいホームページについては、Webアクセシビリティとは？で解説しています。

画像の説明の付け方や、ホームページの使いやすさで迷っている場合は、浅草Web屋にご相談ください。