L’expérience utilisateur (UX) est devenue un signal de classement Google essentiel, il est donc plus important que jamais de s’assurer que votre site Web est à la hauteur. Une bonne navigation contribue à l’expérience d’un utilisateur, il est donc préférable de rester au courant des hyperliens présentés sur votre site. Les hyperliens permettent aux utilisateurs de « voyager » de page en page. Vous saurez que ces liens sont actifs lorsque le curseur de votre souris passe d’une flèche à une main lorsque vous survolez le lien. Vous pouvez joindre des liens HTML à divers éléments de page, y compris du texte, des images, etc. Dans ce guide, nous explorerons le fonctionnement des liens hypertexte (appelés « liens HTML » ou « liens a href »), pourquoi il est important de rester au courant de vos liens hypertexte et comment trouver et corriger les mauvais liens hypertexte avec l’outil d’audit de site. .
Pourquoi les liens HTML sont-ils importants ?
Les utilisateurs effectuent des recherches sur Internet dans un but précis ; ils recherchent des réponses, des produits, des conseils et plus encore. Grâce à vos efforts de référencement, Google vous a mis dans sa ligne de mire. Une fois que vous avez capturé un visiteur, vous devez le guider facilement sur votre site Web pour que son expérience utilisateur soit agréable. Vos liens HTML sont essentiels pour guider votre utilisateur d’une page de votre site Web à une autre. De bons liens HTML augmentent la durée de session d’un utilisateur et peuvent conduire à un plus grand nombre de pages visitées par session – deux mesures qui sont importantes pour l’analyse Web.
Qu’est-ce qu’un La balise HTML ressemble-t-elle ?
La balise d’ancrage (ou la balise « a href » ou « link ») comprend la balise d’ouverture, tous les attributs de balise, le texte ou l’objet d’ancrage et une balise de fermeture. Par example: Lien texte ou objet. Le « href » est un attribut essentiel de la élément; il détermine la destination du lien.
Qu’est-ce qu’un lien d’attribut HREF ?
Le lien de l’attribut href (abréviation de « Hypertext RÉFérence ») indique la relation entre les pages et les moteurs de recherche. href est un attribut de la balise d’ancrage et contient deux composants :
Par example: Visitez Semrush !
Où se trouve le Lien HTML ouvert une fois cliqué ?
Lorsqu’un utilisateur clique sur votre lien HTML, la page du lien s’ouvrira probablement dans la même fenêtre ou le même onglet de navigateur. À moins que vous ne spécifiiez avec du code comment le lien doit être affiché, il s’agit de la valeur par défaut. Toutefois, si vous avez un téléchargement ou si vous souhaitez que la page s’ouvre dans une autre fenêtre ou un autre onglet, vous pouvez utiliser des attributs cibles tels que « _blank ». Les valeurs d’attribut cible les plus courantes sont :
URL relatives ou absolues
Votre structure d’URL peut contribuer à la façon dont Google est capable d’explorer efficacement votre site Web. Vous utiliserez probablement l’un des deux types de structure d’URL courants : relative et absolue. Les liens relatifs utilisent une partie de l’URL et sont principalement réservés aux liens internes où le lien se trouve sur le même site et fait donc partie du même domaine racine. Ils ressemblent à quelque chose comme ça : attribut hreflang 101. Cependant, un lien absolu utilise le lien complet du site Web, y compris le nom de domaine du site : Visitez Semrush ! .
Quand utiliser les URL relatives
Vous utilisez des URL relatives lorsque vous souhaitez créer un lien vers une page de votre site Web. Vous utiliserez le « slug » de votre URL dans le lien. Certains avantages de l’utilisation d’URL relatives incluent :
Quand utiliser les URL absolues
Si vous envoyez votre utilisateur vers une page externe (c’est-à-dire loin de votre site Web), vous utiliserez une URL absolue. Voici certains avantages de l’utilisation d’URL absolues :
Comment faire Les liens HTML apparaissent-ils en direct ?
Vous trouverez des liens HTML sur une page Web lorsque vous passez votre souris sur du texte d’ancrage, des images, des boutons, etc., et le pointeur se transforme en main. Par défaut, les liens apparaissent comme :
Voici un exemple de copie de site Web avec des hyperliens. Les mots surlignés en bleu contiennent des hyperliens : notez que si la couleur des liens de votre site Web est trop similaire à la couleur d’arrière-plan du site, vous pouvez modifier la couleur de vos liens pour les faire ressortir. Les entreprises avec des couleurs de marque connaîtront probablement le code hexadécimal de la couleur. Modifiez votre Balise HTML (la balise d’ancrage) avec le code hexadécimal comme suit : Voici le lien modifié ! Si vous n’avez pas de code couleur hexadécimal, vous pouvez choisir parmi environ 140 couleurs nommées. Au lieu du code hexadécimal, vous ajouteriez la couleur elle-même, comme « bleu » ou « rouge : » Lien rouge
Types d’hyperliens
Il existe plusieurs façons d’utiliser des liens hypertexte pour créer une expérience de navigation simple sur votre site Web. Considérez les liens comme des connexions entre une ressource et une autre, qu’il s’agisse de pages Web, de documents, de formulaires, etc. Examinons les types d’hyperliens les plus courants que vous trouverez sur un site Web :
Vous utiliserez probablement une structure de liens similaire à celle-ci :
Pour une adresse e-mail, vous ajoutez mailto: à l’intérieur de votre attribut href comme suit :
E-mail de Semrush Pour un numéro de téléphone, vous ajoutez tel : à l’intérieur de votre attribut href : +61 1800 934 242
Une façon d’ajouter un lien à un bouton consiste à envelopper un élément de bouton dans un lien :
Lien vers semrush.com
Attributs Hreflang
Les attributs Hreflang indiquent la relation entre les pages dans différentes langues de votre site Web aux moteurs de recherche. Si votre site Web cible un public multinational, vous devrez ajouter des attributs hreflang. Voici quelques exemples:
Comment identifier les problèmes de lien avec Semrush
Lorsque les robots Google essaient d’analyser votre site Web, ils arrêtent probablement de continuer s’ils trouvent plusieurs liens rompus. En conséquence, il sera plus difficile et prendra beaucoup plus de temps d’indexer votre site Web, si Google choisit de le faire. L’outil d’audit de site peut vous aider à identifier les erreurs liées aux liens sur votre site Web. Il comprend plus de 120 vérifications techniques et sur page qui détectent les erreurs courantes. Vous devrez créer un projet pour votre domaine avant d’utiliser l’outil d’audit de site.
Étape 1 : Une fois votre projet créé, lancez l’outil d’audit de site depuis votre tableau de bord de projet :
Utilisez le panneau pour configurer la portée de l’analyse de l’outil et l’accès au site Web.
Une fois l’audit terminé, cliquez sur l’onglet problèmes :
Filtrez les problèmes pour toute erreur de lien. Si vous n’êtes pas sûr de la signification des erreurs, l’outil inclut une explication et des suggestions sur la façon de résoudre le problème (« Pourquoi et comment le résoudre »). Trouvez et corrigez les liens brisés avec l’outil d’audit de site
Dernières pensées
Un bon lien hypertexte facilite la navigation et l’exploration de votre site Web. Quelle que soit votre structure de liens, il est important de repérer et de mettre à jour les liens rompus dès que possible. Utilisez l’outil d’audit du site pour découvrir tout lien brisé ou mauvais et rester au courant de toute erreur technique potentielle.
FAQ
Comment créer un lien en HTML ?
Pour créer un lien en HTML, il faut utiliser la balise et lui donner deux attributs : href pour indiquer l'adresse du lien et title pour donner une description. Le texte à afficher sera placé entre les balises ouvrantes et fermantes de .
Il est également possible d'ajouter un attribut target pour ouvrir le lien dans une nouvelle fenêtre.
Comment insérer des liens en HTML ?
Pour insérer des liens en HTML, il faut utiliser la balise suivie de l'adresse URL du lien et du texte à afficher. Il est également possible d'ajouter une information supplémentaire avec l'attribut "title". Pour créer un lien vers une autre page de son propre site, il faut utiliser les adresses relatives au lieu des URLs absolues.
Quelle est la syntaxe pour mettre un lien en HTML ?
Pour mettre un lien en HTML, on utilise la balise suivie de l'attribut href qui précise l'URL du lien. Ensuite, pour afficher le texte du lien, on utilise la balise fermante entre les chevrons <> après avoir écrit le texte souhaité.
Il est possible d'ajouter d'autres attributs tels que target ou title pour modifier le comportement du lien ou afficher une info-bulle au survol. Enfin, il est important de bien fermer la balise avec .
Quels sont les différents types de liens disponibles en HTML ?
Il existe plusieurs types de liens disponibles en HTML : les liens hypertexte, les liens relatifs, les liens absolus et les liens d'ancrage. Les liens hypertexte permettent de rediriger vers une autre page ou un autre site web.
Les liens relatifs renvoient vers une page située dans le même dossier que la page actuelle. Les liens absolus pointent vers une adresse URL précise. Enfin, les liens d'ancrage permettent de relier différentes parties d'une même page entre elles.
Comment styliser un lien en utilisant du HTML ?
Il est possible de styliser un lien en utilisant du HTML grâce à la balise "". Tout d'abord, il faut indiquer l'URL du lien entre les guillemets après le signe "=" dans la balise.
Ensuite, il est possible de modifier la couleur et le style du texte en utilisant les attributs "style" ou en reliant une feuille de style externe. On peut également ajouter des effets au survol du lien avec les pseudo-classes ":hover".
