Comment insérer un lien HTML sur une image avec Canva

L'ajout d'un lien hypertexte à une image permet de rediriger les utilisateurs vers une autre page web lorsqu'ils cliquent sur cette image. Pour réaliser cela, vous avez besoin de deux éléments essentiels : l'URL du site web de destination et l'URL de l'image elle-même.

Il existe plusieurs méthodes pour rendre vos images cliquables. Le choix de la méthode dépendra principalement de l'environnement dans lequel vous travaillez au sein de votre site ou projet.

Utiliser l'éditeur intégré pour des images cliquables

Si vous optez pour l'éditeur intégré de Canva, une procédure spécifique doit être suivie pour transformer vos photos en éléments cliquables. La première étape consiste à accéder à la zone de description de votre projet.

Ensuite, utilisez l'icône d'insertion d'image pour ajouter la photo souhaitée. Une fois l'image intégrée, il vous suffira d'ajouter l'adresse de la page web sur laquelle vous souhaitez que l'image redirige les utilisateurs.

Schéma illustrant l'interface d'édition de Canva avec l'icône d'insertion d'image mise en évidence

Intégrer des images cliquables via le code HTML

Une autre approche consiste à intégrer directement le code HTML dans vos projets pour créer des images cliquables. Pour cela, il est nécessaire de maîtriser la syntaxe HTML de base.

Avant de pouvoir insérer une image cliquable en utilisant du code HTML, assurez-vous que votre image est déjà téléchargée sur le web. Il est indispensable de disposer de l'URL de l'image pour pouvoir l'utiliser.

Le code HTML pour une image cliquable se présente généralement sous la forme suivante :

<a href="insérer l’URL de destination ici"><img src="insérer l'emplacement de l'image ici" alt="insérer le titre ici"></a>

Vous devrez remplacer les espaces réservés par vos propres informations :

  • Sur « insérer l’URL de destination ici », ajoutez le lien vers la page sur laquelle vous souhaitez rediriger vos visiteurs.
  • Sur « insérer l'emplacement de l'image ici », indiquez la source (l'URL) de votre image.
  • Sur « insérer le titre ici » (attribut `alt`), fournissez un titre descriptif pour votre image. Cet attribut est important pour l'accessibilité et le référencement.
Exemple de code HTML pour une image cliquable avec les placeholders mis en évidence

L'attribut `alt` est particulièrement important car il fournit une description textuelle de l'image, ce qui est bénéfique pour les utilisateurs malvoyants qui utilisent des lecteurs d'écran, ainsi que pour le référencement de votre page.

tags: #canva #inserer #lien #html #a #une

Articles populaires: