href=\"value\"<\/code><\/div>\nExplorons les principaux types de valeurs href :<\/p>\n
URL Relatives<\/h4>\n Une URL relative est un chemin vers une ressource sur le m\u00eame site web.<\/p>\n
Par exemple, le logo de notre blog Semrush a la valeur href \u00ab \/blog\/ \u00bb :<\/p>\nCertains d\u00e9veloppeurs web utilisent des URL relatives pour tous les liens internes. Parce qu’elles sont concises. Et qu’elles peuvent encore fonctionner apr\u00e8s une\u00a0migration de site.<\/p>\n
Cependant, nous recommandons d’utiliser des URL absolues \u00e0 des fins SEO.<\/p>\n
URL Absolues<\/h4>\n Une URL absolue est le chemin complet vers une\u00a0URL, incluant le protocole, le domaine et tout chemin ou param\u00e8tre suppl\u00e9mentaire.<\/p>\n
Par exemple :<\/p>\n
href=\"https:\/\/www.semrush.com\/blog\/\"<\/code><\/div>\nVous devrez utiliser des URL absolues lors de l’ajout de liens externes.<\/p>\n
Mais elles sont \u00e9galement utiles pour les liens internes. Parce que vous pouvez toujours lier vers l’URL\u00a0canonique \u2014 la version pr\u00e9f\u00e9r\u00e9e d’une page dupliqu\u00e9e.<\/p>\n
Cela \u00e9limine toute ambigu\u00eft\u00e9 ou confusion pour les moteurs de recherche. Donc cela peut aider votre SEO.<\/p>\n
Dans une\u00a0vid\u00e9o de Google, John Mueller a d\u00e9clar\u00e9 que lier vers des URL canoniques \u00ab a probablement un peu plus de sens, car vous n’avez pas \u00e0 vous soucier de choses comme l’acc\u00e8s \u00e0 la version non-WWW de votre site web. \u00bb<\/p>\n
Liens d’Ancrage<\/h4>\n Les liens d’ancrage (ou liens de saut) sont des liens vers diff\u00e9rentes parties de la m\u00eame page.<\/p>\n
Par exemple, tous les liens dans la table des mati\u00e8res de cet article sont des liens d’ancrage.<\/p>\n
Pour cr\u00e9er un lien de saut, donnez \u00e0 l’\u00e9l\u00e9ment vers lequel vous souhaitez lier un attribut id (id=\u00a0\u00bbnom-id\u00a0\u00bb).<\/p>\n
Comme ceci :<\/p>\n
<h2\u00a0id=\"faqs\">FAQs<\/h2><\/code><\/div>\nEnsuite, cr\u00e9ez le lien en utilisant #nom-id comme valeur href.<\/p>\n
Comme ceci :<\/p>\n
<a\u00a0href=\"#faqs\">sauter\u00a0aux\u00a0FAQ<\/a><\/code><\/div>\nAlternativement, utilisez href=\u00a0\u00bb#top\u00a0\u00bb ou href=\u00a0\u00bb#\u00a0\u00bb pour cr\u00e9er un saut vers le haut de la page.<\/p>\n
Liens Mailto<\/h4>\n L’attribut href=\u00a0\u00bbmailto:\u00a0\u00bb cr\u00e9e un lien mailto qui ouvre un nouveau e-mail dans le programme de messagerie de l’utilisateur.<\/p>\n
Il est g\u00e9n\u00e9ralement utilis\u00e9 en combinaison avec une adresse e-mail cible.<\/p>\n
Par exemple, nous avons un lien href comme celui-ci dans le pied de page de notre site :<\/p>\n
<a\u00a0href=\"mailto:mail@semrush.com\">mail@semrush.com<\/a><\/code><\/div>\nCliquer sur l’hyperlien cr\u00e9e un brouillon d’e-mail comme ceci :<\/p>\nVous pouvez \u00e9galement ajouter des param\u00e8tres tels qu’une ligne d’objet, un contenu du corps et une adresse CC au code a href.<\/p>\n
Supposons que vous souhaitiez que les candidats \u00e0 un emploi envoient leur CV \u00e0 jobs@example.com avec la ligne d’objet \u00ab Poste de D\u00e9veloppeur Web \u00bb.<\/p>\n
Pour le faciliter, vous pourriez ajouter un lien HTML comme celui-ci :<\/p>\n
<a\u00a0href=\"mailto:jobs@example.com?subject=Poste%20de%20D\u00e9veloppeur%20Web\">Postuler\u00a0Maintenant<\/a><\/code><\/div>\nNotez que \u00ab %20 \u00bb est utilis\u00e9 \u00e0 la place des espaces. Il s’agit d’un exemple de\u00a0codage URL \u2014 un processus qui aide \u00e0 s’assurer que les param\u00e8tres fonctionnent correctement.<\/p>\n
Liens Tel<\/h4>\n Pour cr\u00e9er un lien tel, utilisez l’attribut href=\u00a0\u00bbtel:\u00a0\u00bb en combinaison avec le num\u00e9ro de t\u00e9l\u00e9phone.<\/p>\n
Comme ceci :<\/p>\nLorsque l’utilisateur clique sur l’hyperlien sur un appareil compatible, cela ouvrira le num\u00e9ro dans son application de num\u00e9rotation. Rendant facile pour lui de vous appeler.<\/p>\n
2. Utilisez d’Autres Attributs de Balise d’Ancrage<\/h3>\n L’attribut href est important dans un \u00e9l\u00e9ment d’ancrage car il d\u00e9finit la destination du lien. Mais vous pouvez ajouter d’autres\u00a0attributs de balise d’ancrage\u00a0pour d\u00e9terminer ce qui se passe lorsque l’utilisateur clique sur le lien.<\/p>\n
Ces attributs peuvent \u00e9galement aider les moteurs de recherche \u00e0 comprendre vos liens. Et donc b\u00e9n\u00e9ficier \u00e0 votre SEO.<\/p>\n
Voici un aper\u00e7u rapide des plus courants :<\/p>\n
\n\n \n\nAttribut d’Ancrage<\/td>\n Objectif<\/td>\n Exemple de Balise d’Ancrage<\/td>\n<\/tr>\n \nDownload<\/td>\n Indique au navigateur de t\u00e9l\u00e9charger la ressource li\u00e9e au lieu de l’ouvrir.<\/p>\nIncluez un nom de fichier descriptif entre les guillemets.<\/td>\n
<a href=\u00a0\u00bbexample.pdf\u00a0\u00bb download=\u00a0\u00bbNomFichier\u00a0\u00bb>T\u00e9l\u00e9charger <\/a><\/td>\n<\/tr>\n \nRel<\/td>\n Informez les moteurs de recherche de la relation de votre site avec la ressource li\u00e9e.<\/p>\nPar exemple,\u00a0rel=\u201cnofollow\u201d\u00a0demande aux moteurs de recherche d’\u00e9viter de traiter le lien comme une approbation de la page li\u00e9e. (C’est un concept important en\u00a0construction de liens.)<\/td>\n
<a href=\u00a0\u00bbhttps:\/\/www.example.com\/\u00a0\u00bb rel=\u00a0\u00bbnofollow\u00a0\u00bb>Texte d’Ancrage<\/a><\/td>\n<\/tr>\n \nTarget<\/td>\n Indique au navigateur o\u00f9 ouvrir le lien.<\/p>\nPar exemple,\u00a0target=\u00a0\u00bb_blank\u00a0\u00bb<\/strong>\u00a0ouvre la ressource dans un nouvel onglet ou fen\u00eatre. Tandis que\u00a0target=\u00a0\u00bb_self\u00a0\u00bb<\/strong>\u00a0le garde dans le m\u00eame cadre.<\/td>\n<a href=\u00a0\u00bbhttps:\/\/www.semrush.com\/\u00a0\u00bb target=\u00a0\u00bb_blank\u00a0\u00bb>Semrush<\/a><\/td>\n<\/tr>\n \nTitle<\/td>\n Affiche un tooltip lorsque l’utilisateur survole le lien.<\/p>\nIncluez le texte du tooltip entre les guillemets.<\/td>\n
<a href=\u00a0\u00bbhttps:\/\/www.semrush.com\/\u00a0\u00bb title=\u00a0\u00bbPage d’accueil Semrush\u00a0\u00bb>Semrush<\/a><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\nConseil :<\/strong>\u00a0Certaines sortes de liens provenant d’autres sites (backlinks) peuvent b\u00e9n\u00e9ficier \u00e0 votre SEO. Avec l’outil\u00a0Backlink Analytics\u00a0de Semrush, vous pouvez facilement\u00a0analyser vos backlinks\u00a0et les comparer \u00e0 ceux de vos concurrents.<\/em><\/p>\n\n
\n
\n
\n
\n
\n
\n","protected":false},"excerpt":{"rendered":"
Liens A Href : Qu’est-ce que c’est et comment les utiliser Qu’est-ce qu’un lien A Href ? Un \u00ab lien a href \u00bb (ou \u00ab lien href \u00bb) est un code HTML qui utilise une balise <a> et un attribut href pour cr\u00e9er un hyperlien cliquable. Par exemple, ce lien href cr\u00e9e l’hyperlien \u00ab Semrush […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1216],"tags":[1358],"class_list":["post-68734","post","type-post","status-publish","format-standard","hentry","category-seo-2","tag-general"],"acf":[],"_links":{"self":[{"href":"https:\/\/alienroad.com\/fr\/wp-json\/wp\/v2\/posts\/68734","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/alienroad.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/alienroad.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/alienroad.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/alienroad.com\/fr\/wp-json\/wp\/v2\/comments?post=68734"}],"version-history":[{"count":1,"href":"https:\/\/alienroad.com\/fr\/wp-json\/wp\/v2\/posts\/68734\/revisions"}],"predecessor-version":[{"id":68735,"href":"https:\/\/alienroad.com\/fr\/wp-json\/wp\/v2\/posts\/68734\/revisions\/68735"}],"wp:attachment":[{"href":"https:\/\/alienroad.com\/fr\/wp-json\/wp\/v2\/media?parent=68734"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/alienroad.com\/fr\/wp-json\/wp\/v2\/categories?post=68734"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/alienroad.com\/fr\/wp-json\/wp\/v2\/tags?post=68734"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
![\"Anatomie](\"https:\/\/static.semrush.com\/blog\/uploads\/media\/b3\/d3\/b3d33c62a4326a8b55f15f7e2047527d\/qctdKqobDZ6lJUqwdKpcyMG4l2BUR3Y0zkkONYv1nQl3MFBh3ZXvi3A_56xLCtk8x_NCW1bnk8Ac421mT9hIx-AMG8DVeHEjEuZOT0aYN1xoPLGdgSLRru1yDpqR9EP0H0Jyi41W4spOgX8zCn6gP9k.webp\" "\\"\\"")
<\/picture><\/figure>\n![\"Illustration](\"https:\/\/static.semrush.com\/blog\/uploads\/files\/e3\/c1\/e3c11aed0d9bffb525e8f7552d6b7fa1\/illustration-ads-banner-205x170.svg\" "\\"\\"")
<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n![\"Logo](\"https:\/\/static.semrush.com\/blog\/uploads\/media\/42\/fc\/42fc1cfea2f2e3bd7da6148681714d10\/sJrkkHM2rC4fjbuTsPSHYv0TCYPm-cEPhZDg9jt4mdInGTZnqMGC9pFXYoDSpJDVRaPwAALdkrqL7wm74pXf-Q6mZDTy_w_9eD4PO45YGuEXrSHCmqtl7jfdF2p1jwYmgNvU2vPBrpvACg_RQMp9Uf0.webp\" "\\"\\"")
<\/picture><\/figure>\n![\"Cliquer](\"https:\/\/static.semrush.com\/blog\/uploads\/media\/82\/cd\/82cdd66ac86941a501accb99a0d7d86f\/bQwJUpfZ1_T6U4JVWAFd5rnA_djgdpN1QlAqVjkFCXALPPzxY2fvA-95P5S96eHrMQFe1ifrVNnEB6voQHhInQiqhBYQQl-HXI6KRIrE8FP8Vsfsjd_GeFrfGos_rJiE19MGmKadHxBagpPIG3VYQWE.webp\" "\\"\\"")
<\/picture><\/figure>\n![\"Un](\"https:\/\/static.semrush.com\/blog\/uploads\/media\/c1\/4e\/c14ea59c5c8980f92c75d48c136d1afa\/Wq2o295-za_985nXaaZjIfib9A6LAqc3yjAg0vmqVvukZTfprUBdUm12Wmqnb04nqF2-2BgmNZTaQny6-xypsViGyQ4Nj3aJG3CplzB4s5xmOPngaOFuMzv8m2KEttZKI5KtwAXTCVd0ldl9o6a74u8.webp\" "\\"\\"")
<\/picture><\/figure>\n