Téma: HTML5 bejegyzések listázása

A HTML5 megjelenése előtt is sokféle képen készíthettünk lista oldalakat, de most a lehetőségek száma megsokszorozódott. A kérdésem, hogy melyik verzió jobb keresőoptimalizálás szempontjából:

A verzió: ugyan úgy mintha egy hírt közölnénk, csak több article tag-et rakunk egymás alá:

HTML kód:

<section>

<article>
<p>bejegyzés első pár mondata...</p><a href="#">tovább a teljes bejegyzéshez</a>
</article>

<article>
<p>bejegyzés első pár mondata...</p><a href="#">tovább a teljes bejegyzéshez</a>
</article>

<article>
<p>bejegyzés első pár mondata...</p><a href="#">tovább a teljes bejegyzéshez</a>
</article>

</section>

B verzió: Ezt a verziót én erősen kétlem, de felvetem mint lehetőséget

HTML kód:

<article>

<section>
<p>bejegyzés első pár mondata...</p><a href="#">tovább a teljes bejegyzéshez</a>
</section>

<section>
<p>bejegyzés első pár mondata...</p><a href="#">tovább a teljes bejegyzéshez</a>
</section>

<section>
<p>bejegyzés első pár mondata...</p><a href="#">tovább a teljes bejegyzéshez</a>
</section>

</article>

C verzió: listaként felsorolni linkekkel mondjuk a bejegyzés címét és 1-2 mondatott.

HTML kód:

<section>
<ul>

<li>
<p>bejegyzés első pár mondata...</p><a href="#">tovább a teljes bejegyzéshez</a>
</li>

<li>
<p>bejegyzés első pár mondata...</p><a href="#">tovább a teljes bejegyzéshez</a>
</li>

<li>
<p>bejegyzés első pár mondata...</p><a href="#">tovább a teljes bejegyzéshez</a>
</li>

<li>
<p>bejegyzés első pár mondata...</p><a href="#">tovább a teljes bejegyzéshez</a>
</li>

</ul>
</section>

D verzió: section tagokat egymásba ágyazni így különíteni el a különböző részeket

HTML kód:

<section>

<section><p>bejegyzés első pár mondata...</p><a href="#">tovább a teljes bejegyzéshez</a></section>
<section><p>bejegyzés első pár mondata...</p><a href="#">tovább a teljes bejegyzéshez</a></section>
<section><p>bejegyzés első pár mondata...</p><a href="#">tovább a teljes bejegyzéshez</a></section>

</section>

Szerintetek, van erre valami "szabvány" vagy szokás, esetleg tapasztalat?

---

Hasonló témák:

• Mysql eltérő elemek listázása php-vel
• Automatikus friss hozzászólások listázása alfórumban hogyan?
• WP kategóriák listázása egy statikus oldalon
• Seo & html5!!!???
• Html5

A szokásra tudom csak ajánlani ezt az oldalt és (a saját) megoldásaikat. Bár css-ről szól az oldal, minden porcikája előremutató megoldásokkal van kivitelezve: CSS-Tricks Szóval, ahogy itt csinálják, én is úgy csinálnám.