- ベストアンサー
イメージマップと画像のスライスについて
- イメージマップと画像のスライスについてのメリットやデメリット、SEOへの影響などについて教えてください。
- イメージマップと画像のスライス、どちらが良いのか迷っています。追加変更やHTML管理の手間を考えると、イメージマップの方が便利なように思えますが、SEO上の不利な点はありますか?
- イメージマップでhover時に変化をさせることは可能でしょうか?もし不可能な場合、スクリプトでマップエリアの座標を取得して描画する方法はありますか?
- みんなの回答 (1)
- 専門家の回答
質問者が選んだベストアンサー
HTMLの最も重要な基本は文書構造に従って正しくマークアップするこどてす。SEOというものが存在するなら、それはまさにこれを意味しています。 たとえば、それがナビゲーションリンクでしたら、 <ul class="nav"> <li><a href=""><img alt="トップ"></a></li> <li><a href=""><img alt="製品"></a></li> <li><a href=""><img alt="サポート"></a></li> <li><a href=""><img alt="コンタクト"></a></li> </ul> ※HTML5なら、<nav>という要素がある。<ul class="nav">を<nav>に変更する。 そのうえで、スライスした画像をスタイルシートで並べればよいでしょう。 イメージマップほ使うときも、画像を見めないプラットフォーム--もちろんサーチエンジンも---のためにきちんとナビゲーションを書いておけばよいです。 したがってきちんとマークアップされていれば、イメージマップだろうが、画像スライスだろうがSEO的には大差ないでしょう。 もちろん、一枚の画像をまったくスライスせずにリンクを並べることもできます。(四角に限られますが)・・そのほうが良いかも・・最も楽ですしね。 【資料】読んでおくべき仕様書の該当部分 14.1 スタイルシートの概説 ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/present/styles.html#h-14.1 ) 【引用】____________ここから ユーザエージェント及び著者は、グラフィックが得られない場合やユーザエージェントがグラフィックにアクセスできない場合のために、グラフィック系イメージマップに関する代替テキスト内容を提供する必要がある。 例えば、ユーザエージェントは、altテキストを用いてグラフィック系イメージマップの位置にテキストリンクを生成してよい。 こうしたリンクは、キーボード入力や音声入力など、様々な方法でアクティブにできる。  ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ここまで[Objects, Images, and Applets in HTML documents( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/struct/objects.html#h-13.6 )]より
お礼
回答ありがとうございます 最後に行き着いたのが四角に限られるリンク・・・だったのですが 日本地図の各県を・・・ということなのでマップかスライスにしようと しています。 サイトの紹介ありがとうございます。 時間をつくってじっくり読んでみます。