プロが教えるわが家の防犯対策術!

通常時とマウスオーバー時の2枚の画像を使い、メニュー部分でCSSでロールオーバーを使っています。
この場合、マウスオーバー時に画像を読み込むため一瞬アイコンがちらつくようになるのを防ぐため、同じページにマウスオーバー時の画像を敷き詰め、display: noneで非表示にしています。

隠しテキストはSEO的にNGとわかりますが、隠し画像も同じ扱いなのでしょうか?
ちなみに隠している画像にはaltは付けていません。

個人サイトですが、できるだけSEOに問題ないようにしたいので、どうかご教示ください。

また2枚の画像を使ったCSSロールオーバーで、このチラつきを防ぐいい方法があれば教えてください。
よろしくお願いします。

A 回答 (3件)

結論から言うと、SEO的にNGなのは、サーチエンジンがインデックスするための


テキストに関する事が主で、画像に関してはあまりNGは無いと思います。

サーチエンジンがインデックスする際、<h1>タグ等の内容を、サイトの重要事項と
位置づけますので、サイトと無関係の文字列をサーチエンジン対策のためだけに記述したり、
サイトと関係のある文字列でも、見栄えを気にして<h1>等のタグの文字列を極端に小さくしたり、
背景色と同色にしたりするとNGになります。

クロール(サイトを巡回してデーターを集めるプルグラム)は、以上のように文字列のみを拾い、
そのサイトがどんな内容のサイトなのかを判断しますが、画像に関してはスルーしていると思います。
    • good
    • 0

「display:noneを利用してテキストを非表示にするのはスパム?」


http://www.alphaseo.jp/seo-faq/inside/070123_246 …

邪な使い方さえしなければ、問題ないと思います。
    • good
    • 0

ロールオーバーですが、


2枚の画像をつなげて1つの画像にして、
マウスオーバー時に表示位置を変更する方法もありますよ
    • good
    • 0

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!