Покритикуйте вариант семантической вёрстки HTML5

Здравствуйте, уважаемые форумчане!

Пытаюсь определиться с шаблоном, который использовать для блога. Буду признателен за советы и критику.

Вижу 2 варианта, помогите определиться:

1 вариант (здесь вопрос: можно в main вставлять section сразу перед article или лучше вместо main использовать "div role="main"?):

<header>
 <h1>Название</h1>
 <nav>Навигация</nav>
</header>

<main>
 <section> //Основная секция, которая уникальна на каждой странице (статья, похожие статьи, комментарии к статье)
  <div>Хлебные крошки</div>
  <h2>Заголовок статьи</h2>
   <article>
      Изображение и вступительный текст
      <nav>Оглавление с навигацией внутри статьи</nav>
      Текст статьи с заголовками <h3> и подзаголовками <h4>
   </article>
   <section><h5>Похожие статьи</h5></section>
   <section><h5>Комментарии</h5></section>
 </section>
</main>

<aside> // Разное, не связанное непосредственно со статьёй
 <div>Блок без заголовка</div>
 <section><h6>Заголовок</h6>Блок с заголовком</section>
</aside>

<footer>Копирайт</footer>

2 вариант:

<header>
 <h1>Название</h1>
 <nav>Навигация</nav>
</header>

<main> // Нет общей секции, сразу идёт статья и с заголовком внутри
 <article>
   <div>Хлебные крошки</div>
    <h2>Заголовок статьи</h2>
    Изображение и вступительный текст
    <nav>Оглавление с навигацией внутри статьи</nav>
    Текст статьи с заголовками <h3> и подзаголовками <h4>
 </article>
 <section><h5>Похожие статьи</h5></section>
 <section><h5>Комментарии</h5></section>
 </section>
</main>

<aside> // Разное, не связанное непосредственно со статьёй
 <div>Блок без заголовка</div>
 <section><h6>Заголовок</h6>Блок с заголовком</section>
</aside>

<footer>Копирайт</footer>