Aujourd’hui, nous allons voir comment insérer 1 plan de situation sur son site ou blog.

En d’autres termes, comment faire pour afficher 1 carte Google où apparaît son entreprise/point de vente.

Pourquoi publier 1 plan de situation?

Il peut être utile, et je le recommande, de publier 1 carte de localisation sur son site, et ceci pour différentes raisons:

  • Comme vous le savez, un certain nombre d’entre nous ont besoin de visualiser les choses
  • Vous évitez à vos visiteurs d’avoir à faire 1 recherche supplémentaire et par là-même qu’ils arrivent chez votre concurrent!
  • Cela renforce votre crédibilité: vous ne cherchez pas à cacher quoique ce soit.
  • Un itinéraire peut être proposé aux internautes qui le souhaitent.

Comment insérer 1 plan de situation sur son site?

Vous allez voir, c’est très simple et cela se fait en 2 minutes!

  1. Tout d’abord, rendez-vous sur Google Maps
  2. Indiquez votre adresse dans la barre de recherche et validez
  3. Vérifiez que votre localisation est juste (il arrive que certaines adresses ne soient pas prises en charge ou s’affichent mal)
  4. Si tout est bon, cliquez sur le symobole « Lien » (à droite du symbole imprimante) et sur « Personnaliser et prévisualiser la carte intégrée » en bas à droite de la fenêtre contextuelle.
  5. Dans la fenêtre qui s’est ouverte, cliquez sur « Personnalisée » et indiquez dans les cases adéquates les largeur et hauteur désirées.
  6. Copiez le code HTML qui apparaît sous la carte et collez-le à l’endroit souhaité pour l’intégrer à votre site Web.
  7. Enregistrez et c’est fini!

Les explications en diapositives:

Cliquez sur les images pour les agrandir!

Insérer 1 carte Google Maps

Personnaliser et prévisualiser la carte intégrée

Personnaliser et intégrer la carte

Astuces et recommandations:

  • faites attention de configurer des dimensions qui correspondent à l’emplacement où vous allez insérer la carte, afin de ne pas dénaturer votre site internet et de conserver 1 certaine cohérence graphique. Il faut donc adapter les dimensions de la carte selon l’endroit où vous la publiez (corps de la page, side-bar ou footer).
  • il n’y a pas de ratio imposé par Google entre la hauteur et la largeur, elles peuvent être égales comme elles peuvent être radicalement différentes. Cependant, sachez que pour 1 affichage optimal avec votre adresse en légende, il convient de leur donner la même valeur.
  • sachez qu’1 largeur de 580 devrait normalement être facilement intégrable dans la plupart des sites et blogs (à vérifier tout de même).
  • lorsque vous insérez le code HTML de votre carte fourni par Google dans 1 page ou 1 article, vous devez être en mode « HTML » dans votre éditeur, car en mode « Visuel » vous risquez d’avoir des bugs (voir illustration ci-dessous).
Insérer le code HTML dans l'éditeur!

Comment afficher la carte en barre latérale ou en pied de page?

Si vous souhaitez publier votre carte en barre latérale ou en pied de page, il vous suffit de coller le code HTML dans 1 widget « Texte » que vous placerez ensuite où vous voulez.

Voici comment faire sous WordPress:

  1. Dans la barre de menu latérale (sur la gauche) de votre administration, cliquez sur « Apparence« , puis sur « Widgets« 
  2. Faites glisser 1 widget « Texte » (Texte ou code HTML arbitraire) dans la zone souhaitée
  3. Insérez le code dans le Widget et indiquez 1 titre si besoin est
  4. Cliquez sur « Enregistrer » et le tour est joué!

Mise à jour du 17 décembre 2013

Je viens de réaliser le tutoriel vidéo qui illustre cet article et je vous invite à le découvrir ci-dessous 😉

Si vous avez trouvé une faute d’orthographe ou une coquille, vous pouvez m’en informer en sélectionnant le texte en question et en appuyant sur Ctrl + Entrée. Je vous en remercie par avance.