基本
alt属性
画像の代替テキスト。視覚的に画像が見えない場合に表示・読み上げられる説明文。
alt属性とは？
alt属性（オルト属性）は、<img alt="...">のように画像タグに付ける代替テキストです。画像が表示できない場合に代わりに表示され、スクリーンリーダーが視覚障害者に読み上げる内容にもなります。
Googleの画像検索はalt属性の内容を強く参考にして画像を理解します。alt属性を適切に書くことで、画像検索からの流入と本文SEOの両方が改善します。
alt属性の使い方・実践方法
alt属性の書き方には次のような原則があります。
- 画像の内容を具体的に説明（「猫」より「窓際でくつろぐ三毛猫」）
- 装飾目的の画像は空のalt（
alt=""）で省略可 - キーワードを不自然に詰め込まない
- 100文字以内を目安に簡潔に
alt属性で押さえるべきポイント
alt属性を「キーワードの詰め込み場所」と勘違いする方がいますが、これはガイドライン違反です。あくまで画像の内容を正確に伝える説明文として書くのが王道です。
alt属性を実践するなら
Saguru なら、月額270円から、SEOキーワード調査・上位サイト分析・自サイトSEO診断のすべてが使えます。「alt属性」を理解した上で、すぐに実践に移せます。
登録なしで1日5回まで無料 ／ メール登録で1日30回 ／ ベーシック月額270円
alt属性についてよくある質問
alt属性は必須？
HTMLの仕様上は必須です。装飾画像でも空のalt（
alt=""）を明示することがアクセシビリティ上推奨されます。altとtitle属性の違いは？
altは画像が表示できないときの代替テキスト、titleはホバーで表示される補足情報です。SEOへの影響度はaltの方がはるかに大きいです。
すべての画像にキーワードを入れるべき？
いいえ。不自然なキーワード詰め込みは逆効果です。画像の内容を素直に説明することがSEOにも有効です。