Créer et utiliser des ancres dans une page

🤔 À quoi sert cette fiche ?

Cette fiche vous explique comment créer une ancre dans une page Sites Conformes, puis comment ajouter un lien ou un bouton permettant de renvoyer directement vers cette section de la page.

Elle s’adresse aux personnes chargées de créer ou modifier des pages longues, des pages d’accueil, des pages de présentation ou des pages contenant plusieurs sections.

📍 Les ancres peuvent être utiles pour permettre aux visiteurs d’accéder rapidement à une partie précise d’une page.

🪄 En un clin d’œil

Pour créer un lien vers une section précise d’une page :

  • ouvrez la page concernée dans l’administration ;
  • identifiez la section vers laquelle vous souhaitez renvoyer ;
  • ajoutez un composant ancre juste au-dessus de cette section ;
  • attribuez un identifiant à cette ancre ;
  • évitez les espaces et les caractères spéciaux dans l’identifiant ;
  • ajoutez un lien ou un bouton vers cette ancre ;
  • renseignez l’identifiant de l’ancre dans le champ prévu ;
  • vérifiez le rendu avec l’aperçu en temps réel ;
  • enregistrez, soumettez à validation ou publiez selon vos droits ;
  • testez le lien sur le site public.

🔎 En détails

Avant de commencer

Avant de créer une ancre, identifiez :

  • la page concernée ;
  • la section vers laquelle vous souhaitez renvoyer ;
  • le texte ou le bouton qui permettra d’accéder à cette section ;
  • le nom à donner à l’ancre ;
  • si le lien doit être utilisé dans la même page ou depuis une autre page.

Une ancre sert à cibler un emplacement précis dans une page.

Elle est particulièrement utile sur les pages longues, lorsque vous souhaitez permettre aux visiteurs d’accéder directement à une section.

Par exemple :

  • un bouton “Aller aux démarches” ;
  • un lien “Voir les tarifs” ;
  • un lien “Consulter la FAQ” ;
  • un sommaire de page ;
  • une liste de liens en haut de page permettant d’accéder aux différentes sections.


Étape 1 — Ouvrir la page en modification

Connectez-vous à l’administration de votre site Sites Conformes.

Dans le menu latéral, cliquez sur Pages.

Retrouvez la page concernée dans l’arborescence.

Cliquez sur “...” à côté de la page, puis ouvrez-la en modification.


Étape 2 — Identifier la section cible

Dans le corps de la page, identifiez la section vers laquelle vous souhaitez renvoyer.

Il peut s’agir par exemple :

  • d’un titre ;
  • d’un bloc de contenu ;
  • d’une section de page ;
  • d’un formulaire ;
  • d’une FAQ ;
  • d’un bloc de mise en avant.

L’ancre doit être placée juste avant l’élément ou la section que vous souhaitez cibler.

Étape 3 — Ajouter un composant ancre

Dans le corps de la page, ajoutez un composant ancre à l’endroit où vous souhaitez envoyer le visiteur.

Placez-le juste au-dessus de la section cible.

Par exemple, si vous souhaitez qu’un bouton renvoie vers la section “Contact”, ajoutez l’ancre juste avant le titre ou le bloc “Contact”.

Étape 4 — Renseigner l’identifiant de l’ancre

Renseignez l’identifiant de l’ancre.

Cet identifiant sert à créer le lien vers la section concernée.

Choisissez un identifiant :

  • court ;
  • explicite ;
  • en minuscules si possible ;
  • sans espaces ;
  • sans accents ;
  • sans caractères spéciaux.

Par exemple :

  • contact
  • faq
  • demarches
  • ressources-utiles

Évitez :

  • Section Contact
  • voir les démarches
  • FAQ !
  • étape 1

Si vous avez besoin de séparer plusieurs mots, utilisez plutôt un tiret.

Par exemple : ressources-utiles.

Étape 5 — Ajouter un lien ou un bouton vers l’ancre

