Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Coupe WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Comment ajouter Google Maps dans WordPress (la bonne méthode)

Pour les entreprises locales, afficher votre Emplacement sur une carte interactive n’est pas seulement une commodité, c’est un élément crucial de votre stratégie numérique.

L’ajout de Google Maps à votre site web peut améliorer considérablement le compte des utilisateurs/utilisatrices en permettant aux internautes de trouver plus facilement votre Emplacement. En outre, cela peut renforcer la visibilité de votre site sur les moteurs de recherche, attirant ainsi davantage d’internautes et de clients/clientes potentiels.

Nous avons recherché les meilleures façons d’intégrer de manière transparente Google Maps à votre site WordPress, en améliorant à la fois l’expérience des utilisateurs et le référencement.

Dans cet article, nous allons vous afficher comment déverrouiller la puissance de Google Maps dans WordPress.

Add Google Maps in WordPress

Pourquoi ajouter Google Maps dans WordPress ?

Saviez-vous que Google Maps est l’application de navigation la plus populaire sur toutes les plateformes ?

Si vous avez une adresse de bureau ou de magasin physique, alors l’ajout de Google Maps à votre site WordPress permet aux utilisateurs/utilisatrices de localiser rapidement vos magasins physiques, vos restaurants ou vos points de vente. Cela vous aide à attirer plus de clients/clientes et à générer plus d’affaires.

Non seulement cela, mais le fait d’embarquer Google Maps peut également améliorer le référencement de votre site WordPress. Selon Google, 46% de toutes les recherches sont locales. Ajouter Google Maps à WordPress peut stimuler votre SEO local et améliorer votre visibilité dans les recherches locales.

Il y a deux façons d’embarquer Google Maps dans WordPress, et nous allons vous afficher les deux.

L’avantage de la deuxième méthode est qu’elle respecte toutes les meilleures pratiques en matière de référencement local. Si vous l’utilisez, Google commencera à inclure votre emplacement dans Google Maps. Il affichera également les informations relatives à votre entreprise, telles que le nom, le logo, l’adresse, le numéro de téléphone et les heures d’ouverture, dans les résultats de recherche locaux.

Ceci étant dit, voyons comment vous pouvez ajouter Google Maps à WordPress. Vous trouverez ci-dessous les liens rapides que vous pouvez utiliser pour accéder à la section que vous préférez :

Comment ajouter Google Maps dans WordPress sans extension

Si vous souhaitez simplement embarquer rapidement Google Maps dans une publication ou une page WordPress, vous pouvez utiliser la méthode iFrame par défaut.

Il suffit de se rendre sur le site de Google Maps et de taper n’importe quelle adresse dans la zone de recherche.

Find location in Google Maps and Click Share to Embed

Ensuite, vous devez cliquer sur l’icône Partager, et une fenêtre surgissante s’affichera avec la faculté d’envoyer un lien de localisation ou d’incorporer une carte.

Vous devez sélectionner l’option « Contenu embarqué ».

Copy Google Maps HTML Embed Code

Il suffit ensuite de copier le code HTML de Google Maps, puis d’ouvrir la page dans laquelle vous souhaitez intégrer la carte.

Dans l’éditeur de blocs, vous devez ajouter un bloc HTML personnalisé.

Select Custom HTML block in WordPress

Il vous suffit maintenant de coller le code d’intégration que vous avez copié depuis Google Maps.

Ensuite, vous devez mettre à jour ou publier la page pour prévisualiser les modifications.

Google Maps iFrame Embed Code in Block Editor

Cette méthode permet d’embarquer rapidement Google Maps, mais elle n’offre pas un maximum d’avantages en termes de référencement.

Si vous êtes une petite entreprise, un restaurant ou une boutique en ligne avec un seul ou plusieurs emplacements physiques, nous vous recommandons d’utiliser la solution suivante pour maximiser votre classement en SEO local, car elle utilise les données open graph appropriées pour vous aider à vous stocker plus haut dans Google.

Comment ajouter Google Maps à WordPress avec une extension SEO locale

