What HTML and CSS markup is best for SEO for a list of questions (like on Stack Exchange sites)
- by Oleg9
On the StackOverflow a question block (in the q-list on the index page and so on) represented by the following html code:
<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>
It uses float positioning.
My questions is:
Would use of css styled tables be a better choice? (It's a table,
isn't it?) Or it just depends on what are you prefer to use and doesn't affect the technical side (search engines or something)?
The background information (such as number of views, votes etc.)
comes first in the code. And I know that search engines have a limit
at viewing each page. So would it better to place div's depending on
their importance and then markup them on the page using css methods
(like negative margins and absolute positioning)? Or it isn't so important in this instance?
