Vol.39 画像のimgタグにあるaltってなに? [★アクセスアップ] Tweet
imgタグのaltってなに?
ご訪問ありがとうございます。
昨日の記事でaltのことができたので、今日はalt属性について書きます。
ブログに画像を挿入する場合、so-netブログでは、画像をアップロードしてその画像をクリックすればいいだけなのでブログに画像を入れるのって簡単です。
でも、alt を使わないままにしていませんか?
<a href="~"><img src="/ ~height="124" border="0" align="" alt="a8.JPG" /></a>
so-netブログでアップロードした画像ファイルをクリックしただけでは、画像の名前がそのままalt属性に入力されています。
imgタグにalt属性を使うのはそれが何の画像なのか説明するためです。
画像にマウスを持っていくと、どんなテキストが入れられているかわかります。
画像にマウスを持って行くと表示されるテキスト枠をツールチップ (tooltip) というんですが、テキストブラウザや画像表示をOFFにしている方のためにも、このテキストは入れておいた方がいいですよ。
でも、画像にテキストを入れるのは、画像が表示されない時のためだけじゃないんです。
html の alt にテキストを入れる意味
サイトやブログを運営する場合、検索エンジン対策(SEO)が大切なんですが、SEO(検索エンジン最適化)のためにも必要なんです。
検索エンジンロボットはあまり優秀ではないので、画像や動画に書かれているテキストを読むことはできません。なので、画像や動画を多用するとやたらスペースがあるのに何も書かれていないページとして判断されてしまうんです。
また、Google Image Search(Google 画像検索)では、altのキーワードで表示されます。
altに含まれるキーワードだけでなく、前後のテキストからも判断されるんですが、やはりaltにテキストを入力すると有利です。
SEOに効果があるといっても、長すぎるテキスト・全然関係のないキーワードはスパムと判断されてしまします。
ちょっと入力するだけでできるSEOなので、ぜひ試してみてください。
※Forefoxなどでは、altでは表示されないのでtitle属性を使います。
alt属性とtitle属性を利用するとtitle属性が優先されるようです。
関連記事
Vol.38 A8.net(エーハチ)の「お買いものセルフバック」で稼ぐ!
タグ:アクセスアップ
こっそりと「面白コメント」あったりして
楽しませていただける方もいらっしゃいますね♪
by nano (2011-02-09 23:14)
これって編集画面で編集できるってことですよね。
知りませんでした。写真を保存する時点で
名前を変えておかなきゃならないのかと・・・。
by sarisari (2011-02-10 00:28)
なるほど〜知りませんでした。
勉強になりました。
by pandan (2011-02-10 06:46)
nano さん、こんにちは。
それありますよね~。
見つけて一人でニヤっとしたりして。(^-^)
by yukiko (2011-02-10 15:42)
sarisari さん、こんにちは。
編集画面で編集できます~。
ぜひ試してみてください。(^-^)
by yukiko (2011-02-10 15:44)
pandan さん、こんにちは。
お役にたててうれしいです。(^-^)
by yukiko (2011-02-10 15:45)