Lorsque les gens accèdent à votre blog, ils effectuent généralement l’une des deux actions suivantes:
  1. Rebondir tout de suite
  2. Commencer à lire

Aujourd’hui, je veux me concentrer sur cette deuxième action parce que quelqu’un qui départs lire est au début d’un voyage dont vous devez prendre le contrôle. Un visiteur lisant un 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, le simple lien hypertexte est un facteur extrêmement influent mais rarement discuté. La réalité est que les liens sont des outils extrêmement 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 à consolider 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 mettre en forme 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 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 ceci. Les gens s’habituaient à un lien qui ressemblait à 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 de 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 à l’utilisateur aucune confusion quant à ce qu’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, sauf s’il s’agit d’un lien. La plupart des gens associent encore le texte souligné sur le Web à des hyperliens et, en tant que tel, il ne devrait être réservé qu’aux hyperliens. Si vous souhaitez accentuer le texte, utilisez le gras pour mettre en évidence les phrases clés (par exemple, c’est vraiment important) et l’italique pour suggérer une inflexion dans la vocalisation d’un mot (par exemple, je vraiment voulez 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 en est un exemple évident), mais dans cet article, je veux me concentrer sur la convivialité, ce qui signifie essentiellement la facilité avec laquelle quelqu’un peut comprendre à quoi mène un lien. avant ils cliquent dessus.

Les internautes sont pour la plupart assez avertis ces jours-ci 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» – au contraire, il est beaucoup plus utile pour le visiteur d’être descriptif, et bien mieux pour le «flux» de texte d’incorporer des liens intuitivement. Par exemple, considérons les deux textes d’ancrage suivants:

  1. Pour en savoir plus sur nos produits, cliquez ici.
  2. En savoir plus sur nos produits.

Le deuxième texte d’ancrage ressort 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 simple d’exclure les signes de ponctuation du texte d’ancrage. En outre, 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 l’utilisabilité», 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 sert d’informations supplémentaires utiles.

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 entièrement clair du texte d’ancrage où le lien mènera. Voici deux exemples courants de cela:

Dans mon récent article 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 de l’article auquel le lien 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 très probablement des informations superflues comme texte de titre.

Si vous voulez d’autres exemples d’utilisation efficace du texte du titre, passez la souris sur 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 pas)

En ce qui concerne la convivialité du Web, j’ai constaté que la question de savoir s’il faut ouvrir des 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 dépend entièrement du lien.

Laissez-moi vous expliquer mon point de vue en vous demandant de considérer quelle valeur il y a dans l’ouverture d’un lien dans un nouvel onglet. Si un lien s’ouvre dans un nouvel onglet, la page Web sur laquelle l’utilisateur était à 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 voudra peut-être explorer un lien sur votre blog mais reviendra lorsqu’il aura terminé son détournement, 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 loin 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 regard sur l’exemple de texte de titre que j’ai utilisé ci-dessus:

Dans mon récent article 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 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 revenir facilement à cet article lorsque vous y êtes prêt.

Jetez maintenant un œil à l’image suivante:

Capture d'écran du lien de l'article précédent

Ceci est une capture d’écran du bas d’un article récent de Themelocal, à la fin de la section des commentaires. Le lien en bas à droite de la page doit 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 quelle position 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:

  1. Tous les utilisateurs ne sont pas assez avertis pour ouvrir des liens dans de nouveaux onglets lorsque cela leur convient.
  2. 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 verrez 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 manière dont vous formatez les liens – travaillez pour aider l’utilisateur (plutôt que de le frustrer) et vous en récolterez les fruits.

Share: