alt属性とは? /その他・HTML関連トピックス /Dreamweaver入門 ドリームウィーバーの使い方
HOME > WEB製作関連トピックス > その他・HTML > alt属性とは?
alt属性とは?という記事です。
ドリームウィーバーでサイトを作る際、画像を入れるときはALT属性を忘れないようにしましょう。
※外部記事からの引用です。
ちょっとhtmlに慣れてくると画像を貼り付ける事があると思います。
面倒な事は置いておくとして、基本的な構文は
というものです。
ただ画像を表示させるだけなら、img src= で画像URLを指定するだけです。
じゃ、altってなんぞや?という話になります。
alt = alternative(オルタナティヴ)
つまり、代用という意味。
コレを指定しておかないと、万が一画像リンクが切れたら画像は表示されなくなります。
すると、バッテンマークが表示されてみっともないことになるわけです。
指定しておけば、画像リンクが無くなっても「alt」で指定した文字列を表示させられます。
ただ、そんな事はどうでもよろしいのです。
重要なのは、alt属性の指定は必須だということ。
なんで?いちいち指定するの面倒ジャン?
というのは、自分本位のエゴです。よく考えてください。
Webサイトの閲覧は、必ずしも画像が表示される環境とは限らない、ということ。
それ以上に、「閲覧」というのが必ずしも「見る」事を指していないということ。
PCのディスプレイなんて「見るもの」でしょ?というのも、供給者の傲慢です。
視覚障害の方も、音声再生を利用して「閲覧」しているのです。
実際、視覚障害をお持ちで、
オンラインビジネスに果敢に取り組んでいる方を私は知っています。
ここで画像のalt属性がなかったら?
ところどころ歯抜けでは困りますよね?
画像がバナーとして、リンクになっているなら、なおのことではありませんか?
そんなわけで、
大手(と言われている)アフィリエイトサービスプロバイダのバナーリンクをちょっと確認しました。
幾つかサンプルをとってみたのですが・・・・
A8ネット:alt=""
Amazon:インラインフレームを用いている。ブラウザによっては表示されないこともある。
楽天:alt属性なし
情報商材系
infotop、infocart、infohouse :alt属性なし。
サブライムストアのみ alt属性あり。
サブライムストアはちょっとマイナーっぽいですが、審査が厳しいことで有名なASPです。
2ティアリンクは貼りません
自分の下のアフィリエイターさんを教育してあげるほど暇でもありませんから
とりあえず調べた限りはこんな感じでした。
alt属性が無い、もしくは空白がデフォルトってのはちょっと・・・ですね。
皆が大好きSEO対策
何か根本的なところを間違ってやしませんかね?
特にSEO対策を謳っている商品バナーのalt属性が無いってのは何の冗談なのでしょうか(悩)
altとは別にtitle属性というものもあります。
これは「リンク」のタイトル属性なので、画像に適用させるのは望ましくないようです。
それにしても、大手ASPのバナーがこんな感じだったとは、改めて調べると驚きました。
バナーの多いサイトは検索順位が低い・・・と言われてますが、
コレのせいじゃないのかな?
なお、A8や楽天のタグは勝手に変更するのは規約違反のはずです。
間違ってもやらないように。
http://cybersurvivor.biz/alt.htmlアーティクルリソース:http://www.infomake.org/
WEB製作関連トピックストップへ
・マーケティング・集客関連
・SEO(検索エンジン対策)
・コピーライティング(文章術)
・その他・HTML