La meilleure façon d’ajouter Google Maps et d’optimiser votre site pour le SEO local est d’utiliser All in One SEO (AIOSEO).

C’est la meilleure extension SEO pour WordPress car elle vous aide à obtenir un meilleur classement SEO sans modifier le code ou embaucher un développeur/développeuse. Plus de 3 millions de professionnels utilisent AIOSEO pour améliorer leur classement dans les moteurs de recherche.

AIOSEO

Pour ce tutoriel, nous utiliserons la version AIOSEO Pro car elle inclut la fonctionnalité SEO local et d’autres puissantes options d’optimisation. Il existe également une version gratuite d’AIOSEO que vous pouvez utiliser pour Premiers pas l’optimisation pour les moteurs de recherche.

Tout d’abord, vous devrez installer et activer l’extension AIOSEO dans WordPress. Pour plus de détails, veuillez consulter notre tutoriel sur l ‘installation d’une extension WordPress.

Lors de l’activation, l’extension lancera l’assistant de configuration. Vous pouvez cliquer sur le bouton  » Premiers pas  » pour configurer l’extension. Si vous avez besoin d’aide, veuillez consulter notre guide sur la façon de configurer correctement All in One SEO dans WordPress.

AIOSEO setup wizard

Titre, vous pouvez vous diriger vers All in One SEO  » SEO local à partir de votre Tableau de bord WordPress.

Cliquez ensuite sur le bouton  » Activer le SEO local  » pour Premiers pas définir les Réglages locaux.

Activate local SEO

Une fois que l’addon SEO local pour WordPress est activé, vous pouvez ajouter un seul emplacement ou plusieurs emplacements dans AIOSEO et les afficher sur Google Maps. Nous allons vous afficher comment ajouter les deux à votre site.

Ajout d’un emplacement unique

Pour ajouter vos emplacements, vos informations commerciales, vos heures d’ouverture et plus encore, vous devez d’abord vous rendre sur All in One SEO  » SEO local et ouvrir l’onglet  » Emplacements « .

Si vous n’avez qu’un seul emplacement physique, l’option « Emplacements multiples » doit être définie sur Aucun.

Location tab under local SEO

Ensuite, défilez vers le bas jusqu’à la section « Cartes » pour épingler votre emplacement exact.

Il vous suffit de saisir votre adresse dans le champ « Saisir une requête » pour que Google Maps affiche votre position.

Pin your store location

Une fois votre Emplacement saisi/saisie, n’oubliez pas de cliquer sur le bouton « Enregistrer les modifications ».

Ajout de plusieurs Emplacements

Si vous avez plus d’un emplacement physique, vous devrez alors activer le réglage  » Emplacements multiples  » dans l’onglet  » Emplacement  » du SEO local.

Enable multiple locations

Après cela, un nouveau menu Emplacements apparaîtra dans votre panneau d’administration WordPress.

Allez dans la rubrique Emplacements et cliquez sur le bouton « Ajouter une nouvelle ».

Add a new location

Une fois dans l’éditeur WordPress, défilez vers le bas jusqu’à la section « Carte ».

Vous pouvez saisir votre adresse dans le champ « Saisir une requête ».

Add multiple map locations

Après avoir saisi/saisi votre Emplacement sur la carte et ajouté des informations sur l’emplacement, cliquez sur le bouton « Publier ».

Vous pouvez maintenant répéter cette étape et ajouter autant d’Emplacements que vous le souhaitez pour votre entreprise.

Une fois que vous avez fini d’ajouter vos Emplacements, vous pouvez aller à l’onglet ‘Cartes’ de retour dans le menu All in One SEO  » SEO local.

Vous devez saisir la clé de l’API de Google Maps.

Enter Google maps API key

Voyons maintenant comment créer une clé de l’API pour Google Maps.

Création d’une clé API pour Google Maps

Pour commencer, vous devez vous rendre sur le site de la plateforme Google Maps et cliquer sur le bouton « Premiers pas ».

Google maps platform

Après vous être réglé avec votre compte Google, vous devez configurer un compte de facturation.

