Image de Flash Design   
Flash Design   

TUTORIEL : Comment intégrer une carte Google Maps à votre contenu

Facebook
Twitter
LinkedIn
Email

Sur votre site web, peu importe votre activité, ajouter votre localisation physique par une carte Google map est toujours un vrai plus. L’image attire l’œil du lecteur, et simplifie la compréhension de votre adresse. Vous augmenterez le taux de conversion de visite sur internet en visite dans votre boutique pour les entreprises physiques.  Voir les coordonnées augmente aussi la prise de contact direct par téléphone ou mail. Cela peut également améliorer votre SEO ! 

De plus, ajouter une carte google map sur votre site web est très simple. Alors pourquoi s’en priver ? 

Comment intégrer une carte Google Maps à votre contenu ? Suivez le guide !

Code HTML d’une carte Google map pour un site web

Pour ce faire, il vous suffit de suivre ce petit guide fait par Flash Design :

1. Commencez par vous rendre sur Google map
2. Recherchez votre adresse

3. Cliquez sur « partager »
4. Rendez-vous dans l’onglet « intégrer une carte »

5. Choisissez une taille pour l’affichage de la carte Google map sur votre site web

6. Cliquez sur « copier le texte HTML »

Maintenant que vous êtes en possession du code HTML, il faut l’intégrer sur votre site. Pour savoir comment le faire, suivez le prochain paragraphe.

Besoin d'un site internet ?

Réservez une consultation en ligne gratuite afin de pouvoir nous présenter votre projet.

Comment ajouter une carte Google map sur son site

  1. Rendez-vous sur la console d’administration de votre site web
  2. Aller dans l’éditeur de la page sur laquelle vous voulez voir figurer la carte Google map
  3. Il faut ensuite ajouter un champ de code court(le nom diffère selon les interfaces de gestion de la page). Quelques exemples : Code court, code HTML, HTML personnalisé


Cherchez ce logo :

1. Vous devez copier le contenu html puis coller ce code HTML dans la section appropriée et valider.

N’oubliez pas de valider les changements sur votre page pour la mettre en ligne.
Voilà ! Vous avez votre carte Google map sur votre page web

Intégrer une carte Google map sur WordPress

Pour les utilisateurs de WordPress (et ils sont nombreux), il existe plusieurs plug-ins qui proposent quelques options sur l’intégration de votre carte (comme MapPress Easy Google Maps). Cependant, avec le code court HTML (expliquée dans les deux paragraphes précédents), votre carte apparaitra parfaitement lisible pour vos visiteurs, et si votre thème est responsive (adapté à l’affichage sur smartphone et tablette) un simple clic démarrera l’application de Google et les aiguillera jusque votre entreprise.

Vous pouvez aussi choisir de l’afficher dans un widget.

  1. Rendez-vous dans la console d’administration de votre site WordPress
  2. Allez dans apparence
  3. Puis dans la section widget
  4. Placez le widget « Google map widget » dans votre barre de widget
  5. Entrez votre adresse et un titre à votre widget
  6. Vous pouvez aussi choisir une taille pour carte et un facteur de zoom
  7. Validez, c’est terminé.


Votre carte s’affichera sur toutes les pages où vous faites figurer la sidebar des widgets.

Améliorer votre classement Google My Business dès maintenant

Astuces pour intégrer une carte Google map sur une page web

Depuis le code que vous allez copier sur la page de Google, vous pouvez choisir d’éditer la taille de l’affichage de la carte directement dans le code. Ceci peut vous servir pour peaufiner le réglage de la carte sur votre sans revenir aux étapes détaillées plus haut.

Nous vous conseillons de copier le code dans un éditeur de texte, comme le bloc-notes Windows ou notepad++.

Cherchez ces deux valeurs dans le code width=”600″ height=”450“. Width est la largeur de votre carte en pixels, height est sa hauteur. Si vous voulez votre carte légèrement plus large pour coller au design de votre page web, passez width à 620 par exemple.

Si votre interface d’administration gère la prévisualisation, vous pourrez voir vos changements en temps réel et obtenir une mise en page à votre gout.

Confier la création de son site à Flash Design

Pour ne pas vous tracasser avec toutes ces questions de mise en page, de code, et de langage HTML, vous pouvez décider de laisser des professionnels du web faire prendre vie à votre projet. C’est ce que nous vous proposons chez Flash Design.

Expliquez-nous ce que vous souhaitez, quelle apparence, quelles fonctionnalités, et nous nous occuperons de tout. Vous obtiendrez un site adapté à votre activité et votre personnalité, avec l’installation des certificats de sécurité (SSL), très utiles si vous souhaitez créer une boutique en ligne, ou encore Google analytics pour suivre la fréquentation de votre site.

Nous avons créé plusieurs packs pour convenir à tous les besoins, vous trouverez tous les détails sur notre page de création de sites web 

Plus à explorer
Voulez-vous connaître vos mots-clés et combien de recherches par mois ?