Une fois l’ancre créée, ajoutez le lien ou le bouton qui doit permettre d’y accéder.

Selon le bloc utilisé, choisissez le type de lien correspondant à un lien d’ancrage.

Renseignez ensuite l’identifiant de l’ancre dans le champ prévu.

Par exemple, si l’identifiant de votre ancre est "contact", renseignez "contact" dans le champ du lien d’ancrage.

Le lien ou le bouton permettra alors de renvoyer directement vers la section de la page où cette ancre a été placée.

Étape 6 — Vérifier le rendu avec l’aperçu en temps réel

Utilisez l’aperçu en temps réel pour vérifier le rendu de la page.

Vérifiez notamment :

  • que l’ancre est placée au bon endroit ;
  • que le lien ou le bouton est visible ;
  • que le libellé du lien est compréhensible ;
  • que le clic renvoie vers la bonne section ;
  • que le comportement reste correct sur ordinateur et sur mobile.


Étape 9 — Enregistrer ou publier la page

Une fois les ancres et les liens configurés, enregistrez ou publiez la page selon vos droits.

Selon la configuration de votre site, plusieurs actions peuvent être disponibles, par exemple :

  • enregistrer en brouillon ;
  • soumettre à validation ;
  • publier directement.


Étape 10 — Tester les liens sur le site public

Après publication, ouvrez la page sur le site public.

Testez chaque lien ou bouton qui renvoie vers une ancre.

Vérifiez notamment :

  • que le lien fonctionne ;
  • que la page se positionne bien sur la bonne section ;
  • que l’identifiant renseigné dans le lien correspond exactement à l’identifiant de l’ancre ;
  • que le comportement est correct sur mobile ;
  • qu’aucun lien ne renvoie vers une mauvaise section.

📋 Points d’attention

Créer l’ancre avant de créer le lien

Pour qu’un lien d’ancrage fonctionne, il faut d’abord créer l’ancre dans la page.
Il ne suffit pas de renseigner le nom d’un bloc ou le titre d’une section.
Vous devez ajouter un composant ancre à l’endroit exact où vous souhaitez renvoyer le visiteur.

Utiliser un identifiant simple

L’identifiant de l’ancre doit être simple et stable.
Évitez les espaces, les accents et les caractères spéciaux.
Préférez un identifiant court, en minuscules, avec des tirets si nécessaire.

Vérifier que les identifiants correspondent

Le lien d’ancrage doit reprendre exactement l’identifiant de l’ancre.
Par exemple, si l’ancre s’appelle "contact", le lien doit pointer vers "contact".
Une différence de casse, un espace ou une faute de frappe peut empêcher le lien de fonctionner.

Ne pas multiplier les ancres inutilement

Les ancres sont utiles pour structurer une page longue.
Elles ne sont pas nécessaires sur toutes les pages.
Si une page est courte, un lien d’ancrage peut être inutile.

Rédiger des libellés explicites

Le texte du lien ou du bouton doit indiquer clairement où il mène.
Évitez : “Cliquez ici”
Préférez : “Accéder au formulaire de contact” ou “Voir les conditions d’inscription”

Tester sur mobile

Le comportement d’un lien d’ancrage peut varier selon la taille de l’écran.
Après publication, testez les liens sur ordinateur et sur mobile.

🚩 Erreurs fréquentes

  • Renseigner un lien d’ancrage sans avoir créé d’ancre dans la page.
  • Utiliser le titre d’un bloc comme identifiant d’ancre sans créer de composant ancre.
  • Ajouter l’ancre au mauvais endroit dans la page.
  • Utiliser un identifiant avec des espaces, des accents ou des caractères spéciaux.
  • Renseigner un identifiant différent dans le lien et dans l’ancre.
  • Créer plusieurs ancres avec le même identifiant.
  • Oublier de tester le lien après publication.
  • Créer trop d’ancres sur une page courte.