Google Maps Platform propose une tarification à l’usage, et les 300 premiers dollars d’utilisation mensuelle sont gratuits pour tous les utilisateurs/utilisatrices. Pour la plupart des sites, cela couvrira facilement un simple Contenu embarqué comme celui que nous créons dans ce tutoriel.

Ne vous inquiétez pas, ils ne vous factureront pas de frais à moins que vous ne mettiez manuellement à niveau vers un compte payant.

Pour Premiers pas, cliquez sur le bouton « Créer un compte de facturation ».

Create a billing account

Ensuite, vous pouvez sélectionner votre pays et choisir dans le menu déroulant ce qui décrit le mieux votre organisation.

Une fois ces informations sélectionnées, cochez la case à cocher relative aux termes de service, puis cliquez sur le bouton « Continuer ».

Enter personal details for billing account

Sur l’écran suivant, vous devrez saisir votre numéro de téléphone pour vérification.

Cliquez ensuite sur le bouton « Envoyer le code ».

Enter mobile number

Après avoir vérifié le code, la prochaine chose à faire est de saisir le nom de votre entreprise, les détails du moyen de paiement et l’adresse de facturation.

Une fois ces informations saisies/saisie, cliquez sur le bouton « Commencer mon essai gratuit ».

Enter business name and payment details

Ensuite, vous devrez répondre à une série de quatre questions concernant votre organisation et l’utilisation que vous ferez de la plateforme Google Maps.

Google Maps vous demandera quel est votre objectif principal pour l’utilisation de la plateforme, quel est votre secteur d’activité, sélectionner un cas d’utilisation et la taille de votre entreprise.

Après avoir répondu à ces questions, cliquez sur le bouton « Envoyer ».

Answer few questions for google maps

Une fenêtre surgissante s’affiche avec votre clé de l’API Google Maps.

Vous pouvez copier et enregistrer cette clé dans un fichier texte pour une utilisation ultérieure.

Copy the API key

Maintenant que vous avez créé une clé API Google Maps, vous devez retourner sur votre Tableau de bord WordPress pour la saisir dans les Réglages SEO local.

Définir les Réglages de Google Maps dans WordPress

Vous pouvez maintenant retourner à All in One SEO  » SEO local depuis votre Tableau de bord WordPress, puis naviguer jusqu’à l’onglet ‘Maps’.

Saisissez/saisie de la Clé de l’API Google Maps dans le champ ‘Clé de l’API’. Vous verrez une prévisualisation de la carte dans AIOSEO dès que vous aurez ajouté la clé.

Add API key and see map preview

Ensuite, vous pouvez défiler vers le bas pour modifier les modifications de la carte.

AIOSEO vous permet d’afficher Google Maps à l’aide d’un bloc Gutenberg, d’un shortcode, d’un widget ou d’un code PHP. Il vous permet également de choisir différents styles de cartes et d’ajouter un marqueur personnalisé à votre carte.

Edit map settings

N’oubliez pas de cliquer sur le bouton « Enregistrer les modifications » lorsque vous avez terminé.

Afficher Google Maps dans WordPress

Ensuite, vous pouvez ajouter Google Maps à n’importe quelle publication ou page WordPress. Pour commencer, il vous suffit de modifier ou d’ajouter une nouvelle page sur votre site.

Une fois que vous êtes dans l’éditeur de blocs, cliquez sur le bouton ‘+’ en haut et ajoutez le bloc AIOSEO Local – Map n’importe où sur la page.

Add local maps block

Ensuite, votre Google Maps sera ajouté à la page.

AIOSEO vous permet également de modifier les Réglages de la carte à partir des options situées à votre droite. Par exemple, vous pouvez afficher des libellés et des icônes, ajouter un marqueur personnalisé et modifier la largeur et la hauteur de la carte.

Edit your map in WordPress

Si vous avez plusieurs Emplacements, vous pouvez sélectionner l’Emplacement à mettre en évidence en choisissant parmi les options proposées dans le menu de droite.

Il vous suffit de cliquer sur le menu déroulant « Emplacement » et de sélectionner l’emplacement de votre choix pour l’afficher sur votre site.

Choose which location to display

