html、cssの記述で質問です。

Question

いつもお世話になっております。

さっそくですが
htmlでclassを
たくさんつけて装飾するより

cssの疑似クラス疑似要素などを使いなるべくclassを
減らした方がSEO的にはいいのでしょうか？

Answer 1

直接SEOに関係あるわけではありませんが、読み込みに時間がかかるようなサイトは優先度が下がってしまいます。
classをたくさんつけているかどうかよりも、全体的にソースの分量が多かったり、スタイルを何度も上書きしたりするとそれだけ時間がかかります。

また、セレクタの解析順序の問題などもあり、

div#hoge p span {
}

のようなセレクタがあった場合、まずすべてのspanを見に行って、その親がpであるかどうか、その親に#hogeを持ったdivがいるかどうか・・・と、右から順に走査されます。

これによって処理に時間がかかるということもあります。
パフォーマンスをめちゃくちゃ気にするのであればこのへんの設計も重要です。

とはいっても、SEOを気にするならその差よりもコンテンツのほうが重要ですけどね。

Comments

[退会済みユーザー]

詳しく教えて頂き有難うございます！
奥が深いですね。。！

Answer 2

こちらのサイトは見ましたか？だいたい必要なことが書いてあります。http://www.htmq.com/selector/class.shtml

Answer 3

ここなど参考にしてみればいかがでしょうか。
http://viral-community.com/seo/seo-html-tag-71/

Comments

[退会済みユーザー]

参考サイト有難うございます！
SEO対する知識が深まりました！