Un guide simple pour les débutants

Une balise HTML est un morceau de code permettant d'ajouter des liens d'une ressource Web à une autre. Elle est également connue sous le nom de balise d'ancrage ou d'élément d'ancrage. Une balise ressemble à ceci  :Notre page d'accueil y compris leurs avantages Elle contient des balises d'ancrage qui aident les lecteurs qui cliquent dessus à « accéder » à différentes sections de l'article. Les balises d'ancrage qui mènent au contenu de la même page sont appelées « liens d'ancrage » ou « liens de saut ». Les webmasters des pages ci-dessus ont ajouté leurs balises d'ancrage HTML au texte. Mais vous pouvez également ajouter du code de lien HTML aux images. Par exemple, cliquer sur l'image d'une veuve noire sur la page des invertébrés de National Geographic Kids amène les utilisateurs à la page d'information de l'organisation sur les veuves noires  :

Composants d'une balise HTML

Une balise comporte quatre composants  :

  1. La balise d'ouverture : Qui indique le début de la balise
  2. Attribut de balise et valeurs d'attribut: Quel état est la page vers laquelle la balise renvoie. Et affectent le comportement de la balise lorsque les utilisateurs cliquent dessus. Nous passons en revue les attributs courants ci-dessous
  3. Texte d'ancrage : Le texte que les utilisateurs cliquent pour visiter le lien
  4. La balise de fermeture : Qui vaut «
    » et indique la fin de la balise

Attributs de balise

