メニューのマウスオーバーについて

質問

表題の件ですが、やり方はとてもたくさんあります。
JavaScriptやcssなど。

JavaScriptの場合、検索結果で、メニューとして、JSを使用した箇所が表示されません。
画像置き換えの場合text-indent:-9999px;やdisplay:none;とした際、評価が下がるとのことです。

どちらにもデメリットがあるようですが、今主流となっているマウスオーバーでの画像の切り替えはどのようなものでしょうか。

ご協力お願いいたします。

回答No.1

ORUKA1951 · ベストアンサー

＞画像置き換えの場合text-indent:-9999px;やdisplay:none;とした際、評価が下がるとのことです。
　それはありません。
　それがまずいと判断されるのは、隠しリンクになっていたり、コンテンツ自体を隠してしまったときだけです。
　javascriptを使うと、javascriptでドキュメントの書き換えやjavascript自体を無効にしているユーザーに表示されないこと。そしてなによりも検索エンジンにリンクを知らせることが出来ない欠点があります。googleには、
【引用】＿＿＿＿＿＿＿＿＿＿＿＿
Lynx などのテキスト ブラウザを使用して、サイトを確認します（ほとんどの検索エンジンのスパイダーには Lynx で見えるようにサイトが映ります）。JavaScript、Cookie、セッション ID、フレーム、DHTML、Flash などの特殊な機能が使用されているためにサイトの一部がテキスト ブラウザで表示されない場合、検索エンジンのスパイダーがサイトをうまくクロールできない可能性があります。
￣￣￣￣￣￣￣￣￣￣￣￣￣ここまで［ウェブマスター向けガイドライン - ウェブマスター ツール ヘルプ( http://support.google.com/webmasters/bin/answer.py?hl=ja&answer=35769#2 )］より

　CSSを使う一番の理由は、まさにSEOなのです。HTML自体は検索エンジンには率直で文書構造がはっきり理解できるものになっています。(ソースを見ると)
　それでいて、CSSを書き換えると、様々にデザインできます。(表示メニューからスタイルを選択してみる。また印刷プレビューも確認)
　⇒ナビゲーションリストを様々にデザインしてみよう。( http://www.ichiya.com/WebService/Howto/sample/HTML/nav/navigation1.html )

　添付はLynxで見たとき

お礼

回答ありがとうございます。

尊敬するORUKAさんが言うので間違いないですね。
いつも事細かに解説していただき、ありがとうございます。

とても勉強になります。