Afficher plusieurs adresses sur une carte, ce n’est pas qu’un gadget de plus pour votre site : c’est une boussole pour l’internaute pressé, un guide silencieux qui évite de perdre vos visiteurs dans la jungle des itinéraires. La bonne nouvelle ? L’opération n’exige pas d’être diplômé en géolocalisation ni de jongler avec le code.
J’ai préparé une vidéo concrète qui détaille comment regrouper facilement plusieurs adresses sur une carte Google Maps intégrée à votre site WordPress grâce à un outil adapté. Pratique pour indiquer tous vos points de vente locaux ou accompagner un article utile sur les lieux à ne pas manquer, comme nous l’avons fait sur ce site dédié aux boutiques de vêtements pour enfants.
Voici la vidéo :
Vous souhaitez donner de la visibilité à vos boutiques physiques en optimisant les textes de votre site pour Google ? Nous proposons d’analyser gratuitement votre site pour détecter les leviers à activer.
La transcription de la vidéo vous attend ci-dessous, pour revoir chaque étape à votre rythme :
Comment afficher plusieurs adresses sur une carte Google Maps dans WordPress ?
Passons à la pratique : voici comment ajouter plusieurs points d’intérêt à une carte Google Maps directement sur votre site.
Sur certains sites, regrouper tous les emplacements sur une seule carte offre aux utilisateurs un panorama immédiat. C’est aussi l’occasion de proposer un billet détaillé, pour enrichir l’expérience.
La carte permet de zoomer, de se déplacer facilement, tout en affichant l’ensemble des adresses mentionnées dans l’article. L’utilisateur repère d’un coup d’œil ce qui l’intéresse. Voici comment procéder, étape par étape.
Par exemple, j’ai besoin d’ajouter une nouvelle carte pour les boutiques de vêtements pour enfants à Apeldoorn.
Installer un plugin dédié
Pour simplifier la gestion des adresses, nous utilisons le plugin WordPress Map Multi Marker.
En ouvrant une nouvelle fenêtre, on accède à la création de carte et à la sélection des emplacements à afficher.
Vous trouverez le plugin Map Multi Marker directement dans l’annuaire WordPress, il est disponible gratuitement. Voici où le télécharger :
Dans mon cas, il est déjà installé, mais pour une première utilisation, il suffit de cliquer sur « installer maintenant » puis sur « activer ». Le plugin sera alors prêt à l’emploi sur votre site.
Créer une carte personnalisée
J’ai plusieurs cartes enregistrées, comme vous pouvez le constater. Pour en créer une nouvelle, il suffit de cliquer sur l’option dédiée. La première étape consiste à ajouter tous les emplacements souhaités.
Entrer les informations de chaque adresse
En cliquant pour ajouter un lieu, un formulaire s’affiche. Il est possible de renseigner les champs suivants :
- un titre pour le point d’intérêt
- une brève description
- l’adresse complète
- un numéro de téléphone
- un lien vers le site du magasin
- la latitude
- la longitude, pour positionner précisément le marqueur sur la carte
Quels commerces allons-nous référencer ? Prenons l’exemple du premier : Zoom Kids.
Nous rassemblons les adresses les plus demandées par les clients, et Zoom Kids est le point de départ.
On renseigne le nom dans le champ « titre ».
Il est également possible d’ajouter une image, ce qui rend la carte plus attractive. Zoom Kids figure déjà dans la liste, utilisons cette photo.
Une fois l’image insérée, elle s’affichera sur la carte. La description peut être renseignée, mais comme elle figure déjà dans l’article, ce n’est pas toujours indispensable.
L’adresse est essentielle pour permettre à l’utilisateur de se repérer immédiatement. Nous verrons l’intérêt de ce champ un peu plus loin.
Le numéro de téléphone et le lien web sont optionnels. Ici, l’objectif est que le visiteur reste sur l’article, donc je les laisse vides pour cet exemple.
Trouver la latitude et la longitude précises
Pour obtenir les coordonnées exactes, rendez-vous sur Google Maps : maps.google.com
Vous visualisez la carte, et dans ce cas précis, nous cherchons l’adresse à Wilnis, près de Mijdrecht.
Mais on souhaite surtout localiser une adresse précise. J’entre donc la Korenstraat 13 à Apeldoorn dans Google Maps.
Après avoir saisi l’adresse, on localise l’endroit exact sur la carte. Un clic droit sur le point désiré permet de sélectionner « Qu’y a-t-il ici ? »
Les coordonnées GPS s’affichent alors, prêtes à être copiées.
Il ne reste plus qu’à les coller dans les champs latitude et longitude du plugin.
Pensez à cliquer sur « Ajouter » pour sauvegarder le point sur la carte. Si on oublie cette étape, il faudra tout recommencer, ce qui serait frustrant.
Insérer un deuxième magasin
Ajoutons maintenant une autre boutique : Tom-Du, vêtements pour enfants.
Quelle image choisir ? Celle où l’on voit ces enfants souriants fera l’affaire. Elle est déjà disponible parmi les fichiers.
On sélectionne la photo, puis on renseigne l’adresse : 24 Labour Street à Apeldoorn.
Ce sont les seules informations nécessaires dans ce contexte, la description étant déjà présente dans l’article.
Pas besoin d’indiquer le numéro de téléphone ni de lien web, puisque toutes les explications figurent déjà sur la page et qu’on préfère guider le lecteur vers la visite physique.
Pour cette adresse, on procède comme précédemment pour récupérer les coordonnées exactes via Google Maps (« Qu’y a-t-il ici ? » sur le bon emplacement).
Si l’adresse n’est pas parfaitement exacte, ce n’est pas dramatique : le marqueur sera tout de même positionné à l’endroit voulu, et l’adresse écrite suffira au client pour s’y rendre aisément.
On colle les coordonnées, puis on valide avec « Ajouter ».
Régler les options d’affichage de la carte
Une fois les emplacements enregistrés, il reste à configurer quelques paramètres pour obtenir une vue optimale :
- le titre de la carte, par exemple : « Boutiques de vêtements pour enfants à Apeldoorn »
- les dimensions (hauteur et largeur), à adapter en fonction du design du site
- le niveau de zoom initial : je recommande généralement 12 pour une ville de taille moyenne, ce qui permet de visualiser l’ensemble des points d’intérêt sans trop s’éloigner ni zoomer exagérément
- les coordonnées de centrage de la carte : on utilise souvent la latitude et la longitude du premier point ajouté
- le type de carte : sélectionnez « Road Map » pour afficher les rues, ce qui est plus lisible pour la plupart des usages
- enregistrez les options via le bouton dédié
Voilà, votre carte multi-adresses est configurée.
Intégrer la carte à l’article
Il suffit ensuite de copier le shortcode fourni par le plugin. Ce petit code s’intègre directement dans l’éditeur WordPress de votre article.
Direction l’article concerné : rédigez une courte présentation, insérez le shortcode à l’endroit voulu, puis mettez à jour la page.
En accédant à l’article en ligne, on retrouve le titre, l’image principale, l’introduction, puis la carte interactive d’Apeldoorn.
Si le niveau de zoom ne vous convient pas, retournez aux réglages de la carte, ajustez par exemple de 12 à 14, puis sauvegardez. Pas besoin de réintégrer le shortcode : la modification sera prise en compte automatiquement.
Actualisez la page, effectuez un zoom pour vérifier que les marqueurs s’affichent comme souhaité.
Les deux boutiques apparaissent, centrées sur le cœur de la ville. L’utilisateur visualise tout de suite où se rendre, peut zoomer sur un point précis, et interagir librement avec la carte.
En cliquant sur un marqueur, il accède à des informations complémentaires :
La photo, le nom de la boutique, l’adresse. Tout est là, en un coup d’œil.
Résultat : une carte Google Maps multi-adresses prête à l’emploi
Proposer ce type de carte, c’est offrir de la valeur concrète à vos lecteurs. Ils trouvent facilement ce qu’ils cherchent, sans perdre de temps. Pour dénicher rapidement toutes les adresses des boutiques de vêtements pour enfants, ce dispositif fait la différence.
Au final, réunir plusieurs emplacements sur une seule carte Google Maps devient un jeu d’enfant. Et l’internaute, lui, ne se perd plus en chemin.