Voici quelques attributs HTML courants  : Href « Href » signifie « référence hypertexte ». Il indique la ressource vers laquelle la balise doit créer un lien. Ainsi, dans cet exemple de « lien href » :Notre page d'accueil Amener les utilisateurs qui cliquent sur le lien à visiter cette page. Contrairement aux autres attributs de balise, l'utilisation de l'attribut « href » dans votre balise est obligatoire. Sinon, le lien ne fonctionnera pas. Parce qu'il ne contient pas d'informations sur sa destination prévue. Rel « Rel » est l'abréviation de « relation ». Il indique la relation entre la ressource actuelle et celle à laquelle elle renvoie. Voici un exemple de balise HTML avec un attribut « rel »  :Achetez des écouteurs sur Amazon (lien affilié)
La valeur de cet attribut « rel » est « sponsorisé ». Indique que la page vers laquelle elle renvoie (c'est-à-dire « https://www.amazon.com/headphones ») est une publicité payante ou un contenu sponsorisé. Les autres valeurs d'attribut « rel » incluent  :

  • Pas de suivi : Indique aux moteurs de recherche de ne pas transmettre le « jus de lien » de la page actuelle à celle de la balise. (Plus d'informations sur le passage de « link juice » plus tard.)
  • Pas d'ouverture : Une mesure de sécurité qui empêche la ressource liée de prendre le contrôle de la page actuelle lorsque les utilisateurs cliquent sur un lien qui s'ouvre dans un nouvel onglet ou une nouvelle fenêtre. Ainsi, la ressource liée ne peut pas rediriger les utilisateurs vers une escroquerie par phishing ou d'autres pages dangereuses
  • Aucun référent: interdit à la ressource liée d'identifier la page actuelle comme source de visiteurs pour celle-ci. De telle sorte que les services d'analyse Web comme Google Analytics (GA4) classeront ces visiteurs comme « trafic direct » dans leurs rapports. Au lieu de catégoriser ces visiteurs comme « trafic de référence » et de nommer la page actuelle comme source de référence. « Noreferrer » provoque également les effets de l'attribut « » même si la balise ne l'a pas

Un seul attribut « rel » peut contenir plusieurs valeurs. Jetez un œil à ce lien sur le blog SparkToro, par exemple  : La balise sous-jacente au lien a un attribut « rel » de « noreferrer ». CibleL'attribut « cible » indique le navigateur de l'utilisateur où ouvrir la ressource liée. Un exemple de balise HTML avec un attribut « cible » est  :Ouvrez notre page d'accueil dans un nouvel onglet
Si la balise ne contient pas de valeur d'attribut « cible », elle sera par défaut une valeur d'attribut « cible » de « _self ». Ce qui ouvre la ressource liée dans le même cadre. Un attribut « cible » populaire est « _blank ». Ce qui ouvre la ressource liée dans un nouvel onglet ou une nouvelle fenêtre du navigateur. La balise « a href » en HTML ne doit pas être confondue avec la balise link. Voici la structure d'une balise HTML   :

attribut canonique

attribut hreflang

Les balises de lien n'ont pas de balises de fermeture  ; ils se ferment automatiquement. Cela signifie qu'il s'agit de balises complètes en elles-mêmes et qu'il n'est pas nécessaire de les fermer. En revanche, les développeurs Web utilisent des balises HTML dans le contenu d'une page. pour ajouter des « hyperliens » (ou « liens » en abrégé) d'une ressource à une autre. Ils doivent également fermer chaque balise par une balise
Ce tableau résume les différences entre les balises et de lien. :Lectures complémentaires: Liste des balises HTML  : Les balises HTML Cheat SheetAnchor peuvent vous aider  :

Améliorer l'expérience de navigation des utilisateurs

En utilisant des balises d'ancrage pour relier les ressources de votre site Web entre elles, vous aidez les utilisateurs à découvrir d'autres contenus qu'il contient. De différentes manières  :

  • Permettre aux utilisateurs de parcourir différentes sections de votre site Web. Dans le cas de liens internes dans les menus de navigation
  • Permettre aux utilisateurs de passer facilement à des parties spécifiques de la page. Dans le cas de liens d’ancrage
  • Diriger les utilisateurs vers des guides détaillés sur les sujets que vous avez brièvement mentionnés sur la page actuelle. Ce qui est particulièrement utile pour créer des piliers de contenu
  • Recommander d'autres pages que les utilisateurs pourront consulter après avoir fini de lire la page actuelle. Pour encourager les utilisateurs à continuer à interagir avec votre site Web plus longtemps

Sans vous ajoutez des liens vers vos pages de cette manière, les utilisateurs pourraient ne pas en être conscients. Et encore moins pouvoir y accéder pour voir leur contenu.

Transmettre le jus de lien via des liens internes

Le « jus de lien », ou équité des liens, fait référence à une augmentation de l'autorité d'une page aux yeux des moteurs de recherche en raison du lien d'une autre page vers elle. Cette augmentation se produit parce qu'un lien vers une certaine page peut représenter un vote de confiance pour cette page. utilité. Plus une page reçoit de liens provenant de sites Web faisant autorité, plus ces sites Web lui auront probablement transmis de jus de liens. En conséquence, les moteurs de recherche peuvent considérer cette page comme faisant davantage autorité. Et classez-la plus haut dans les résultats de recherche. Une page de haute autorité peut également transmettre du jus de lien à d'autres pages du même site Web en créant un lien vers elles. Profitez donc de cette opportunité facile pour renforcer l'autorité de vos pages en ajoutant des liens internes de votre haute autorité. pages pour eux.Lectures complémentaires: Liens internes  : Guide ultime + StratégiesLes plates-formes de sites Web modernes comme WordPress facilitent la création de balises HTML pour les liens. Aucun codage n’est nécessaire. Les étapes exactes peuvent varier. Mais ils impliquent généralement de saisir votre texte d'ancrage dans l'éditeur de contenu de la plate-forme du site Web. Mettez ce texte en surbrillance. Cliquez sur l'icône « Lien » de l'éditeur, puis tapez (ou copiez et collez) l'URL vers laquelle le texte doit créer un lien. Appuyez sur « »Entrer » ou « Retour» sur votre clavier pour confirmer. Et c'est tout ! Vous avez créé votre lien sans saisir vous-même ses balises HTML sous-jacentes.

Comment détecter les problèmes de balise HTML

outil d'auditexploration » pour sélectionner si l'outil doit vérifieraudit du siteoutil. Cliquez sur le lien « » du rapport.Problèmes ». Si certains des liens internes de votre site Web ont des balises défectueuses, vous verrez un « # liens internes sont cassés » dans la section « Erreurs » : Alternativement, si certains des liens externes de votre site Web ont des balises défectueuses, vous verrez un «# Liens externes sont brisés » dans la section « Avertissements ». Cliquez sur l'un des messages pour afficher la liste des liens rompus. Vous verrez un rapport sur les différentes URL rompues. Plus les URL des pages sur lesquelles ils peuvent être trouvés. Vous pouvez ensuite réparer chaque lien rompu de la manière suivante  :

  • Modification de votre page Web pour remplacer le lien brisé avec un qui fonctionne
  • Mise en place d'un Redirection 301 pour diriger les utilisateurs du lien rompu vers un lien différent et fonctionnel
  • Modification de votre page Web pour supprimer complètement le lien si tu n'en as plus besoin

En plus d'identifier les liens rompus, Site Audit peut rechercher plus de 140 autres problèmes techniques. Y compris  : Vous pouvez également planifier vos audits tous les jours ou chaque semaine. Ainsi, vous restez au courant de tous les problèmes techniques qui surviennent. Les balises HTML jouent un rôle important en facilitant la navigation des utilisateurs et en améliorant le classement des moteurs de recherche. regarder compliqué. Mais les créer est facile.Et leur gestion est encore plus simple.Démarrez simplement un essai gratuit de SEMrush pour utiliser l'outil d'audit de site. Vérifiez régulièrement votre site Web pour détecter les liens brisés. Et assurez-vous que vos balises fonctionnent comme prévu.