Une fois que vous êtes satisfait de vos réglages, allez-y et publiez la page.

Vous pouvez désormais visiter votre site pour voir Google Maps en action.

Preview your map

Vous pouvez également ajouter Google Maps à la section des widgets de votre site, comme la colonne latérale ou le pied de page.

Pour commencer, allez dans Apparence  » Widgets dans votre panneau d’administration WordPress. Cliquez ensuite sur le bouton « + » et ajoutez le widget « AIOSEO Emplacement – Carte » à l’endroit où vous souhaitez afficher votre emplacement.

Add maps widget

Vous pouvez ensuite modifier les réglages du widget.

Par exemple, vous pouvez ajouter un titre, modifier la largeur et la hauteur de la carte, choisir l’emplacement à afficher si vous avez plusieurs emplacements et modifier le libellé.

Edit map widget settings

C’est tout !

Désormais, lorsque vous mettrez votre site à jour, vous verrez Google Maps dans votre zone de widgets.

Maps preview in widget area

Guides d’experts sur l’utilisation des cartes dans WordPress

Maintenant que vous savez comment ajouter Google Maps à votre site, vous aimerez peut-être consulter d’autres guides liés aux plans du site et à l’Emplacement dans WordPress.

Nous espérons que cet article vous a aidé à apprendre comment ajouter Google Maps à votre site WordPress. Vous pouvez également consulter nos choix pour les meilleures extensions WordPress pour les petites entreprises et apprendre comment ajouter un localisateur de magasin Google Maps dans WordPress.

Si vous avez aimé cet article, veuillez alors vous abonner à notre chaîne YouTube pour obtenir des tutoriels vidéo sur WordPress. Vous pouvez également nous trouver sur Twitter et Facebook.

Divulgation : Notre contenu est soutenu par les lecteurs. Cela signifie que si vous cliquez sur certains de nos liens, nous pouvons gagner une commission. Consultez comment WPBeginner est financé, pourquoi cela compte et comment vous pouvez nous soutenir. Voici notre processus éditorial.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

L'ultime WordPress Toolkit

Accédez GRATUITEMENT à notre boîte à outils - une collection de produits et de ressources liés à WordPress que tous les professionnels devraient avoir !

Reader Interactions

