alt属性は画像とセットで使用する
訪問者向けにコンテンツをわかりやすく説明する為に画像を挿入するという事はとても効果的です。訪問者がそのコンテンツを理解し満足すれば、あなたのウェブサイトはその訪問者のブックマークやリンクを自然に獲得することができるからです。
一方で検索エンジンは張り付けた写真や画像は何を意味しているか判別する事ができません。その為、検索エンジンに画像の内容を理解してもらう為に画像に対してalt属性というHTMLタグを記述します。
<img src=”/example.png” width=”200″ height=”200″ alt=”ここに画像の内容を簡潔に記述”>
例えば猫の寝ている写真をウェブに掲載する場合は、alt属性に”寝ている猫”と記述する事ができます。
alt属性は様々なケースで使用される
alt属性は、検索エンジンに画像の内容を伝える意図で使用されますが、その他にもスクリーンリーダーというテキストを読み上げるソフトの場合もこのalt属性を読み上げます。
また、インターネットの通信速度が遅い環境では、画像が読み込まれるまでの間にこのalt属性で指定したテキストが表示されます。
検索エンジンは利便性の高いウェブサイトも評価しますので、画像にはalt属性を含めておきましょう。