画像の挿入とalt属性の重要性

imgタグを使うとページに画像を表示できます。写真やイラストや図解を適切に配置することで文章だけでは伝わりにくい情報も視覚的に説明できます。ファイルサイズが大きすぎると表示速度が落ちるため画質とのバランスを見ながら適切に圧縮しておくことも大切です。

alt属性で意味を補足する

alt属性は画像の代わりに表示されるテキストです。画像が読み込めない環境や音声読み上げソフトを利用するユーザーに向けて内容を説明する役割があります。検索エンジンはaltの内容も参照するためどのような画像なのか分かりやすい文章で記述しておくとSEOの面でも有利になります。

See the Pen 画像の挿入とalt属性の重要性 by Syo Yanai (@h1-tech-japan) on CodePen.

良いaltテキストの書き方

ただのイメージ画像と書くのではなく例えば制作実績のサムネイルなら店舗名や業種やページの目的などを含めて説明します。装飾目的のアイコンなどどうしても意味を持たせなくて良い場合は空のaltにするという判断もあります。画像ごとの意図を考えながら適切なテキストを付けていきましょう。