html5 ile nasıl bir "arşiv sayfası" veya "kategori dizini" yazmalıyım?

Question

Her öğenin kısa bir açıklamayla ve pubdate, yazar vb. Bazı meta bilgilerle ilişkilendirildiği bir bağlantı listesi var. Bunu html5'te nasıl işaretlemeliyim?

<ul> 
    <li> 
     <section> .... OR ARTICLE? 
      <header> 
       <h1>title</h1> 
       pubdate, author, etc 
      </header> 
      shortdesc 
     </section> 
    </li> 
    .... repeat 
</ul> 

Bölüm/makale kullanmanın iyi bir fikir olduğunu düşünüyor musunuz?

Ya da düz <li> s daha iyi?

Makale veya bölüm?

ÖNEMLİ NOT: her öğe tam içerik (makale) içermez, sadece kısa bir açıklama ve makaleyi içeren sayfanın bağlantısını içermez.

Ayrıca bir SEO bakış açısı ile ilgileniyorum!

Answer 1

article'u kullanarak her bir öğe ayrı bir öğe olduğu ve sendikalı olabileceği için (ör. RSS beslemesinde) burada öneririm. Bir süre önce biraz yazdım: HTML5: Section or Article?.

Ayrıca burada bir liste kullanmanız gerekmez, çünkü her bir article liste öğesi olarak görülebilir.

Ayrıca, her girdinin yayımlanmış tarihini kapatmak için time öğesini kullanmanızı öneririm.

SEO için, önerdiğim örnek kod olduğu gibi, önerdiğim gibi gayet iyi.