Image-maps.com pour faire votre mapping

Photo of author
Écrit par Mallory Lebel

Se sentir libre de concilier "vie privée" et "vie numérique" sans intrusion.

Ma page Facebook

Je voulais vous faire découvrir un petit service internet bien utile, qui peut vous faciliter la vie si vous créer un blog ou un site internet.

Lorsque vous créez une telle plate-forme, vous êtes soumis à une double contrainte :

  • 1/ Faire un site le plus beau possible, avec des images originales qui vont parler au lecteur. De nombreuses études ont mis en évidence le fait que des images grandes retenaient plus l’attention que des petites.
  • 2/ Faire en sorte que votre site soit rapide à l’affichage, Google prenant en compte ce facteur dans son positionnement et le lecteur ayant tendance à ne pas s’attarder sur un site qui rame.

Pas évident, du coup, de faire un site à la fois imagé et rapide.

C’est là qu’intervient une petite astuce : au lieu de mettre côte à côte plusieurs images cliquables, pourquoi ne pas rassembler tous ces petits bouts d’images en une seule grande image tout en permettant de faire cliquer l’internaute à plusieurs endroits de cette image ?

C’est ce que l’on appelle le MAPPING. L’avantage est qu’une seule image peut être facilement réduite à l’aide de logiciels spécifiques (personnellement j’utilise RIOT que j’adore, mais il en existe d’autres).

Le MAPPING est un code qui permet cet exploit. Pour ceux qui ne savent pas coder, IMAGE-MAPS.COM devient un service en ligne très efficace.

image-maps.com

  • Tout ce que vous avez à faire, c’est de préparer votre image, comme par exemple celle ci-dessous, de l’héberger sur votre site (ou sur n’importe quel site d’hébergement) puis de coller l’adresse.

Protégez vos données et libérez tout le potentiel d'internet

🌐 Découvrez la liberté en ligne : Avec notre application VPN, changez votre adresse IP et accédez aux contenus bloqués ou géo-restreints partout dans le monde. Netflix US, chaînes TV étrangères, sites spécifiques… rien ne vous résistera !

🔒 Sécurisez votre navigation : Protégez vos données sensibles grâce à un cryptage avancé. Dites adieu aux malwares et aux risques de piratage, que ce soit chez vous ou sur un Wi-Fi public.

📈 Essayez dès maintenant notre VPN et rejoignez des millions d'utilisateurs satisfaits. Ne laissez pas votre vie privée sans défense !

🔑 Gérez vos mots de passe comme un pro : Avec notre gestionnaire de mots de passe, dites adieu aux oublis et créez des mots de passe ultra-sécurisés. Plus besoin de vous inquiéter des failles de sécurité.

icones réseaux sociaux

  • Ensuite vous cliquez sur « Start Mapping Your Image ».
  • Vous avez alors accès à un rectangle. Vous dessinez les rectangles qui seront vos zones cliquables et insérez leur adresse de renvoi du lien.
  • Vous découpez ainsi de multiples zones dans votre image.
  • Enfin, le service vous donne votre code « Get Your Code » que vous pourrez insérer dans votre code source. 

Le code délivré ressemble à ça :

Code image-maps

Rien ne vous empêche de coder à la main, mais j’ai trouvé que ce service permettait un gain de temps bien sympathique.

Résultats après quelques essais de ma part ?

  • ==> Un gain dans la vitesse d’affichage non négligeable.
  • ==> Par contre, en terme de référencement, j’ai des doutes : Est-ce que Google parvient à savoir que cette image est cliquable en de multiples endroits et la prend-elle en compte de la même manière ? Vos expériences en la matière sont les bienvenues.
Catégories Web

→ Naviguez en toute sécurité et débloquez internet !

Vous voulez accéder à des contenus bloqués dans votre région ? Besoin de protéger vos données personnelles lors de vos connexions sur des réseaux Wi-Fi publics ? Avec NordVPN, profitez d'une réduction exclusive de 74% pour sécuriser votre navigation, accéder aux plateformes géo-restreintes et protéger vos informations sensibles.

Dites adieu aux pirates informatiques et profitez d'une connexion rapide et anonyme, où que vous soyez. Cliquez ci-dessous pour découvrir cette offre :

2 réflexions au sujet de “Image-maps.com pour faire votre mapping”

  1. Personnellement je pense que les balises « map » et « area » sont obsolètes, et devront passer « deprecated » dans les prochaines versions d’HTML. Il vaut mieux à présent passer par la technique des « images sprites » qui permet le même gain en quantité de ko à télécharger, un meilleur balisage HTML et une maintenance plus aisée, voir cet ancien article qui en parlait.

    En terme de SEO par contre je ne pense pas que ça coince tant que l’attribut « alt » est bien renseigné.

Laisser un commentaire