CSS使ったサイトについて
05年10月10日
最近はまってるはてなの質問にこんなのを見つけました。
ウェブページの制作において、CSSを使うとかなり細かくデザインを重視したレイアウトできますが、サーチエンジンでの扱いなど、何か問題になる点はあるでしょうか？また、テーブルを使ったレイアウトと比較してどうでしょうか？
えっ？テーブルよりも断然、掛りよくなるのになぁ。
まず私がCSS使うきっかけになったのは、H1タグを自然に使いたかったからです。検索に有効だと知ってはいたのですが、使うと文字がでかくなってしまうし、うまく配置できないので使えなかった。
CSSを使うとそれをコントロールできると知って喜んでCSSに飛びついた。思ったとおりに検索に掛かったようで、CSS使ってから急にグーグルとかのランキングが上がってきたのです。
しかし、はてなの質問の人みたいに、「ランク外まで下がった」人もいるらしいです。ソースを見ないと分らないけど、おそらく、キーワードに適切なタグを与えてないのではないかと考えられます。
検索にかかりやすい、title,h1,h2,a,bなどにキーワードを意識的に埋め込んで行けばそれなりにいいと思うんです。
あと、ソース全体にコンテンツが占める割合も重視してます。コンテンツを4割くらいまで増やせると掛が上がるように思います。（未確認）
しかし、CSSはSEOを意識したソースを実現するための必須技術ではありますが、検索をあげるための技術ではないので、テーブルに置き換えるだけでは検索にあまり効果はないように思います。
無理かもしれませんが、「検索ロボット」になったつもりでソースを読んでみるといいかもしれません。
デザインについての注意点として、「無理はしない事」がポイントだと思います。クラスを指定するといきなり挙動が変わるタグとかありますし、1ピクセルずれると大変なことになるデザインよりも、10ピクセルまでなら何とかなるくらいの感じでソース書くのがコツかもしれませんね。
あと、必要であれば、JavaScript使ってエージェント分ければいいので、私は積極的にCSS使うようにしています。
ちなみに、このブログもささやかな努力はしてます…。
ウェブページの制作において、CSSを使うとかなり細かくデザインを重視したレイアウトできますが、サーチエンジンでの扱いなど、何か問題になる点はあるでしょうか？また、テーブルを使ったレイアウトと比較してどうでしょうか？
えっ？テーブルよりも断然、掛りよくなるのになぁ。
まず私がCSS使うきっかけになったのは、H1タグを自然に使いたかったからです。検索に有効だと知ってはいたのですが、使うと文字がでかくなってしまうし、うまく配置できないので使えなかった。
CSSを使うとそれをコントロールできると知って喜んでCSSに飛びついた。思ったとおりに検索に掛かったようで、CSS使ってから急にグーグルとかのランキングが上がってきたのです。
しかし、はてなの質問の人みたいに、「ランク外まで下がった」人もいるらしいです。ソースを見ないと分らないけど、おそらく、キーワードに適切なタグを与えてないのではないかと考えられます。
検索にかかりやすい、title,h1,h2,a,bなどにキーワードを意識的に埋め込んで行けばそれなりにいいと思うんです。
あと、ソース全体にコンテンツが占める割合も重視してます。コンテンツを4割くらいまで増やせると掛が上がるように思います。（未確認）
しかし、CSSはSEOを意識したソースを実現するための必須技術ではありますが、検索をあげるための技術ではないので、テーブルに置き換えるだけでは検索にあまり効果はないように思います。
無理かもしれませんが、「検索ロボット」になったつもりでソースを読んでみるといいかもしれません。
デザインについての注意点として、「無理はしない事」がポイントだと思います。クラスを指定するといきなり挙動が変わるタグとかありますし、1ピクセルずれると大変なことになるデザインよりも、10ピクセルまでなら何とかなるくらいの感じでソース書くのがコツかもしれませんね。
あと、必要であれば、JavaScript使ってエージェント分ければいいので、私は積極的にCSS使うようにしています。
ちなみに、このブログもささやかな努力はしてます…。
コメント
telme(05年10月10日 23:11:32)
こんばんは、はてなでの質問者です。
SEOにかなり傾倒した時期がありまして、ネットで見つけられる情報とトライ＆エラーですが、自分なりの考察でキーワード比率やH1なども含めた重要度の高さに応じた各種タグの使用など、サイトにSEO的要素を取り入れていました。
それなりの効果で好順位を得ていましたが、最終仕上げとしてCSSでのレイアウトでHTML上でのキーワードの出現位置をコントロールしたところ、一気に圏外に落ちました。その前の状態に戻すと上位に復帰したため、スパムと捉えられたとしか考えられません。
よって、経験に基ずつ結論はキーワードの出現位置をCSSでコントロールするのは危ないというものでした。
今回、サイトを全面的に変更するにあたって、どうしてもその点が気になったのです。CSSでレイアウトを行うのはテザイン的自由度の高さが目的であって、SEO効果は期待しておらず、マイナスにならなければよいと考えていますが、どうしても前の経験の要素を含むため、不安があるということです。
altやtitolタグなんかのSEO的な是非は見解が二分されるように、yotacaさんと私の経験も異なるようですね。altやtitolタグも以前は効果があったようですが、現在ではない方がよいように思います。そういう意味において、絶対的な答えは出ないのでしょうが、CSSの検索エンジンへの影響は、はてなでの回答を見る限り大丈夫そうなんですけどね。（自分の例は不可解ですが）
SEOにかなり傾倒した時期がありまして、ネットで見つけられる情報とトライ＆エラーですが、自分なりの考察でキーワード比率やH1なども含めた重要度の高さに応じた各種タグの使用など、サイトにSEO的要素を取り入れていました。
それなりの効果で好順位を得ていましたが、最終仕上げとしてCSSでのレイアウトでHTML上でのキーワードの出現位置をコントロールしたところ、一気に圏外に落ちました。その前の状態に戻すと上位に復帰したため、スパムと捉えられたとしか考えられません。
よって、経験に基ずつ結論はキーワードの出現位置をCSSでコントロールするのは危ないというものでした。
今回、サイトを全面的に変更するにあたって、どうしてもその点が気になったのです。CSSでレイアウトを行うのはテザイン的自由度の高さが目的であって、SEO効果は期待しておらず、マイナスにならなければよいと考えていますが、どうしても前の経験の要素を含むため、不安があるということです。
altやtitolタグなんかのSEO的な是非は見解が二分されるように、yotacaさんと私の経験も異なるようですね。altやtitolタグも以前は効果があったようですが、現在ではない方がよいように思います。そういう意味において、絶対的な答えは出ないのでしょうが、CSSの検索エンジンへの影響は、はてなでの回答を見る限り大丈夫そうなんですけどね。（自分の例は不可解ですが）
ケイイチ(05年10月11日 00:25:32)
コメントありがとうございます。
titleタグについては、検索効果もある程度ありますが、検索されてリストされた時に、「人が見て理解できる」事に重点を置いてます。
altについては、そんなに意識してません。
私自身の経験からすると、1ページにいろいろまとめると、効率は悪くなるように感じますので、1ページの中には、1種類の情報に絞るようにしてます。
ところで、CSSに置き換えた時に劇的に下がってしまったのは、ロボットが覚えている位置にあるべきキーワードがなかったからかもしれませんね。
titleタグについては、検索効果もある程度ありますが、検索されてリストされた時に、「人が見て理解できる」事に重点を置いてます。
altについては、そんなに意識してません。
私自身の経験からすると、1ページにいろいろまとめると、効率は悪くなるように感じますので、1ページの中には、1種類の情報に絞るようにしてます。
ところで、CSSに置き換えた時に劇的に下がってしまったのは、ロボットが覚えている位置にあるべきキーワードがなかったからかもしれませんね。
telme(05年10月11日 09:36:22)
おはようございます。telmeです。
>ロボットが覚えている位置にあるべきキーワードがなかったからかもしれませんね。
なるほど。はてなでの皆さんの回答から言ってもそういうふうに解釈してもよいのかもしれません。今夏はCSSを使ってレイアウトしてみようと思います。ありがとうございます。
>ロボットが覚えている位置にあるべきキーワードがなかったからかもしれませんね。
なるほど。はてなでの皆さんの回答から言ってもそういうふうに解釈してもよいのかもしれません。今夏はCSSを使ってレイアウトしてみようと思います。ありがとうございます。
コメント送信
このアイテムは閉鎖されました。このアイテムへのコメントの追加、投票はできません。