Référencement naturel (SEO) d'une page web

Le référencement naturel, ou SEO (Search Engine Optimization), regroupe les techniques qui aident une page à apparaître dans les résultats non payants des moteurs de recherche comme Google ou Bing. Une grande partie se joue dans le HTML : la balise <title>, la meta description, les titres, les liens, les images, le fichier sitemap.xml, les données structurées, la vitesse. Ce chapitre explique chacun de ces éléments, puis comment mesurer la visibilité d'un site, une sous-compétence du bloc 1 du BTS SIO. Le référencement local, le référencement payant et la mesure d'audience avec Matomo sont développés dans le cours Présence en ligne.

Comment un moteur de recherche trouve et classe une page

Un moteur de recherche travaille en trois temps :

1. L'exploration (crawl). Un robot (Googlebot pour Google) suit les liens de page en page et télécharge les pages qu'il découvre. Une page qu'aucun lien ne cite, absente du plan du site, a peu de chances d'être trouvée.
2. L'indexation. Le moteur analyse chaque page (texte, titres, liens, images, données structurées) et la range dans son index, une gigantesque base de données. Une page peut être explorée sans être indexée : contenu trop faible, doublon, ou demande explicite de ne pas l'indexer.
3. Le classement. Pour chaque recherche, le moteur choisit dans l'index les pages qui répondent le mieux, selon des centaines de signaux : pertinence du contenu par rapport à la question, qualité, liens reçus d'autres sites, expérience sur mobile, vitesse, sécurité (HTTPS).