34 commentairesLaisser une réponse

  1. Moinuddin Waheed

    This is really a time and resource saving post for me as I was looking a minimal way of adding a Google map address in one of my clients website and was not sure how to do.
    Both the methods without plugin and with AIOSEO are good and serves my need.
    But I would go with AIOSEO to implement this feature as it will also help in local seo.
    Thanks for this helpful guide for embedding Google map.

  2. melanie bund

    Hi, do you know how to hide the 13px white space at the bottom of the embedded google map?
    Thank you in advance
    Melanie

  3. Donata

    I have a google maps on my web, but the pin which is added to the map is not clickable. The pin only shows the adress but it do not direct if you click on it. Is it possible to do clickable icon?

  4. Sharon

    Don’t you have to get an API from Google before you can use a map plugin and insert it into the plugin? That’s been my experience lately.

    • Mark

      Hi I’m trying to insert a google map onto my website ( Wordpress ) it keeps disappearing am I correct in thinking that google now want $200 a month for this or whatever the cost or can I still insert a map for free

      • WPBeginner Support

        Google now charges for large uses of their maps API which is what the plugin runs on, the $200 you likely saw was the free monthly credit Google gives to those using their API so smaller sites are not charged.

        Administrateur

        • Kamil

          Yes, that true but there is alternative for Google maps API. OSMapper is the plugin that uses Open Street Maps API that does not requires any API keys and there is no limit for usage. You can install it from Wordpress.org.

        • WPBeginner Support

          While we have not tested it yet, we will be sure to take a look at it.

  5. Blessy

    I tried the first step: copy the HTML in the after going to the embed button and paste it into the text version of the post. I went to the visual one and saw the embedded google map. I saved it at the site takes out the map. The changed texts remain, though, but the map keeps vanishing. it keeps repeating each try. Why does it happen?

  6. Miranda Olding

    Thanks – so clear x

  7. Sara C

    Great tutorial – short and to the point. I had tried two other plugins that my client didn’t like. Thank you for the manual embedding information. Worked perfectly and quickly.

    Many, many thanks for this tutorial.
    Sara

  8. Denny Png

    Dear Sir/Madam,

    I would like to change the Google Map address & not sure where to locate this embedded link to update the WP backend. I couldn’t find it the contact menu to locate it.

    Seek yr kind advise on it!

    Thankyou!

    Rdgs,
    Denny Png

  9. Kathy

    Thank you! This is what I was looking for! Perfect for my travel post on my blog! The video is great and very helpful!

  10. Andy Kramer

    I would love to do this but when I go into google maps and type the address there is absolutely no gear so I can’t even get a link to copy for WordPress. Any ideas or suggestions?

    • Karen

      I am having the exact problem. There is no flower on Google Maps anymore! So how does this work?

  11. Mari

    Hi!
    I can’t find the code.. There’s no « flower icon » nor other links on the bottom right of the map. Is it because the place I’m trying to add doesn’t have a street address, it’s just coordinates?
    Thanks in advance.

  12. Andy Meuleman

    A great lesson, easy to follow and implement.

    Much thanks, Andy

  13. Karthik

    Is there any way to get this Map as a background to a page with full length say width 100% n height 100% something like that??

    • Parmod

      Can you be more specific about what exactly do you need

  14. Bigg Tobias Inspired

    So, I loved the map tutorial but what if I want to place it in a certain area of the page… Or side bar? Can anyone help?

  15. Carla Spacher

    Thanks so much! Why would anyone bother with a plugin that may ultimately slow down their site when you have provided such easy instructions to grab the code from Google Maps?

    By the way, if anyone is having trouble finding the code. Once you see the map, go to the bottom right-hand corner and click on the flower icon and click on « Share and embed map ». Then click on « Embed map » and enter into your WP page/or post.

  16. WRC

    Thank you. Very helpful post.

  17. Rory

    Hi, I was wondering if it is possible to have Google Maps to show the location of Groups (Buddypress)?
    Thanks for your help.

  18. aamir

    hello sir,

    i want to use plugin which provide exact location. can you suggest me? i use map press, leaflet market, wp google map etc. plugin but still no luck. all this plugin show some far location from my exact location. i want exact location where my shop is located. please help me. or is there any way to develop custom map & put in wordpress site? please provide step by step procedure.

    Thanks & Regards,
    aamir

  19. Trang Tran

    Thanks for taking the time to write this article. It’s very helpful. Is it possible to add a Google Map that is linked with Google Places?

  20. Guilherme

    Very nice. But when we use coordinates, the lightbox map don´t work right. It just shows some place in USA. How can I fix this?

    Thanks

  21. Christopher Rose

    Thanks for all the informative WP articles you’re posting.

    Is it possible to add a Google Map to a site that

    1. automatically adds the location of all site visitors or commenters to a map
    and
    2. allow all customers to be added, probably manually, although an automatic option would be good too. I have a small ecommerce site that has customers all over the world and thought it would be fun to show where we have sent stuff to.

  22. Widdershins

    That is so cool! … thanks :D

    • zakaria

      Thank you very much!

      I have already founded (MapPress Easy Google Maps) and it is nice plugin.
      And of course, your attention is very nice support. THANKS!!!
      One more thing, please.
      I would like to use these maps in tabs but only tab’s (shortcode) plugin I have found so far which shows maps is (Jshortcode). (I mean it shows in second or third tab. The others aren’t showing in second or third tabs.) It is nice plugin too but has very colorful tabs.
      May be you would be so kind to advice some other plugins to solve this problem.

      Thanks advance
      Best regards
      Zakaria

Laisser une réponse

Merci d'avoir choisi de laisser un commentaire. Veuillez garder à l'esprit que tous les commentaires sont modérés selon notre politique de commentaires, et votre adresse e-mail ne sera PAS publiée. Veuillez NE PAS utiliser de mots-clés dans le champ du nom. Ayons une conversation personnelle et significative.