ロールオーバー等に画像配置を使用する場合、HTML上のテキストをブラウザで非表示にしたいのですが、aタグに対してtext-indent:-9999px;やoverflow:hidden;を使用すると隠しリンクとしてマイナス評価を受ける可能性があるかと思います。このような場合、どのようなテクニックを使うのが相応しいのでしょうか？どなた様かご教授宜しくお願い致します。
aタグに対してtext-indent:-9999px;やoverflow:hidden;を使用しても隠しリンクとしてマイナス評価を受ける可能性はありません。
根拠は？
言い切ったｗｗｗマイナス評価されてる統計データが出てるけど、それを否定できるだけのエビデンスを持ってるってわけだ。是非教えて欲しい。
すげえ！そうなんだ！きっとこの人はGoogle内部の人なんだろうね！
グレーじゃなかったっけ。
googleの中の人はマイナス評価すると言ってますが、実際は使い方で評価しているらしい。画像とテキストの内容が一致しているなら問題なしとか。
span で囲んで display: none;
コメントありがとうございます。display: none;、visibility: hidden;などもスパム行為とみなされることがあるのではないかと思うのですが、いかがでしょうか？
見なされると思うよもう画像にalt書いときゃいいじゃん
それこそgoogleの中の人じゃないと分からないし、オレも画像にaltが一番ベストだと思う。
altが安心な策なのですね！コメントありがとうございます。
「多分」大丈夫です。理由としては自分も多用しているがちゃんとインデックスされているし、ウェブマスターツールでも何のメッセージもでてない。ただ、あくまでも「多分」です。なぜならアルゴリズムはGoogleの人間しか分からないからです。SEO的にはtext-indentで飛ばしたテキストと画像の内容が合っていれば問題ではないと言われています。
なるほど！悪質な隠し文字等ではない限り、text-indent:-9999px;を使用しても今のところ問題はないということですね。私もこれまで違反報告はなかったのですが、ネット検索してみるとこれらの行為もスパムとみなされることがあると読んだもので、お尋ねした次第です。コメントありがとうございました。
それでペナルティとか言われても知らんがなという事でspanで囲ってdisplay:none;してる。これがダメって言われると、じゃあ何のためにdisplay:none;があるのかって話だし、ロールオーバーはGoogleの大好きなユーザーの為のものだし。ちなみに、text-indent:-9999px;だとspanいらないから楽かもしれんけど、プロパティの意味を考えると、違うなと思うのでdisplay:none;にしてる。
コメントありがとうございます。これまでspanで囲んでdisplay:none;を普通に使っていたんです。それが色々な方がスパム行為とみなされる可能性があるのでやめた方が良いということを言われているので、すごく不安になったのです。実際これを使って検索順位を落とされた方いらっしゃるのでしょうか？
そんなこと、誰にも分からないよ。display:none;を使って順位が落ちたように見えても、検索結果は常にいろんな要因で変化してるから、たまたまタイミングが重なっただけかもしれない。大体からして、今じゃdisplay:none;を使ってsection要素を1個残して全部隠して、入れ替えることでページ切り替えのようにする作り方だってあるってのに、display:none;で隠してるからって、いいサイトであっても順位が落ちて見つけられないような検索サイト、HTML5/css3も使われだしてる今、誰が使うというんだ？
HTML/CSSの仕様・文法と、Googleのガイドラインは必ずしも一致しなわけで、Googleの検索結果に媚を売りたいのか、正しい文法を書きたいのかどっちだって話。
論点がずれてる
たとえば、HTML5ではh1タグを複数使えるけど、Googleのガイドラインに違反する。text-indentのネガティブ値はCSSで保障されてるけど、それがGoogleのガイドラインに沿っているかどうかはまた別の話。ずれているというのは、文法なんて関係ないってことが言いたいのかな。
これまで、CSSでロールオーバーするために、隠しテキストやっても、Googleの検索結果から外されるようなことは今までなかったです。Googleも、隠しテキストはガイドライン違反ですが、ユーザーのためならいいと公言してますよ。もう3年近く前の記事なので多少変化あると思いますが、基本的な考え方は変わっていないと思います。
コメントありがとうございます。安心しました。これまで通り使用する方向でいきます！
color: transparent; も違反？
違反じゃないけどあまりよろしくないらしい。。
どのプロパティを使ったら違反とかじゃないと思うけど。
素直に画像使うのが一番マシ。自分はそうしてる。
好きな手法使って自分で確かめたらいいじゃないか。
画像を置いて、:hoverにtext-indent:-9999px;を使ってる。javaのhover時の画像置換もやってるのは同じこと。デザインとgoogle両方の要望を適えるのは無理だよ。
みんなの回答 10 件
aタグに対してtext-indent:-9999px;やoverflow:hidden;を使用しても隠しリンクとしてマイナス評価を受ける可能性はありません。
span で囲んで display: none;
「多分」大丈夫です。理由としては自分も多用しているがちゃんとインデックスされているし、ウェブマスターツールでも何のメッセージもでてない。ただ、あくまでも「多分」です。なぜならアルゴリズムはGoogleの人間しか分からないからです。SEO的にはtext-indentで飛ばしたテキストと画像の内容が合っていれば問題ではないと言われています。
それでペナルティとか言われても知らんがなという事でspanで囲ってdisplay:none;してる。これがダメって言われると、じゃあ何のためにdisplay:none;があるのかって話だし、ロールオーバーはGoogleの大好きなユーザーの為のものだし。ちなみに、text-indent:-9999px;だとspanいらないから楽かもしれんけど、プロパティの意味を考えると、違うなと思うのでdisplay:none;にしてる。
HTML/CSSの仕様・文法と、Googleのガイドラインは必ずしも一致しなわけで、Googleの検索結果に媚を売りたいのか、正しい文法を書きたいのかどっちだって話。
これまで、CSSでロールオーバーするために、隠しテキストやっても、Googleの検索結果から外されるようなことは今までなかったです。Googleも、隠しテキストはガイドライン違反ですが、ユーザーのためならいいと公言してますよ。もう3年近く前の記事なので多少変化あると思いますが、基本的な考え方は変わっていないと思います。
Google ウェブマスター向け公式ブログ: 隠しテキストは Google のウェブマスター向けガイドライン違反です
http://googlewebmastercentral-ja.blogspot.jp/2009/12/google.htmlcolor: transparent; も違反？
素直に画像使うのが一番マシ。自分はそうしてる。
好きな手法使って自分で確かめたらいいじゃないか。
画像を置いて、:hoverにtext-indent:-9999px;を使ってる。javaのhover時の画像置換もやってるのは同じこと。
デザインとgoogle両方の要望を適えるのは無理だよ。
関連するトピックス