img要素

このエントリーをはてなブックマークに追加

画像などを表示する為のimg要素はwebサイトをビジュアル面で支えるなくてはならない要素です。

SEO上またユーザービリティ・アクセシビリティ上alt属性を記述することが望ましいです。

<img xsrc="logo.jpg" alt="SEO対策TIPS" />

alt属性は代替テキストなので、ロゴに対して『とあるWEBクリエイターのロゴ』のように画像の説明を記述するのは好ましくなく『とあるWEBクリエイター』と画像の内容を記述する必要があります。
どうしても画像の説明を記述したい場合はtitle属性を利用して記述すようにしましょう。

<img xsrc="logo.jpg" alt="SEO対策TIPS" title="logo" />

alt属性に長い文章が入っているとSEO効果が全くなくなる為、IEで表示されるツールチップ1行分(40byte位)に収める必要があります。

またYSTに関してはalt内のキーワードは読み取りません。

画像上に長い説明などが記述されている場合は、img要素を使用せずCSSの画像置換やBIR(Bob Image Replacement)などを利用してテキストとして記述するのが好ましいです。

豆知識-画像置換

html上に記述されているテキストを画面外に表示して背景のみを表示する技術の事

参考:画像置換(CSS TIPS)

スポンサードリンク