web-dev-qa-db-ja.com

質問のリストのSEOに最適なHTMLおよびCSSマークアップ（Stack Exchangeサイトなど）

StackOverflowには、次のhtmlコードで表される質問ブロック（インデックスページのqリストなど）があります。

  <div class="question-summary narrow tagged-interesting" id="question-summary-19832613">
        <div onclick="window.location.href='/questions/19832613/how-to-display-only-transit-routesfor-trains-in-google-maps-api'" class="cp">
            <div class="votes">
                <div class="mini-counts">0</div>
                <div>votes</div>
            </div>
            <div class="status unanswered">
                <div class="mini-counts">0</div>
                <div>answers</div>
            </div>
            <div class="views">
                <div class="mini-counts">3</div>
                <div>views</div>
            </div>
        </div>
        <div class="summary">

            <h3>...</h3>
            <div class="tags t-javascript t-google-maps t-google t-google-maps-api-3">
            </div>
            <div class="started">
                <a href="/questions/19832613/how-to-display-only-transit-routesfor-trains-in-google-maps-api" class="started-link"><span title="2013-11-07 09:52:29Z" class="relativetime">1 min ago</span></a>
                <a href="/users/1309392/shirish">Shirish</a> <span class="reputation-score" title="reputation score " dir="ltr">189</span>
            </div>
        </div>
    </div>

floatポジショニングを使用します。

私の質問は：

  • css styled tablesの使用はより良い選択でしょうか？ （テーブルですよね？）それとも、使用したいものに依存しているだけで、技術的な側面（検索エンジンなど）には影響しませんか？

  • 背景情報（ビューの数、投票など）がコードの最初に来ます。また、検索エンジンには各ページの表示に制限があることを知っています。重要度に応じてdivを配置し、cssメソッド（negative marginsやabsolute positioningなど）を使用してページにマークアップする方がよいでしょうか。それとも、このインスタンスではそれほど重要ではありませんか？

seohtmlcssmarkup
1
9Algorithm

テーブルだよね？

それはややテーブルのようなものです。確かに、各質問に関連付けられたビュー、投票、回答数などのデータポイントがあります。ただし、実際には他の方法で表のように表示されるわけではありません。

  • テーブルヘッダーはありません。
  • グリッドが表示されていません
  • タグや作成者などのアイテムは2行目に表示されます。真のテーブルでは、それぞれが独自のテーブルセルを取得します。テーブルのrowspanとcellspanを操作して同じ効果を得ることができますが、テーブル構造を特定のディスプレイに結び付けることができます。

divタグとCSSを使用すると、HTMLマークアップを変更せずに質問の表示方法をさらに変更できるため、はるかに柔軟です。 CSSを変更するだけです。

技術面（検索エンジンなど）に影響しませんか？

通常、検索エンジンは、使用するマークアップと表示にほとんど注意を払いません。時折、彼らはテキストが非常に大きいか小さいときに気づき、気にします。または太字の場合。 divsまたはtablesを選択しても、検索エンジンでのサイトのランク付けに影響はありません。

背景情報（ビューの数、投票など）がコードの最初に来ます。

検索エンジンは、以前よりもはるかに大きなドキュメントをダウンロードするようになりました。ある時点で、Googleはドキュメントを100Kに制限することを提案しました。今日、Googleはそのマークをはるかに超えてインデックスを作成しているのを見ました。質問の前後の数字は、検索エンジンが質問のテキストを見るかどうかに影響しません。また、どちらの方法でもテキストを異なる方法で評価しません。

0
Stephen Ostermiller