HTML5 и заголовки H1 - Поисковая оптимизация, продвижение сайтов на Joomla (SEO)

В 5 версии семантика изменилась и если грамотно использовать тег <section> то можно иметь более одного тега h1.

<section>

  <article>
    <header>
      <h1>Заголовок</h1>
    </header>
    <section>
      <p>Контент</p>
    </section>
  </article>    

  <article>
    <header>
      <h1>Заголовок</h1>
    </header>
    <section>
      <p>Контент</p>
    </section>
  </article>
    
</section>

Ааа, вот так так вот... В принципе, это страница с превью материалов, т.е. она "обо всём" и особо не претендует на значимость.

Не нужно вводить людей в заблуждение section не дает права использовать h1.

<h1>Блог категории</h1>
<h2>Подзаголовок</h2>
<h3>Материал1</h3>
<h3>Материал2</h3>
<h3>Материал3</h3>

Не нужно вводить людей в заблуждение section не дает права использовать h1.

Правильная структура, когда на странице может быть более одного заголовка h1:

Код: html4strict

<section>

  <article>
    <header>
      <h1>Заголовок</h1>
    </header>
    <section>
      <p>Контент</p>
    </section>
  </article>    

  <article>
    <header>
      <h1>Заголовок</h1>
    </header>
    <section>
      <p>Контент</p>
    </section>
  </article>
    
</section>

Вот в данном случае повторение возможно, т.к. явно указывается, что заголовок принадлежит определенному контенту, при этом еще указывается что это именно заголовок, а не просто текст в h1, в других случаях заголовок в формате h1 может быть только один. При желании можно указывать и h2, в теории ничего "делиться" не должно.


Добавлю от себя - как сферические кони в вакууме додумываются модули оборачивать в <article>, при этом полностью игнорируя <aside>?

Все выше сказанное верно только для html5.

Код

<!-- Don’t copy this code! No need for header here -->
<article>
  <header>  
    <h1>My best blog post</h1>
  </header>
  <!-- Article content -->
</article>

If your <header> element only contains a single heading element, leave out the <header>. The <article> ensures that the heading will be shown in the document outline, and because the <header> doesn’t contain multiple elements (as the definition describes), why write code when you don’t need to? Simply use this:

Код

<article>  
  <h1>My best blog post</h1>
  <!-- Article content -->
</article>

А что опровергать? Внутри <section> заголовки пойдут по схеме

Правильная структура, когда на странице может быть более одного заголовка h1:

<article> - Задаёт содержание сайта вроде новости, статьи, записи блога, форума или др.
<section> - Определяет раздел документа, который может включать в себя заголовки, шапку, подвал и текст.

voland, все у меня верно, полный вывод включает еще в <header> дату создания документа, указание категории, так что использование <header> рекомендуемо, учитывай, что еще оптимально использовать <footer>, куда выносятся все лайки/комментарии и прочая менее важная информация, хотя вот комментарии можно закинуть в <section>

Код: html4strict

Если усложнять схему, то будет так:
  <article>

    <header><h1>Заголовок</h1></header>

    <section>
      <header><h2>Подраздел</h2></header>
      <p>Контент</p>
    </section>

    <section>
      <header><h2>Подраздел</h2></header>
      <p>Контент</p>
    </section>

    <section>
      <header><h2>Подраздел</h2></header>
      <p>Контент</p>
    </section>

  </article> 

Night зачем рекомендовать неверный с точки зрения html5doctor код?

Правильно будет <p>Контент</p> обернуть в <article> и убрать его из других мест

Я выше дал ссылку на статью на html5doctor, и там указано это как одна из 20 типичных ошибок!
Доверия к ним у меня как то побольше )

Все правильно, я это и написал выше, в теге <section> будет свой заголовок h1, задавая его каждому "краткому материалу" на странице, можно каждому их них дать h1. В чем тут заблуждение?
Вот тут для меня не понятно, вы <header> оборачиваете в <article> а не в <section>

<section>
  <section>
    <section>
      ...
    </section>
  </section>
  <section>
    ...
  </section>
</section>

Сказал же - перевод сделай ))

voland, хватит холиварить, причины использования <header> я указал, как впрочем и использования <footer>.

А я указал, что это типичная ошибка, и так делать не стоит.

Где типичная ошибка? Там говорится только о том, что можно не использовать <header> внутри <article>, если заголовок всего один, и не более того, при этом есть оговорка, что <header> указывается, если в него выносятся какие-либо элементы, а туда мы выносим дату создания, указание категории, теги.

Код: html4strict

<section>

  <article>
    <header>
      <h1>Заголовок</h1>
    </header>
    <section>
      <p>Контент</p>
    </section>
  </article>    

  <article>
    <header>
      <h1>Заголовок</h1>
    </header>
    <section>
      <p>Контент</p>
    </section>
  </article>
    
</section>

для этого я предложил писать на хтмл5 используя тег <section>, что бы выделять зоны со своими заголовками

Ок, не ошибка, но нерекомендуемо. Код выше - как раз точный пример нерекомендуемого.

A header element is intended to usually contain the section's heading (an h1–h6 element or an hgroup element), but this is not required. The header element can also be used to wrap a section's table of contents, a search form, or any relevant logos.

http://www.w3.org/TR/2012/CR-html5-20121217/sections.html#the-header-element

Такие страницы обычно претендуют на сч запросы, так как обобщают какую то тему.
Например сайт продает Холодильники, Садовые приспособления и телевизоры (ну вот пусть будет такой сайт))))
Так вот - есть категория "Садовые приспособления" в ней есть разные товары.
В данном случае такая категория будет собирать сч запросы типа:
Садовые приспособления, Садовые приспособления купить, Садовые приспособления как приобрести и т.д...

Maxum, многое зависит от типа документа, т.е. если у вас html4, рекомендую прислушаться к мнению skai и ELLE, а если html5, то стоит учитывать мои рекомендации.