Je peux maintenant commencer à écrire le contenu spécifique à cette page en commençant par son titre de niveau 1 :
Modèle de structure HTML pour le SEO (bonus: code source à télécharger)
Je fais une petite introduction, ça s’appelle un chapo :
Vous vous demandez ce que vous faites sur cette page ?
C'est juste un exemple concret d’une page HTML structurée et balisée pour le SEO technique.
C'est justement ce que vous cherchiez ?
Super ! En plus, vous pouvez télécharger son code source commenté. Ça vous sera utile pour auditer vos propres pages ou en créer des nouvelles.
Commençons par une nouvelle section.
Les sections permettent de structurer un contenu long
il peut y avoir plusieurs sections et articles sur une même page. Une section peut contenir plusieurs articles et un article avoir plusieurs sections.
Mais avant d'arriver jusqu'ici, votre navigateur et les robots ont rencontré de nombreuses balises. Vous ne verrez jamais leur contenu sur votre page. Mais elles ne sont pas inaccessibles, il suffit de consulter le code source (⌘+U /Ctrl+U).
Profitez d’être dans le code source de votre page pour vérifier que toutes vos images ont un attribut alt et qu'il est pertinent !
Je ne me sers pas d'un hn ou d'une balise de structure pour la mise en page !
Les autres balises sémantiques
Elles permettent d’indiquer la structure logique de la page
Titre de niveau 3: main et article
C’est ce contenu qui intéresse le plus Google. C'est ici qu'il va venir chercher de quoi répondre à une requête
Je mets donc en avant mes mots clés comme structure HTML5 et SEO Technique
Titre de niveau 3 : footer
Comme l’en-tête, il contient des informations que l’on retrouvera sur tout votre site, mais elles seront secondaires comme le copyright, les informations légales, etc.
Aside
Quand une balise aside est dans la balise article, son contenu est en rapport direct avec celui-ci. Comme par exemple :
Téléchargez le code source commenté de cette page
Quand une balise aside est hors de la balise article, son contenu est plus lié au reste du site. Vous pouvez y mettre vos publicités, un menu secondaire, le dicton du jour…