Le SEO a donc trois piliers : la technique (le moteur peut-il explorer et comprendre la page ?), le contenu (répond-il à ce que les gens cherchent ?) et la popularité (d'autres sites le citent-ils ?). Le HTML et le CSS agissent surtout sur le premier, et rendent le deuxième lisible.

La balise title

Le <title> est l'élément HTML le plus important pour le référencement. Google l'utilise le plus souvent comme titre cliquable du résultat ; c'est aussi le titre de l'onglet et du favori.

<title>Ateliers numériques gratuits – Médiathèque des Tilleuls</title>

Google réécrit parfois un titre qu'il juge peu pertinent, trop long ou trop générique, en s'inspirant du <h1> ou du contenu : un titre précis, proche du <h1>, a le plus de chances d'être gardé.

La meta description

<meta name="description" content="Initiation à l'ordinateur, démarches en ligne, club code : les ateliers gratuits de la médiathèque des Tilleuls, sur inscription. Programme et horaires.">

La meta description n'a aucun effet direct sur le classement. Mais Google l'affiche souvent sous le titre, et c'est elle qui donne envie de cliquer : un bon résumé améliore le taux de clic. Vise 140 à 160 caractères, une description unique par page, qui dit ce que la personne trouvera et contient les mots de sa recherche (Google les met en gras). Si la description ne correspond pas à la recherche, Google affiche un autre extrait de la page.

Les titres, le contenu et les mots-clés

Le <h1> annonce le sujet de la page, en reprenant les termes que les gens cherchent ; les <h2> et <h3> découpent le contenu (chapitre 2). Un moteur lit ce plan pour comprendre de quoi parle chaque partie, et peut afficher directement un passage qui répond à une question.

Pour savoir quels mots utiliser, pars des recherches réelles :

• les suggestions qui s'affichent quand tu commences à taper dans Google (« atelier informatique… », « atelier numérique senior… ») ;
• le bloc « Autres questions posées » dans les résultats ;
• les requêtes qui amènent déjà des visiteurs, dans la Search Console (section suivante).

Puis écris pour les personnes, pas pour le robot : une page « Ateliers numériques gratuits » qui dit clairement pour qui, quand, où, comment s'inscrire, avec un texte que tu pourrais lire à voix haute. Répéter un mot-clé dix fois par paragraphe (keyword stuffing) est repéré et pénalisé. Chaque page traite un sujet et répond à une intention de recherche.

Les URL et les liens internes

Une URL lisible aide l'utilisateur, qui la voit dans les résultats, et le moteur :

Mots séparés par des tirets, en minuscules, sans accents ni mots vides inutiles. Une URL publiée ne change plus ; si tu dois la changer, mets en place une redirection 301 (permanente) de l'ancienne vers la nouvelle, sinon tu perds les liens qui pointaient vers elle et le classement acquis.

Les liens internes (entre tes propres pages) guident le robot et transmettent de l'importance aux pages qu'ils citent. Relie les pages qui traitent de sujets proches, avec un texte de lien descriptif (« voir l'agenda des ateliers numériques », pas « cliquez ici »), et vérifie qu'aucune page importante n'est à plus de trois clics de l'accueil.

Les images et le référencement

• un alt descriptif (chapitre 3) : c'est ce que Google Images comprend de l'image ;
• un nom de fichier parlant : atelier-initiation-ordinateur.webp plutôt que IMG_2041.jpg ;
• un poids réduit et des dimensions déclarées (chapitre 10) : la vitesse compte ;
• une légende <figcaption> quand elle apporte du sens.

robots.txt, balise robots et sitemap.xml

Le fichier robots.txt, placé à la racine du site (https://www.mediatheque-tilleuls.fr/robots.txt), dit aux robots quelles parties du site ne pas explorer :

User-agent: *
Disallow: /admin/
Disallow: /recherche

Sitemap: https://www.mediatheque-tilleuls.fr/sitemap.xml

<!-- Dans le <head> d'une page à ne pas indexer (page de remerciement, résultats de recherche interne) -->
<meta name="robots" content="noindex">

Pour que noindex soit lu, la page ne doit pas être bloquée dans robots.txt : le robot doit pouvoir la télécharger pour voir la consigne.

Le plan du site sitemap.xml liste les pages à indexer, avec leur date de dernière modification :

<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
  <url>
    <loc>https://www.mediatheque-tilleuls.fr/</loc>
    <lastmod>2026-10-29</lastmod>
  </url>
  <url>
    <loc>https://www.mediatheque-tilleuls.fr/agenda.html</loc>
    <lastmod>2026-10-27</lastmod>
  </url>
</urlset>

On le déclare dans robots.txt et dans la Search Console. Les CMS comme WordPress et les générateurs de sites le produisent automatiquement.

L'URL canonique et les contenus en double

Une même page est souvent accessible par plusieurs adresses : avec et sans www, en http et en https, avec des paramètres (?utm_source=newsletter). Pour le moteur, ce sont des doublons. Deux corrections :

• rediriger (301) toutes les variantes vers une seule : http://mediatheque-tilleuls.fr → https://www.mediatheque-tilleuls.fr ; c'est un réglage du serveur web ou de l'hébergeur ;
• indiquer l'adresse canonique, celle à retenir, dans le <head> :

<link rel="canonical" href="https://www.mediatheque-tilleuls.fr/agenda.html">

Les données structurées

Les données structurées décrivent le contenu de la page dans un vocabulaire que les moteurs comprennent, schema.org, le plus souvent au format JSON-LD, dans une balise <script>. Elles permettent à Google de comprendre qu'une page parle d'un lieu, d'un événement, d'un article, et parfois d'afficher un résultat enrichi (horaires, date d'un événement, fil d'Ariane).

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Library",
  "name": "Médiathèque des Tilleuls",
  "url": "https://www.mediatheque-tilleuls.fr/",
  "telephone": "+33123456789",
  "address": {
    "@type": "PostalAddress",
    "streetAddress": "12 rue des Écoles",
    "addressCountry": "FR"
  },
  "openingHoursSpecification": [
    {
      "@type": "OpeningHoursSpecification",
      "dayOfWeek": ["Tuesday", "Thursday"],
      "opens": "14:00",
      "closes": "18:00"
    }
  ]
}
</script>

Les informations des données structurées doivent être visibles aussi dans la page : décrire en JSON-LD des horaires ou des avis que l'utilisateur ne voit pas est contraire aux règles de Google. L'outil Test des résultats enrichis de Google vérifie le code et dit quels résultats enrichis la page peut obtenir ; Google en fait évoluer la liste régulièrement et en a supprimé plusieurs ces dernières années, ce qui ne retire rien à l'intérêt des données structurées pour la compréhension de la page.

Le partage sur les réseaux sociaux : Open Graph

Quand on partage un lien sur un réseau social ou une messagerie, l'aperçu (titre, résumé, image) vient des balises Open Graph :

<meta property="og:title" content="Ateliers numériques gratuits – Médiathèque des Tilleuls">
<meta property="og:description" content="Initiation, démarches en ligne, club code : inscrivez-vous gratuitement.">
<meta property="og:image" content="https://www.mediatheque-tilleuls.fr/images/partage-ateliers.jpg">
<meta property="og:url" content="https://www.mediatheque-tilleuls.fr/ateliers.html">
<meta property="og:type" content="website">

Elles ne jouent pas sur le classement, mais un aperçu soigné fait cliquer, et les clics venus des réseaux sociaux font connaître le site. L'image a une adresse absolue, et un format large (1 200 × 630 pixels est la taille la plus courante).

Vitesse, mobile et HTTPS

Google explore et évalue les sites d'après leur version mobile : un site illisible sur téléphone est pénalisé partout. La vitesse et la stabilité de l'affichage comptent, mesurées par les Core Web Vitals (chapitre 10). Le HTTPS est un signal de classement, et un navigateur affiche « Non sécurisé » devant un site en HTTP qui contient un formulaire. Tout ce que tu as appris aux chapitres précédents (HTML valide et sémantique, images optimisées, responsive) est donc aussi du SEO.

Mesurer la visibilité : Search Console et mesure d'audience

Le référentiel du BTS SIO demande de « référencer les services en ligne de l'organisation et mesurer leur visibilité ». Deux familles d'outils y répondent.

La Google Search Console (gratuite) montre comment Google voit le site : pages indexées et erreurs d'indexation, requêtes tapées par les internautes, et pour chacune le nombre d'impressions (le site est apparu dans les résultats), de clics, le taux de clic (clics / impressions) et la position moyenne. On y déclare le sitemap.xml et on y demande l'indexation d'une nouvelle page. Bing propose l'équivalent, Bing Webmaster Tools. Pour prouver le propriétaire du site, on ajoute un enregistrement DNS, un fichier ou une balise <meta> que l'outil fournit.

Un outil de mesure d'audience compte les visites, les pages vues, les sources de trafic. Attention au RGPD : ces outils déposent souvent des traceurs. La CNIL admet que certains d'entre eux, configurés de façon stricte (finalité limitée à la mesure d'audience, statistiques anonymes, pas de recoupement avec d'autres traitements), soient utilisés sans consentement ; elle publie les conditions et des exemples de configuration, notamment pour Matomo. Google Analytics, dans sa configuration habituelle, demande le consentement de l'utilisateur (chapitre 14).

Exercices

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Ateliers numériques gratuits – Médiathèque des Tilleuls</title>
  <meta name="description" content="Initiation à l'ordinateur, démarches en ligne, club code : les ateliers gratuits de la médiathèque des Tilleuls, sur inscription. Programme et horaires.">
  <link rel="canonical" href="https://www.mediatheque-tilleuls.fr/ateliers.html">
  <link rel="icon" href="/favicon.svg" type="image/svg+xml">
  <link rel="stylesheet" href="/css/style.css">
  <meta property="og:title" content="Ateliers numériques gratuits – Médiathèque des Tilleuls">
  <meta property="og:description" content="Initiation, démarches en ligne, club code : inscrivez-vous gratuitement.">
  <meta property="og:image" content="https://www.mediatheque-tilleuls.fr/images/partage-ateliers.jpg">
  <meta property="og:url" content="https://www.mediatheque-tilleuls.fr/ateliers.html">
  <meta property="og:type" content="website">
</head>