alt属性
更新日:
alt属性とは
alt属性はHTMLのimg要素やinput要素で使用され、画像や写真が表示されない場合に表示する代替テキストを指定するための属性です。
altは”alternative”の略で、「代替テキスト」や「altタグ」「altテキスト」とも呼ばれます。
この属性は、画像の内容をテキストで説明し、画像が表示されない時にその役割を果たします。
alt属性の効果
alt属性を適切に設定することによる効果は以下の通りです。
- アクセシビリティの向上
画像が表示されない時、または視覚障害を持つユーザーがスクリーンリーダーを使用している場合に、画像の内容をテキストで伝えることができます。 - SEOの強化
検索エンジンは画像の内容を直接解析することができませんが、alt属性のテキストを通じて画像の内容を理解し、ウェブサイトの検索ランキングを改善することが可能です。
alt属性の正しい使用方法
alt属性の設定はHTMLソースコードで行われます。適切なalt属性の設定例は以下の通りです。
<img src="image.jpg" alt="画像で何が表現されているか説明文を記載する">
この例では、imgタグにalt属性を追加し、画像の内容を簡潔に説明しています。
画像の内容に即したキーワードを用い、適切な長さのテキストで記述することが重要です。
画像が伝えるべきメッセージを正確に記載することで、ウェブサイトのアクセシビリティとSEO効果を高めることができます。
よくある質問
📕alt属性とは何ですか？
📖alt属性（代替テキスト）とは、HTMLのimgタグ内で使用される属性で、画像の内容をテキストで説明するものです。視覚障害者向けのスクリーンリーダーが画像の内容を伝える際や、画像が何らかの理由で表示されない場合に、このテキストが代わりに表示されます。また、検索エンジンは画像の内容を直接理解できないため、alt属性を参照して画像の内容を把握し、適切にインデックスします。そのため、alt属性はアクセシビリティの向上とSEO対策の両面で重要な役割を果たします。
📕alt属性を設定する際のポイントは何ですか？
📖alt属性を設定する際は、画像の内容を的確かつ簡潔に表現することが重要です。例えば、風景写真であれば「夕焼けの富士山」のように具体的に記述します。キーワードを詰め込みすぎると、検索エンジンからスパムと判断される可能性があるため避けましょう。また、装飾目的の画像や意味を持たない画像には、alt属性を空に設定することで、スクリーンリーダーが不要な情報を読み上げないように配慮します。これにより、ユーザー体験の向上とSEO効果の最適化が期待できます。
📕alt属性を適切に設定することで、SEOにどのような効果がありますか？
この記事の執筆者・監修者。当サイトの運営者で、目からウロコのSEO対策「真」常識の著者。主にSEOの考え方について、現場での経験から、どのようにGoogle検索エンジン対策を行えばよいかを具体的に解説できるよう努めています。再検索キーワード調査ツール、トピッククラスター構築ツール、共起語検索ツール、競合キーワード調査ツール、キーワード候補調査ツール、検索ボリューム調査ツール、見出し抽出ツール、サジェストキーワード取得ツール、MEO順位チェックツールの考案者であり開発者。更に詳しくはプロフィールをご覧ください。SEO対策のお仕事に関するご依頼・お申し込みは、こちらのフォームから承っております。
SEOお見積り相談
お気軽にSEOチェック
初心者向けアドバイス
AIでSEO対策
