Lorsque les gens accèdent à votre blog, ils effectuent généralement l’une des deux actions suivantes :
- Rebondir directement
- Commencer à lire
Aujourd’hui, je veux me concentrer sur cette deuxième action parce que quelqu’un qui départs lire est le début d’un voyage dont vous devez prendre le contrôle. Un visiteur qui lit du texte sur votre site n’offre en soi rien de valeur – la clé est de capitaliser sur cet engagement initial et finalement d’amener le visiteur à effectuer l’action principale souhaitée que vous souhaitez.
De nombreux facteurs (tels que la conception et la copie) entrent en jeu pour déterminer le degré d’engagement de vos visiteurs et leur probabilité de conversion. Cependant, un facteur extrêmement influent mais rarement discuté est le simple lien hypertexte. La réalité est que les liens sont des outils extraordinairement puissants et ignorer les meilleures pratiques concernant leur création peut faire en sorte que votre blog fonctionne comme un tamis, chaque trou représentant un lien.
Dans cet article, je veux vous aider à combler bon nombre de ces trous. En suivant et en mettant en œuvre les conseils ci-dessous, vous constaterez probablement une amélioration des taux d’engagement et des conversions au fil du temps, et d’un point de vue moins tangible, vous améliorerez également considérablement l’expérience des visiteurs.
Comment formater vos liens
Commençons par les bases absolues. Chaque lien sur votre site doit être clairement représenté comme un lien — c’est-à-dire qu’il doit être clairement distingué des autres textes de la page et qu’il doit être évident qu’il s’agit d’un lien.
Dans les années 1990, un lien était généralement bleu et souligné comme ça. Les gens s’habituaient à un lien d’une certaine manière et seraient donc confus s’ils étaient confrontés à texte souligné de la même couleur que le corps du texte ou texte qui était d’une couleur différente mais n’était pas souligné.
Alors que le texte bleu souligné est toujours omniprésent dans nos esprits en tant que lien, de nos jours, les hyperliens qui ne sont pas soulignés sont courants et tout à fait acceptables. Cependant, vous devez toujours vous assurer que vos liens se démarquent clairement. Ne laissez pas l’utilisateur avec aucune confusion quant à ce qui est ou n’est pas un lien à tout moment sur votre site. Et bien que les liens soulignés ne soient pas aussi répandus de nos jours, il est sage de ne souligner aucun texte sur votre site en règle générale, à moins qu’il ne s’agisse d’un lien. La plupart des gens associent encore le texte souligné sur le Web aux hyperliens et, en tant que tel, il ne devrait être réservé qu’aux hyperliens. Si vous voulez mettre du texte en évidence, utilisez des caractères gras pour mettre en évidence les phrases clés (par exemple, c’est vraiment important) et des italiques pour suggérer une inflexion dans la vocalisation d’un mot (par exemple, je vraiment veux que vous lisiez ceci).
Texte d’ancrage
Pour ceux d’entre vous qui ne le savent pas, le texte d’ancrage est simplement les mots utilisés dans un lien, dont le plus courant est « cliquez ici ». Le texte d’ancrage est extrêmement important pour un certain nombre de raisons (l’optimisation des moteurs de recherche WordPress étant un exemple évident) mais dans cet article, je souhaite me concentrer sur la convivialité, par laquelle j’entends essentiellement la facilité avec laquelle quelqu’un peut comprendre à quoi un lien mène. avant de ils cliquent dessus.
Les internautes sont pour la plupart assez avertis de nos jours et n’ont donc pas besoin de se tenir la main de la même manière qu’il y a 10-15 ans. Il n’est plus nécessaire de faire précéder chaque lien d’un texte d’ancrage « cliquez ici ». Par exemple, considérons les deux textes d’ancrage suivants :
- Pour en savoir plus sur nos produits Cliquez ici.
- En savoir plus sur nos produits.
Le deuxième texte d’ancrage se démarque davantage, est plus facile à comprendre et plus facile à cliquer. En un mot, il est de loin supérieur à l’alternative « cliquez ici ». Vous devez toujours vous efforcer d’inclure un texte d’ancrage contextuellement pertinent sur votre blog.
En termes de présentation, il semble plus judicieux d’exclure les signes de ponctuation du texte d’ancrage. De plus, il est important que vous restiez cohérent dans la manière dont vous excluez les signes de ponctuation du texte d’ancrage, car cela rendra l’expérience utilisateur plus prévisible et plus agréable.
Texte du titre
Il y a essentiellement deux éléments qui décrivent un lien et aident les utilisateurs à décider s’ils doivent ou non cliquer dessus. Le premier (et le plus important) est le texte d’ancrage mais il ne faut pas ignorer la valeur du texte du titre.
Dans la plupart des navigateurs de bureau, le texte du titre du lien est le petit texte contextuel qui apparaît lorsque vous survolez un lien (pour lequel le texte du titre a été défini) :
Si le texte d’ancrage fournit un contexte, le texte du titre fournit des éclaircissements. L’exemple ci-dessus est parfait – le texte d’ancrage et le corps du texte qui l’entoure nous portent à croire que le lien mène à quelque chose concernant (a) Jakob Nielsen et (b) sa réputation de « roi de la convivialité », et le texte du titre précise que le lien mène à une biographie hébergée sur un site Web spécifique. Il n’aurait pas été pratique d’inclure le texte du titre comme texte d’ancrage, mais il constitue une information supplémentaire utile.
Utilisez donc le texte du titre chaque fois que cela est approprié. Vous n’avez pas toujours besoin d’utiliser le texte du titre – par exemple, dans une situation où il est tout à fait clair à partir du texte d’ancrage où le lien mènera. Voici deux exemples courants de cela :
Dans mon récent post sur Themelocal, « Le tableau périodique des plugins WordPress (et mon top 5)« , j’ai répertorié mes 5 meilleurs plugins sur les 108 les plus téléchargés sur WordPress.org.
Le texte d’ancrage du premier lien comprend le titre du message auquel il est lié. Le texte d’ancrage du deuxième lien fournit le nom du site Web vers lequel il renvoie. Dans les deux cas, il n’y a aucun avantage réel à répéter le texte d’ancrage comme texte de titre ou à inclure ce qui serait probablement des informations superflues comme texte de titre.
Si vous voulez d’autres exemples d’utilisation efficace du texte du titre, survolez simplement chacun des liens de cet article. Certains n’ont pas de texte de titre (et il devrait être clair pourquoi), tandis que d’autres en ont.
Ouverture de Windows dans de nouveaux onglets (ou non)
En ce qui concerne la convivialité du Web, j’ai constaté que la question de savoir s’il faut ouvrir les liens dans de nouveaux onglets est souvent un point de discorde. Après avoir longuement examiné la question, mon point de vue est le suivant : si vous devez ou non ouvrir des liens dans un nouvel onglet, cela dépend entièrement du lien.
Permettez-moi d’expliquer mon point de vue en vous demandant de considérer quelle valeur il y a dans un lien s’ouvrant dans un nouvel onglet. Si un lien s’ouvre dans un nouvel onglet, la page Web sur laquelle l’utilisateur se trouvait à l’origine reste ouverte et l’écran reste à sa dernière position sur la page. Par conséquent, si vous avez des raisons de croire que quelqu’un pourrait souhaiter explorer un lien sur votre blog mais revenir lorsqu’il a terminé sa diversion, vous devez ouvrir ce lien dans un nouvel onglet.
D’un autre côté, si vous avez des raisons de croire qu’un lien particulier représente un itinéraire clair à partir de la page existante, il est logique que ce lien s’ouvre dans le même onglet.
Pour vous donner des exemples de liens à ouvrir dans des onglets existants ou nouveaux, jetons un autre coup d’œil à l’exemple de texte de titre que j’ai utilisé ci-dessus :
Dans mon récent post sur Themelocal, « Le tableau périodique des plugins WordPress (et mon top 5)« , j’ai répertorié mes 5 meilleurs plugins sur les 108 les plus téléchargés sur WordPress.org.
Ces deux liens s’ouvrent dans de nouveaux onglets. Pourquoi? Parce qu’ils représentent tous deux un détournement temporaire de cet article – des liens que vous pouvez choisir d’explorer avant de revenir pour lire le reste de cet article. Vous pouvez également choisir de ne pas les explorer du tout. Quoi qu’il en soit, ils s’ouvrent dans de nouveaux onglets afin que vous puissiez facilement revenir à cet article lorsque vous êtes prêt.
Jetez maintenant un œil à l’image suivante :
Ceci est une capture d’écran du bas d’un récent article de Themelocal, à la fin de la section des commentaires. Le lien en bas à droite de la page devrait s’ouvrir dans l’onglet existant. Pourquoi? Parce que l’utilisateur a atteint la fin de la page et, en tant que tel, a probablement digéré le contenu du message existant et est prêt à passer à autre chose. Ceci n’est qu’un exemple : les liens qui devraient s’ouvrir dans l’onglet existant peuvent en fait se trouver à n’importe quel emplacement sur un site. D’autres liens qui devraient s’ouvrir dans les onglets existants incluent des éléments de navigation (une barre de navigation supérieure ou une liste de catégories, etc.) et des appels à l’action (comme une boîte d’abonnement à une newsletter).
Un argument populaire contre cette approche est que le choix d’ouvrir ou non dans un nouvel onglet doit être laissé à l’utilisateur. Dans un monde idéal, ce serait le cas, mais il y a deux raisons pour lesquelles ce n’est pas le cas :
- Tous les utilisateurs ne sont pas assez avertis pour ouvrir des liens dans de nouveaux onglets lorsque cela leur convient.
- Même l’utilisateur le plus averti peut ouvrir par erreur un lien dans un onglet existant alors qu’il aurait été préférable pour lui de l’ouvrir dans un nouvel onglet.
C’est à peu près tout ce que j’ai à dire sur le sujet des liens – si vous mettez en œuvre les directives ci-dessus sur votre blog, je suis convaincu que vous constaterez une augmentation des mesures d’engagement populaires telles que le temps passé sur le site, le taux de rebond et les actions moyennes par visiteur. Non seulement cela, mais les visiteurs de votre site bénéficieront d’une interface utilisateur beaucoup plus intuitive sous la forme de liens clairement étiquetés et décrits qui les dirigent de manière appropriée.
La clé est de toujours garder le visiteur à l’esprit – faire de l’expérience de navigation sur votre site une joie devrait toujours être la priorité absolue. Ne prenez pas de raccourcis comme ouvrir aveuglément tous les liens dans de nouveaux onglets ou précipiter la façon dont vous formatez les liens – travaillez pour aider l’utilisateur (plutôt que de le frustrer) et vous en récolterez les fruits.