JavascriptでのロールオーバーはSEOには不利なのですか？

質問

素人な質問ですが宜しくお願いします。

CSS+XHTMLでサイトを作成していますが、いつも、ロールオーバーボタンで悩んでいます。
CSSでももちろん実現は出来るのですが、Javascriptを用いたものはやはりSEO対策としては不利なのでしょうか？
例えばメニューとかであれば、リスト+Javascriptロールオーバーとすれば同じ効果が得られるものではないのでしょうか？
HTML本文でのJavascriptの呼び出しソース自体が不利ということでしょうか？

ロールオーバーって共通パーツ以外にいろんな所で使うので、その都度CSSで設定する必要があり、javascriptで実現した方が簡単な気がするのですが・・・（「慣れ」かもしれませんが・・・。）

どうか、よきアドバイスお願いいたします。

回答No.1

sanas · ベストアンサー

SEOはそもそも、データ（テキスト）の重要度や意味づけを正しく行うことで、検索エンジンのロボットに意図どおり理解してもらおうという趣旨のものです。

それを前提にすると、JavaScriptとSEOの関係は、簡単に言えば「ロボットはスクリプトで書き出したものを読まない」ということだけです。
つまり、評価してほしいキーワードや文章などをJavaScriptで書き出しさえしなければ、別段不利にはなりません。

基本的には、
・効果部分だけをJavaScript
・テキスト部分はHTMLなど
とされるのをお勧めします。
リンクテキストはそれなりに評価が高いので、<A>タグ自体もJavaScriptでは書き出さないほうがいいですね。

参考URL：

http://www.su-jine.com/sujine_seo_column0017.html

お礼

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

Javascriptも使い方次第ということが分かりました。
参考になりました。
使い分けしていこうと思います。
ありがとうございました。

回答No.4

noname#19175

JavaScriptで動的にメニューを生成するタイプは検索ロボットに拾われません。
http://www.dynamicdrive.com/dynamicindex1/sm/index.htm
sample.htm: http://www.dynamicdrive.com/dynamicindex1/sm/sample.htm

あらかじめHTMLでメニューを作成しておき、onloadでそのHTMLにスタイルを割り当てるタイプのスクリプトなら検索ロボットに拾われます。
http://www.dynamicdrive.com/dynamicindex1/chrome/index.htm
demo.htm: http://www.dynamicdrive.com/dynamicindex1/chrome/demo.htm

どっちが作りやすいかは慣れでしょうね。

お礼

ご回答ありがとうございます。
ご紹介のページ拝見しました。
非常に参考になりました。（ぜひ取り入れてみたいサンプルでした。）

ありがとうございました。

回答No.3

partita

デザインの問題だけであれば、CSSであろうがjavascriptであろうが問題ないと思います。

私は、共通するメニューのロールオーバーはCSSで、単発ボタンのロールオーバーはjavascriptで記述します。前者はソースコードが簡潔になる利点があると思います。

お礼

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

私も、今のところそのように分けています。
安心しました。m(__)m

回答No.2

UKY

ちゃんと HTML が書かれていれば問題ないと思います。

検索エンジンのロボットは、CSS を理解することもできないし、スクリプトを実行することもできないし、画像を解釈することだってできません。(少なくとも建前上は)
つまり、検索エンジンのロボットは音声ブラウザやテキストブラウザと同じで、純粋に HTML に書かれた文章しか理解できないのです。そういう意味では SEO 的に問題があるサイトというのは音声ブラウザやテキストブラウザで読めないサイトとイコールだと考えることもできます。

単純にスクリプトを使うこと自体が問題になる訳ではありません。しかし、スクリプトが使えない／無効になっているブラウザで閲覧に支障があるという場合は、アクセシビリティ的にも SEO 的にも問題があると思います。

お礼

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

Javascript　ON/OFFに関して、頭に入れて作るように気をつけていこうと思います。
精緻なHTMLを書くということが大切なんですね。