Générateur de lien HTML
Générateur de lien HTML : balises a avec rel et target | We.Inc
Générateur de lien HTML gratuit. Saisissez une URL et le texte du lien, choisissez nouvel onglet, nofollow, sponsored ou ugc, et copiez une balise a propre avec les bons attributs rel.
Générateur de lien HTML
Saisissez l'adresse et les mots sur lesquels on cliquera, choisissez si le lien s'ouvre dans un nouvel onglet et comment les moteurs de recherche doivent le traiter, et cet outil écrit la balise a avec les bonnes valeurs rel. Il échappe les caractères spéciaux, pour qu'un texte contenant des guillemets ou des esperluettes ne casse pas votre page.
- Collez l'adresse complète vers laquelle le lien doit pointer, https:// compris.
- Saisissez le texte du lien. Décrivez la destination plutôt que d'écrire cliquez ici.
- Choisissez s'il s'ouvre dans un nouvel onglet, et marquez-le comme sponsorisé, contenu utilisateur ou nofollow si besoin.
- Ajoutez si vous le souhaitez un titre ou une classe, puis copiez la balise dans votre page, votre article ou votre e-mail.
- Marquez les liens payants et d'affiliation comme sponsored. Les moteurs de recherche le demandent, et l'oublier peut pénaliser un site.
- Utilisez ugc pour les liens ajoutés par les visiteurs dans les commentaires ou les forums, afin de ne pas vous en porter garant.
- Les liens éditoriaux classiques vers des sources de confiance n'ont besoin d'aucune valeur rel. Inutile de mettre nofollow partout.
- Ouvrir tous les liens dans un nouvel onglet peut agacer. Réservez-le aux liens qui interrompraient une tâche, comme une page d'aide dans un formulaire.
- Rédigez des textes de lien compréhensibles seuls. Les utilisateurs de lecteurs d'écran passent souvent de lien en lien et n'entendent que le texte.
Questions fréquentes
Quel est le code HTML d'un lien ?
Un lien est une balise a : <a href="https://example.com">Example</a>. Le href contient l'adresse et le texte entre les balises est ce sur quoi on clique.
Comment ouvrir un lien dans un nouvel onglet ?
Ajoutez target="_blank". L'outil ajoute aussi rel="noopener", qui empêche la nouvelle page de prendre le contrôle de la page qui l'a ouverte. Les navigateurs récents le font par défaut, mais l'ajouter ne coûte rien et protège les plus anciens.
Quelle différence entre nofollow, sponsored et ugc ?
sponsored signale les liens payants ou d'affiliation, ugc les liens ajoutés par les utilisateurs, et nofollow est l'indication générale pour les liens dont vous ne voulez pas vous porter garant. Vous pouvez les combiner, par exemple rel="sponsored nofollow".
nofollow empêche-t-il les moteurs de visiter la page ?
Pas forcément. Les moteurs traitent ces valeurs comme des indications sur le lien, pas comme un blocage. Pour garder une page hors des résultats, utilisez une balise noindex sur cette page.
Pourquoi l'outil transforme-t-il & en & ?
En HTML, & commence une référence de caractère : un & isolé dans une adresse ou un texte peut donc être mal interprété. Écrire & est la forme sûre, et les navigateurs le retransforment en & en suivant le lien.
Ce que l'attribut rel dit aux moteurs de recherche
- Un lien simple est un vote de confiance : vous dites aux lecteurs et aux moteurs que la page mérite une visite. L'attribut rel nuance ce vote. sponsored indique que le lien existe en raison d'un paiement, ugc qu'un visiteur l'a ajouté, et nofollow que vous préférez ne pas transmettre de confiance.
- Bien les utiliser protège votre site. Vendre des liens sans les signaler va à l'encontre des consignes des moteurs de recherche, et les liens non signalés dans les commentaires attirent le spam. Signalez ce qui doit l'être et laissez propres les liens éditoriaux ordinaires.
Des liens qui marchent pour tout le monde
- Un bon texte de lien est court et précis : télécharger la grille tarifaire vaut mieux que cliquez ici, car il dit ce qui va se passer avant le clic. Il donne aussi aux moteurs une idée claire de la page liée.
- Utilisez des adresses complètes avec https:// quand vous collez des liens dans des e-mails ou sur d'autres sites, car une adresse relative ne fonctionne que sur vos propres pages. Si le lien mène à un fichier, indiquez le format et la taille dans le texte, comme grille tarifaire (PDF, 200 Ko), pour que personne ne soit surpris par un téléchargement.
Adresse du lien
Texte du lien
Voir nos tarifs
Ouvrir dans un nouvel onglet
Lien payant ou d'affiliation (sponsored)
Ajouté par un visiteur (ugc)
Ne pas se porter garant de ce lien (nofollow)
Titre (facultatif)
Classe CSS (facultatif)
Saisissez l'adresse du lien.
Code HTML
Commencer gratuitement · Sans carte bancaire
Voir aussi: Outils gratuits
- Générateur de tableau HTML accessible
- Convertisseur HTML vers JSX
- Convertisseur HTML en texte
- Générateur d'iframe
- Générateur de texte alt pour sites d'entreprise (export CSV)
- Compresseur d'images gratuit
- Recadrer une image pour site web
- Générateur d'image map HTML gratuit
Produit
Pour qui
- Pour les agences
- Pour les indépendants
- Pour les hébergeurs
- Pour les plateformes SaaS
- Pour les startups
- Services financiers
- Solutions pour la santé
Fonctionnalités
- Éditeur visuel
- SEO et analyses
- Image de marque personnalisée
- Tableau de bord client
- Facturation revendeur
Ressources
- Blog
- Centre d'aide
- Outils gratuits pour les entreprises
- Free UI Components
- Modèles
- Collections de modèles
- Exemples de sites
- Guides
- Comparatifs
- Alternatives
- Les meilleurs
- Avis
- Guides des tarifs
- Cas d'usage
- Glossaire et guides
- Intégrations
- Développeurs
- Benchmark
- Windows App