Tags HTML5: comment les utiliser correctement?
Je veux le meilleur possible SEO pour mon WordPress _ site. Pour ce faire, j'ai apporté des améliorations et utilisé HTML5. Le problème est que je ne sais pas comment utiliser des tags particuliers. Par exemple, j'ai une balise d'article dans une balise <section>. Est-ce bien ou pas? Laissez-moi vous montrer mon extrait, que vous pourrez mieux le voir ...
<div id="wrapper" class="clearfix">
<nav id="menu">
<aside class="containing-links-to-posts">
<section id="content-section">
<div id="widgets">
</div>
A expliqué:
<aside class="containing-links-to-posts> = widget de gauche
<div id="widgets"> = widget de droite
<nav id="menu"> = menu de navigation
<section id="content-section"> = la section principale avec les publications et les commentaires qu'elle contient
Dans <aside>, j'ai ceci:
<section id="index">
<nav id="partial-index">
<div class="widget-title">Today's posts</div>
<ul class="blabla">
<li>
Post name
</li>
</ul>
</div>
</nav>
</section>
Question: est-ce bien? Je vous demande ceci parce que j'avais déjà un nav et une section (voir ci-dessus). Je crains que trop utiliser ces balises causera des problèmes.
Et le dernier mais non le moindre, j'ai ceci dans <section id="content-section">:
<section id="content-section">
<ol>
<li>
<article>
<header>
<h1>
<a>testttt</a>
</h1>
</header>
<div class="content">
<div>
<span class="favorites">
</div>
<footer class="post-meta">
<div class="info">
<a class="entry-id">#32474</a>
<time class="timestamp" datetime="19-04-2013">19.04.2013 13:18</time>
<span class="author vcard">
<a class="url" rel="author">testauthor</a>
</span>
</div>
</footer>
<span class="tags">
<img alt="tags" src="">
<span>
<a rel="tag" href="">test</a>
</span>
</span>
</article>
</li>
</ol>
Je pense que c'est trop pour mettre dans une balise <article>, ou pas? La balise <article> est destinée à obtenir le POST CONTENT d'un message ... Pour que Google sache que cette partie correspond au contenu d'un article.
J'apprécierais toute votre aide.
À ma connaissance, aucun des principaux moteurs de recherche n’a formulé de proclamations précises sur HTML5 en ce qui concerne le référencement. En conséquence, au-delà des bonnes pratiques habituelles d’un code bien formé et correct du point de vue sémantique, nous ne pouvons que spéculer sur ce point.
Pour obtenir des conseils sur l’écriture de textes HTML5 corrects et sémantiquement corrects, il est fortement recommandé de consulter le blog HTML5 Doctor . Les contributeurs sont des personnes qui travaillent sur la spécification HTML et donnent des applications très détaillées et réelles de nouveaux éléments et attributs.
Pour répondre brièvement à certaines de vos questions, <article> devrait être un élément indépendant du contenu; Quelque chose qui pourrait être retiré du contexte de votre page Web et qui a toujours un sens. C'est bien d'avoir <article> dans un <section>, mais il est très compliqué de savoir quand utiliser <section> au lieu de quelque chose d'autre. Je recommande donc de lire Article du docteur HTML5 sur ce sujet .
<nav> peut être utilisé plusieurs fois dans une page si cette page comporte plusieurs segments de navigation importants. Il serait donc bon d’avoir la navigation principale, une barre de navigation latérale, etc. codée dans <nav>s.
Une chose à garder à l'esprit est que HTML5 est encore en développement. <hgroup>, par exemple, a déjà été retiré, vous devez donc surveiller de près l'évolution de la spécification.
J'ajouterais que Google reconnaît les tags d'auteur. Effectuer une recherche rapide sur Google - cela ressemble à un bon article à lire: http://www.copyblogger.com/wordpress-google-authorship/
Utilisez également des modèles réactifs - une URL pour les ordinateurs de bureau et les appareils mobiles.