• ベストアンサー

検索エンジンのクローラについて質問

検索エンジンのクローラはCSSファイルも考慮するのでしょうか。 いきさつをカンタンにお話しますと、 <a href="***"><img src="aa.gif" alt="リンク画像"></a> と、画像にリンクをはることが多いのですが、 <a href="***">リンク画像</a> としてから aタグに a{text-indent:-9999px;background-image:url("aa.gif");} とする方法もあります。 これらの方法の是非はともかく、前者の方法だと、altが検索対象ですよね。後者の場合、aタグの中身を検索対象にすると思うのですが、CSSを考慮すると、text-indentの設定が邪道のようにも思えて、スパムみたいな扱いを受けないかと思いました。 CSSが検索対象になるのか、ならないのか・・・。 どっちなんでしょうか。 お暇なら回答お願いします。

  • HTML
  • 回答数3
  • ありがとう数2

質問者が選んだベストアンサー

  • ベストアンサー
  • coder
  • ベストアンサー率50% (3/6)
回答No.3

えっと「HTML内部にCSSを埋め込んだ場合」はよく分からないですが、「外部CSSの場合」は読まないと思います。 特にa{text-indent:-9999px;background-image:url("aa.gif");} のようなやり方って、インチキ目的でなければ本格的なCSSコーディングをする場合ですよね? その場合は@importだったり、ブラウザ毎に読み込ませるcssを作ったり。 それって読まないと思いますよ、というか僕自身のサイトがxhtml+cssで作ってあって(cssは外部)そのやり方をしてますがスパムになってませんので。 ※インチキ目的ではなく、cssで管理した方が画像サイズが変わったときとかに一括変更できるのでそうしてます。html側に埋め込んじゃった場合は全ページでリサイズしなきゃいけないので・・・めんどい。

その他の回答 (2)

回答No.2

>CSSが検索対象になるのか、ならないのか・・・。 >どっちなんでしょうか。 昔は違っていましたが、今はCSSもきっちりクローラーがサーチします。当然このようなアルゴリズムは外部に公開されることはありませんのでどういったものをスパムと見なすかは判断が難しいですが、意図的にCSSを使って変に工作したりしたものはスパムと見なされる確率は高いですね。文字のポイントを1にしてテキストを並べるとかもそのうちのひとつです。示されている >a{text-indent:-9999px;background-image:url("aa.gif");} などはCSSスパムとなりペナルティの対象になります。 注意してください。詳しくは「SEO CSS スパム」で検索して下さい。

  • JeanneNet
  • ベストアンサー率48% (100/208)
回答No.1

こんにちは、じゃんぬねっと です。 CSS は見ていません。 検索エンジン関係は、SEO/SEM などをキーワードにして検索すると良いですよ。

