Comment transformer un logo en lien cliquable (HTML)
Rendre un logo cliquable revient à envelopper l'image dans une balise d'ancrage HTML <a>. La méthode dépend de votre outil :
Via menu ou bouton (éditeurs visuels : WordPress, Outlook, Dreamweaver…)
- Sélectionnez l'image du logo (clic).
- Cherchez « Insérer un lien », « Lien », ou l'icône chaîne (🔗) dans la barre d'outils.
- Saisissez l'URL de destination (ex.
https://www.exemple.com). - Optionnel : ajoutez un Titre (infobulle au survol) et cochez « Ouvrir dans un nouvel onglet » (
target="_blank"). - Validez.
En écrivant le HTML manuellement
Ouvrez votre fichier HTML dans un éditeur de texte (VS Code, Notepad++, etc.). Repérez la balise <img> du logo :
<img src="logo.png" alt="Mon entreprise">Entourez-la de la balise <a> :
<a href="https://www.exemple.com" title="Mon entreprise - Accueil" target="_blank">
<img src="logo.png" alt="Mon entreprise">
</a>href: URL de destination.title: texte au survol (accessibilité).target="_blank": ouvre dans un nouvel onglet (omettez pour même onglet).alt: description textuelle (obligatoire pour accessibilité/SEO).
Exemple complet
<a href="https://monsite.fr" title="Retour à l'accueil" target="_blank">
<img src="images/logo.svg" alt="MonSite - Logo" width="180" height="60">
</a>Astuce
Si vous utilisez un CMS (WordPress, Wix, Squarespace), privilégiez l'interface visuelle : elle génère le HTML correct automatiquement et gère le responsive.