web-dev-qa-db-fra.com

Quel balisage HTML et CSS convient le mieux au référencement pour une liste de questions (comme sur les sites Stack Exchange)

Sur le StackOverflow un bloc de questions (dans la liste q sur la page d'index, etc.) représenté par le code html suivant:

  <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>

Il utilise float le positionnement.

Ma question est:

  • L'utilisation de css styled tables serait-elle un meilleur choix? (C'est une table, n'est-ce pas?) Ou tout dépend de ce que vous préférez utiliser et n'affecte pas le côté technique (moteurs de recherche ou quelque chose du genre)?

  • Les informations de base (telles que le nombre de vues, de votes, etc.) apparaissent en premier dans le code. Et je sais que les moteurs de recherche ont une limite d'affichage de chaque page. Faudrait-il donc mieux placer les balises div en fonction de leur importance, puis les annoter sur la page à l'aide de méthodes css (comme negative margins et absolute positioning)? Ou ce n'est pas si important dans ce cas?

seohtmlcssmarkup
1
9Algorithm

C'est une table, n'est-ce pas?

C'est un peu comme une table. Il existe certainement des points de données, tels que les vues, les votes et le nombre de réponses, associés à chaque question. Cependant, il ne s'affiche pas vraiment comme un tableau:

  • Il n'y a pas d'en-tête de table.
  • Il n'y a pas de grille affichée
  • Les éléments tels que les balises et l'auteur sont affichés sur une deuxième ligne. Dans un vrai tableau, chacun aurait sa propre cellule de tableau. Vous pouvez manipuler les rowspan et cellspan des tables pour obtenir le même effet, mais cela lierait la structure de votre table à un affichage particulier.

L'utilisation de balises div et de CSS est beaucoup plus souple, car vous pouvez changer beaucoup plus la manière dont les questions sont affichées sans changer le balisage HTML. Il vous suffit de changer le CSS.

n'affecte pas le côté technique (moteurs de recherche ou quelque chose)?

Les moteurs de recherche accordent généralement très peu d'attention au balisage et à l'affichage que vous utilisez. Parfois, ils remarquent et s’inquiètent lorsque le texte est très grand ou petit; ou quand quand il est en gras. Le choix de divs ou tables n'aura aucun effet sur le classement de votre site dans les moteurs de recherche.

Les informations de base (telles que le nombre de vues, de votes, etc.) apparaissent en premier dans le code.

Les moteurs de recherche téléchargent maintenant des documents beaucoup plus volumineux que par le passé. À un moment donné, Google a suggéré de limiter les documents à 100K. Aujourd'hui, j'ai vu Google indexer bien au-delà de cette marque. Les chiffres avant ou après la question ne changeront pas si les moteurs de recherche verront le texte de la question. De plus, ils ne valoriseront pas le texte différemment.

0
Stephen Ostermiller