重要なお知らせ

「教えて! goo」は2025年9月17日(水)をもちまして、サービスを終了いたします。詳細はこちら>

【GOLF me!】初月無料お試し

ふと気になったのですが、
テーブルでのデザインは入れ子にして、検索エンジンにわかりにくいらしいですが、
divをテーブルレイアウトと同じ数
入れ子にした場合はどうなるのでしょうか?

A 回答 (4件)

正直、相当手間をかけて


CSSの記述を厳選しつつ
デザインを意識しない基本的にしっかりしたHTMLを記述しないと、
検索エンジンにわかりやすい望ましいデザインは無理と諦めておいた方が良いと思います。

その上で TABLE でのデザインを DIV でのデザインに代えただけでは、何の意味を付加された訳でもなく、場合によっては悪化するのではないかと・・・。

TABLE でのデザインを止めるという事は、意味あるタグに置き換えましょう(且つ W3C に従いましょう)という事ですから。そして検索エンジンはそのタグの意味を配慮するという事です。(W3C も意識というかブラウザとは違うので、ソースの認識の仕方が違うことも。IEのようにエラーを勝手に補正してくれるとは限りません・・・。)

で、反対側に対峙するのが閲覧者への配慮というかブラウザの対応状況やバグ・・・。
デザインはCSSへと言っても、本来の目的である閲覧先のブラウザが適切に対応してくれない現状では TABLE でのデザインも選択肢として考えられます。ただ善後策である事は忘れずに、提示している情報の意味を改めて精査してデザイン変更の検討も視野に入れる必要はあります。その上での TABLE でのデザインも選択可という事です。
という理由からも、単に DIV に代えただけでは代えた意味がありません。また、元々 TABLE の物を DIV に意味の付加なく代えただけなら、悪化はしても良くはならないでしょう・・・。
また、何故か適切に DIV でグループ分けが出来たとしたら、自覚がないだけで何かしら意味のある集まりでありなんらかの他のタグが使える可能性が高いです。
h や p の包含可能要素はインライン要素だけなので入れ子では使いにくいとか感じたらそもそも DIV など纏めるタグを選択している事に間違いがあり、リストやら表である情報という事に気付いていないという事が考えられます。または入れ子である物がそもそも DIV などのブロック要素でないとか・・・。


まぁ長々と書きましたが、検索エンジンにわかりやすくとは、意味あるタグを規則に従って選択するという事で、単に DIV (又はSPAN) に代えるだけでは意味はなく・・・。変化として、あって悪化でしょう・・・・・。
    • good
    • 0

基本的には作っていく上では


文のまとまりごとをブロック化しておいた方が
検索エンジンとしていいいです。
ただし、
hタグを利用してその子としてpタグを用いて
それとは関係ないところにdivやspanタグを利用した
方がいいです。
metaで指定したキーワードとh,pタグはそれぞれが
関連を持っているのでそれを利用した方がSEO対策には
なります。
div,spanはそのような部分を持ち合わせていないので
検索エンジンしてはどちらかというとpなどより無視
される位置にあります。

#1さんの言うデザインで用いない方がいいというのも
ありますが現状でスタイルシートをを利用しても
ブラウザごとに違いが出てしまうのでテーブルなどで
サイトを構築するのはある程度しょうがないという
見方もあります。
    • good
    • 0

seo的にはあまり変わらないかも。


ただし、タグ付けの意味を考えないという姿勢はseo的にも問題になると思う。
    • good
    • 0

divにしろテーブルにしろ、デザイン (レイアウト) のために HTML を書いているというのであればそれは駄目です。

HTML は文書をデザインするためのものではないのですから。

HTML は文書の構造を示すためにある (より正確に言うと、文書の各パーツの形式的意味を明示するためにある) ものなので、文書の構成を示すような書き方になっていない HTML の書き方ははっきり言って全部駄目です。

文書の構造がちゃんと示されていれば検索エンジンロボットは文書を正しく解釈できます。入れ子が複雑かどうかはあまり関係ないでしょう。

参考URL:http://www.fromdfj.net/html/divsyndrome.html
    • good
    • 0

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