関連するQ&A

  • text-indentとIE6との関係性

    <p><a href="#"><img scr="画像" /></a></p> 上記のようなタグ構造で、CSSで誤って p { text-indent: -9999px; } としたところ、画像が消えてしまいました。 ただFirefoxやsafariでは問題なくリンク画像として表示されました。 これはIE6のバグですか?

    • ベストアンサー
    • HTML
  • オンマウスで画像変更(CSS)

    リンク画像にカーソルを乗せると画像が変わる、というものをやりたいのです。 シンプルに記述できる分JavaScriptよりもCSSの方がいいのかなと思ったのですが、 CSSだとimgタグではなくbackgroundを入れ替える形になり、 そうするとaタグでテキストを使い、そのテキストを隠さなければいけません。 display:none;やtext-indent:-9999px;は使いたくないのですが、 他の方法はありますか? また、こういうオンマウスで画像変更ってJavaScriptとCSSどちらが主流なのでしょうか? よろしくお願いします。

    • 締切済み
    • CSS
  • Flashで作った画像をHTMLに取り込むにはどうしたらよいでしょうか

    フラッシュでホームページで使うボタン(ナビ)を作ってみたんですが HTMLへの取り込み方が分かりません。 取り合えず画像ボタンを取り込む方法でタグ打ちしてみました。 <a href="index.html"><img="○○○.gif" alt="リンクボタン画像"></a> ↑画像をリンクボタンにするときはこのような書き方をしますよね? 同じように <a href="index.html"><img="○○○.swf" alt="リンクボタン画像"></a> ↑みたいに書いてみました。当然、正常に動作しませんでした。 フラッシュで作ったボタン(ナビ)をHTMLに取り込むにはどうした らいいのでしょうか?

  • <li>タグを使って横並びメニューボタンを作成する際ベストな手法とは?

    CSSで、横並びのメニューボタンを作成しています。 (文字も画像にしています。) imgタグで並べるのではなく、liタグを使って、テキストは表示しないようにしたいと思い、下記のようなソースで記述しました。 /*htmlソース*/ <li class="tmenu01"><a href="sample">はじめに</a></li> /*cssソース*/ li.tmenu01 { display:block; width:126px; height:31px; background:url(image/menu01.gif) no-repeat; text-indent:-9999px; float: left; } しかし、text-indent:-9999px;とfloat: left;をいっしょに使用すると、背景画像・文字とも表示されなくなってしまいます。 いろいろネットを調べてみたのですが、文字を飛ばす+横並びのバージョンの解決方法が見つからず、方法がわかりません。 いい方法がありましたら、どなたか教えてください…m(_ _)m

  • jqueryのloadで読み込んだページ内でthickboxで画像を表示する方法

    画像表示処理方法で教えて頂ければと思います。 テスト用に2つのファイル(index.html, test.html)を用意しました。 index.htmlで thickboxを使用して画像をクリックすると希望通り (画像がアップ表示)の動作をします。 しかしindex.htmlのloadで test.html読み込んだ時の画像部分が、 target="_self"で押したときの動作になってしまいます。 解決方法、よろしくお願いします。 -----index.html----- <html> <head> <link href="thickbox.css" type="text/css" rel="stylesheet" /> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="thickbox.js"></script> <script type="text/javascript"> <!-- function init(){ $("#Test").load("test.html"); } // --> </script> </head> <body onload="init()"> <div id="Test"></div> <hr> (2)<a href="test.gif" title="" class="thickbox"><img alt="" src="test.gif" /></a> </body> </html> -----test.html----- (1)<a href="test.gif" title="" class="thickbox"><img alt="" src="test.gif" /></a>

  • 画像ボタンの表示位置調整

    html書類上に、<a href="***.html"><img src="***.gif" alt="***"></a>という タグで設置した複数のリンクボタンの位置を外部CSSで細かく調整したいのですが、 該当ボタンをCSSからどのように対応させれば良いのでしょうか。 宜しくお願い致します。 macのテキストエディットで作成しています。

  • p target とは

    <p target="_blank"><font color="#ff00ff" size="4"><a href="リンク先"></a> <img alt="表示" src="faile address.gif" /> </font></p> の意味を教えていただけませんでしょうか。 いろいろなサイトのソースを見て勉強させていただいてるんですが、後ろのアドレスにターゲットブランクを入れると別窓表示というのは知っていました。でもあるサイトで上記のようなタグが入っており、 ブラウザで見るとfaile address.gifの画像がでてるだけで クリックしてもリンク先が表示されないし このタグのすぐ下にテキストリンクでリンク先が <a href="リンク先">リンク先</a>のように のっています。 これはどういう意図のタグになるんでしょうか。 <p target="_blank">で検索してみても 出てきませんでした。 詳しい方、よろしくお願いします。

    • ベストアンサー
    • HTML
  • 画像の位置を指定するCSS

    画像の位置を指定するCSS 文字の前にポイント画像を<img src="~.gif" alt="" />のタグで置きたいんですが、ずれて文字の上のほうに表示されてしまいます。 すごく簡単に文字の中央に表示されるように指定できるCSSのタグがありますがどんな記述だったか忘れました。 検索しても出てこないので困ってます。 どなたか教えてください。 ちなみに background: url(hogehoge.gif) no-repeat 10px 0.5em;list-style: none;} これではないです。 もっと簡単でtext-alignのようなかんじの記述です。でもtext-alignではないです。 middleみたいな記述があった記憶があるのですが確かかどうか自信ないです。

    • ベストアンサー
    • HTML
  • text-indentの画像置換とimgタグ

    CSSのtext-indent-9999pxの画像置換とimgタグについて質問です。 上記はどちらも画像を表示させると言うことに関しては、同じだと思うのですが 何が違うのでしょうか? CSSで画像表示させれば、何かが楽になるとかあるのでしょうか? よろしくお願い致します。

  • 引数を2個使いたい場合 Javascript

    こんにちは。 Javascriptについてアドバイスお願いします。 ■やりたいこと 「普通」「大きい」と言うテキスト画像をクリック することでCSSを入れ替える。 ・外部JSにしたい ・<input>のボタンではなく画像を使う ・一つのページで使うCSSは2種類(共通.cssと各頁ごとの設定用) 作ってみたスクリプトは下記の通りです。 function chooseCSS(csstype,cssname){ if(csstype == "normal"){ document.getElementById("baseCSS").href = "base.css"; document.getElementById("eachCSS").href = cssname + ".css";} else{ document.getElementById("baseCSS").href = "base2.css"; document.getElementById("eachCSS").href = cssname+"2.css";} } --------------------------------------------- HTMLの記述 ☆head内 <link href="base.css" rel="stylesheet" type="text/css"> <link href="base.css" rel="stylesheet" type="text/css" id="baseCSS"> <link href="top.css" rel="stylesheet" type="text/css"> <link href="top.css" rel="stylesheet" type="text/css" id="eachCSS"> ☆body内 <a href="javascript:void(0)" onClick="chooseCSS('normal','top')"><img src="img/btn01.gif" border="0" class="normal"></a> <a href="javascript:void(0)" onClick="chooseCSS('big','top')"><img src="img/btne02.gif" border="0" class="big"></a> --------------------------------------------- ローカルでは動いていたのでサーバーにUPしたらネスケとsafariは動作するのにIE(JSの設定は有効になっていました)だけ動かなくなりました。 あまりJavascriptは得意ではないので どなたかアドバイスお願いいたします!

専門家に質問してみよう