今日は、SEO（検索エンジン最適化）の観点から、画像にまつわるテクニックについてまとめてみたい。なお、この類の話はSEOの専門業者が必死になって書いている話なので、知っている人にとってはつまらないかも。
まず、SEO、といった場合、今日現在ではGoogleに対する最適化をさすと思ってよい。SEOテクニック自体はいくらでもあるが、今回の話で重要なポイントは、Googleが見出しやハイパーリンクに書かれているワードを重視すること、また、img要素のalt属性で書かれたテキストは、ただのべたテキストに比べ比重が（圧倒的に）低いことである。
ここから導き出される簡単な結論は、見出しやリンクに対してimg要素を使うのはSEO的に損だということである。サイト内リンクにテキストではなくimg要素を使ってしまうと、リンク先のページを低く評価されてしまうことになる。また、見出しにimg要素を使うことも、同様にページを低く評価されてしまうことにつながる。SEO業者のサイトで、画像ではなくテキストを、と書いてあるのはそのためである。
では、画像をなくしてしまえばいいのか、というと、そうでもない。画像のないページはインパクトが低く、いまや学究系のサイトでさえそのようなページは嫌われる。SEOの目的が来場者（＝潜在的顧客）を増やすことであれば、来場者をつなぎとめるための見た目も必要である。そこで、 ADP: 背景画像でタイトルやADP: ADPでのCSSロールオーバーといったテクニックが重要になる。どちらも、CSSで指定した背景画像を使ってテキストを「結果的に」隠すというやり方で、見た目は画像、中身はテキストという一挙両得をねらえる。同様のやり方には、CSSのdisplay:none;やvisibility:hiddenを使ってテキストを消したり、JavaScriptを使ってソースを書き換える方法がある。しかし、どちらもSEOスパム手段として広く知られているので、Googleに悪い評価をもらう危険性がある（ADPで使われているテクニックもSEOスパムに転用することは可能だが）。
背景画像を使う、という方法をつきつめれば、ページ内の画像をすべて背景画像にしてimg要素を全廃すればいいのではないか、と思う人もいるだろう。だが、これではまた問題が生じる。IE6では、デフォルトの設定だと背景画像が印刷されないのだ。このため、画像が決定的に重要な場合は、img要素を使わなければならない。画像が決定的に重要な場合、とは、店舗へのアクセスマップであったり、日記での今日はこんな写真を撮りました画像であったりする。ADPでは、この場合のみADP: 携帯対応も考えた画像表示を用いている。これは、JavaScriptによって画像へのリンクを画像そのものに変更するやり方である。前述のように、JavaScriptでのソース書き換えはSEOスパムにも使用されているので、出来るだけ使わない方がいいが、ADPは携帯電話対応をもくろんでいるので、しかたなく使っている。
トラックバックURL: http://adp.daa.jp/cgi/mt2/mt-tb.cgi/130