Header : infos du site qui doivent apparaitre sur toutes les pages et qui permettent de savoir chez qui l'on est

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)

template d'une structure HTML5 optimisée pour le SEO

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 article long

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.