Le référencement naturel

1 . Présentation

Dans ce tutoriel, nous allons voir les balises de base pour le référencement naturel en HTML. Il existe 3 balises principales de référencement : * La balise `<title>` * les balises d’en-tête * la balise `<meta>`

2 . La balise <title>

<iframe width="100%" height="500" src="https://www.youtube.com/embed/pkMM8rNULuA" title="8.1 - Le champs title [HTML]" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe> La balise `<title>`, ou balise titre en français, est le titre donné à votre page web. Le contenu de la balise `<title>` est l’élément repris par les moteurs de recherche lorsqu’ils affichent les résultats. Le contenu doit donc répondre à certains critères : * Contenir le mot clé principal * Ne pas dépasser 65 caractères (10 à 12 mots) * Être attractif En effet, Google se base sur le taux de clic pour mesurer l’attractivité de votre page. Plus vous donnez envie, plus vous aurez de clics et meilleur sera votre classement dans le SERP. Exemple : ```html <title>Le référencement naturel en HTML</title> ``` 

3 . La balise <meta>

<iframe width="100%" height="500" src="https://www.youtube.com/embed/wEygzgcT5eI" title="8.2 - Les balises d'entêtes [HTML]" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe> Le contenu de cette balise est le résumé qui s’affiche dans les résultats de recherche. Long d’une centaine de caractères (120 maximum), il permet de faire un rapide pitch du contenu et d’inciter à visiter le site. Pour cela, il est recommandé d’employer des verbes d’action du type « découvrir », « télécharger », « créer », etc.). Exemple : ```html <meta name="description" content="Ce tutoriel vous présente les 3 balises de référencements naturel en HTML."> ``` 

4 . Les balises d’en-tête

Il s’agit des balises `Hn` allant de 1 à 6. Leur objectif est d’apporter de la clarté au texte en le structurant et en le hiérarchisant. Mais elles permettent également d’apporter de la richesse sémantique en variant le champ lexical du mot clé. Ce qui est excellent pour le référencement naturel. Ces balises, à l’inverse de la balise `<title>`, sont visibles dans le contenu du texte. Ce sont tout simplement les titres que vous pouvez observer à la lecture d’un article. À l’inverse, elles n’apparaissent pas dans les résultats des moteurs de recherche. Bonnes pratiques : * Utilisez une seule balise H1 par texte * Suivez l’ordre hiérarchique des balises (`<h2>` pour les chapitres, `<h3>` pour une sous-partie d’un chapitre, etc.) * Optez pour des titres clairs, courts, contenant si possible un mot-clé ou une variante sémantique Exemple : ```html <h2> La boucle if </h2> ```