Ajouter des liens d'ancrage au contenu du courriel avec du HTML

Cet article utilise du code HTML pour expliquer comment ajouter un lien d'ancrage au bas du contenu d'un courriel. Cette fonctionnalité peut aider les lecteurs à naviguer dans le contenu du courriel et à passer à l'action, par exemple s'inscrire à une newsletter ou suivre un lien vers un site web.

Par exemple, ajouter un lien d'ancrage au bas du contenu d'un courriel peut efficacement capter l'attention des lecteurs et les orienter vers une action précise. En proposant un appel à l'action clair et en facilitant le passage à l'action pour les lecteurs, vous pouvez augmenter la probabilité d'atteindre vos objectifs marketing ou de communication.

Pourquoi c'est important

Les liens d'ancrage sont essentiels pour améliorer la navigation dans les courriels, en particulier dans les newsletters plus longues ou les courriels de type récapitulatif. Ils améliorent l'expérience utilisateur en permettant aux lecteurs d'accéder directement aux sections qui les intéressent, réduisant la fatigue liée au défilement et augmentant l'engagement avec votre contenu. Cette fonctionnalité est particulièrement utile pour les courriels comportant plusieurs sujets, présentations de produits ou programmes d'événements, car elle aide les lecteurs à trouver rapidement les informations pertinentes.

Instructions étape par étape

Créez un bloc HTML
- Créez un bloc HTML dans votre courriel
- Faites défiler jusqu'au bas du contenu de votre courriel.
Insérez la balise d'ancrage Insérez une balise d'ancrage en saisissant le code HTML suivant :
Code
```
<a name="bottom"></a>
```
Ce code crée un emplacement vers lequel le lien naviguera lorsqu'on cliquera dessus.
Créez le texte du lien
- Saisissez le texte que vous souhaitez utiliser comme lien, par exemple "Cliquez ici pour plus d'informations."
- Surlignez le texte que vous avez saisi et cliquez sur le bouton "Insérer un lien" dans votre éditeur HTML.
Définissez la destination du lien
- Dans le champ "URL" de la boîte de dialogue du lien, saisissez "#bottom"
- Cela créera un lien et naviguera vers l'emplacement que vous avez créé avec la balise d'ancrage
- Cliquez sur "OK" pour créer le lien.
Enregistrez et envoyez
- Enregistrez le contenu de votre courriel et envoyez le courriel à vos destinataires.

Exemple de code HTML

Voici un exemple de ce à quoi le code HTML pourrait ressembler pour un contenu de courriel avec un lien vers le bas :

Code

<p>This is your email content.</p><p>Click <a href="#bottom">here</a> for more information.</p><a name="bottom"></a>

Dans cet exemple, la balise d'ancrage crée l'emplacement vers lequel le lien naviguera, et l'attribut href dans la balise de lien pointe vers cet emplacement. Lorsque le lecteur clique sur le lien, il est dirigé vers le bas du contenu du courriel, là où se trouve la balise d'ancrage.

Dépannage

Les liens d'ancrage ne fonctionnent pas

Assurez-vous que les noms d'ancrage ne contiennent ni espaces ni caractères spéciaux
Utilisez des noms d'ancrage uniques pour chaque destination de lien
Testez dans plusieurs clients de messagerie, car certains ne prennent pas en charge les ancrages

Les liens mènent au mauvais endroit

Vérifiez que href="#anchorname" correspond exactement au nom de l'ancrage
Vérifiez l'absence de noms d'ancrage en double dans votre courriel
Placez les ancrages avant le contenu vers lequel vous souhaitez créer un lien

Compatibilité des clients de messagerie

Certains clients de messagerie (comme Gmail) peuvent supprimer la fonctionnalité d'ancrage
Proposez des méthodes de navigation alternatives pour les clients incompatibles
Testez minutieusement dans les principaux clients de messagerie de votre public cible

Le code HTML ne s'affiche pas

Utilisez le bloc de contenu HTML, et non un bloc de texte
Assurez-vous d'avoir une syntaxe HTML correcte avec des balises de fermeture
Prévisualisez dans l'éditeur de courriels avant l'envoi

Problèmes de navigation sur mobile

Testez les liens d'ancrage sur les appareils mobiles
Tenez compte de la taille d'écran réduite lors de la planification des points d'ancrage
Conservez un texte de lien d'ancrage suffisamment grand pour être touché sur mobile