Intégrer Google Maps dans un site Web Sitebuilder
Une carte interactive sur votre site Web aide les visiteurs à trouver votre emplacement et inspire confiance. Avec l'intégration de Google Maps dans Sitebuilder, vous pouvez facilement afficher votre adresse, itinéraire et horaires d'ouverture de manière professionnelle.
Pourquoi ajouter Google Maps
Une carte sur votre site Web offre de nombreux avantages :
- Les visiteurs trouvent plus facilement le chemin vers votre emplacement
- Elle renforce la visibilité locale sur Google
- Apparence professionnelle pour les entreprises avec un emplacement physique
- Les clients peuvent planifier un itinéraire directement
- Afficher plusieurs emplacements sur une carte (pratique pour les chaînes)
Ajouter une carte à votre site Web
Étape 1 : Placer le bloc de carte
- Ouvrez la page où vous souhaitez afficher la carte
- Cliquez sur l'**icône plus** pour ajouter un élément
- Recherchez **Carte** ou **Google Maps** dans les éléments
- Faites glisser le bloc de carte à la position souhaitée
Étape 2 : Configurer l'emplacement
- Cliquez sur le bloc de carte
- Ouvrez les **Paramètres**
- Entrez votre adresse :
- Nom de rue et numéro
- Code postal
- Nom de la ville - Cliquez sur **Rechercher** pour trouver l'emplacement
- Vérifiez que le marqueur est au bon endroit
Étape 3 : Ajuster l'affichage de la carte
Ajustez l'apparence de la carte à votre site Web :
Niveau de zoom
- Choisissez à quel point la carte est zoomée au départ
- Proche (niveau de rue) ou plus éloigné (niveau de ville)
Type de carte
- Carte routière : carte de rues standard
- Satellite : photos aériennes
- Terrain : lignes de contour et éléments naturels
- Hybride : satellite avec noms de rues
Ajuster le marqueur
Le marqueur rouge standard peut être personnalisé pour se démarquer.
Télécharger un marqueur personnalisé
- Sélectionnez la carte
- Allez dans **Paramètres du marqueur**
- Cliquez sur **Télécharger un marqueur personnalisé**
- Téléchargez votre logo ou icône (PNG recommandé)
- Ajustez la taille
Fenêtre d'information du marqueur
Ajoutez des informations qui apparaissent lorsque l'on clique sur le marqueur :
- Cliquez sur **Modifier la fenêtre d'information**
- Ajoutez :
- Nom de l'entreprise
- Adresse
- Numéro de téléphone
- Horaires d'ouverture
- Lien vers l'itinéraire - Stylez la fenêtre à votre goût
Options avancées
Afficher plusieurs emplacements
Avez-vous plusieurs établissements ? Affichez-les tous sur une carte :
- Sélectionnez la carte
- Cliquez sur **Ajouter un emplacement**
- Entrez la deuxième adresse
- Répétez pour tous les emplacements
- La carte zoome automatiquement pour afficher tous les marqueurs
Ajouter un itinéraire
Facilitez l'accès à votre emplacement :
- Ajoutez un **Bouton d'itinéraire** sous la carte
- Liez à Google Maps avec votre adresse
- Les visiteurs peuvent naviguer directement depuis leur emplacement
Style de la carte
Ajustez les couleurs pour que la carte corresponde à votre site Web :
- Allez dans **Paramètres avancés**
- Sélectionnez un **Style de carte** :
- Standard (coloré)
- Argent (gris subtil)
- Sombre (pour les sites Web sombres)
- Rétro (look vintage) - Ou créez un style entièrement personnalisé
Configurer la clé API
Pour des fonctionnalités avancées, une clé API Google Maps est nécessaire.
Demander une clé API
- Allez sur Google Cloud Console
- Créez un nouveau projet
- Activez l'API JavaScript Maps
- Créez une clé API
- Limitez la clé à votre domaine pour des raisons de sécurité
Lier la clé API
- Allez dans les paramètres de Sitebuilder
- Naviguez vers **Intégrations**
- Collez votre clé API dans Google Maps
- Enregistrez et testez la carte
Carte sur la page de contact
Le lieu le plus courant pour une carte est la page de contact. Voici comment créer une page de contact efficace :
Suggestion de mise en page
- Ajoutez une mise en page à deux colonnes
- Placez les coordonnées à gauche
- Placez la carte à droite
- Ajoutez un formulaire de contact en dessous
Coordonnées à côté de la carte
Affichez à côté de la carte :
- Adresse complète
- Numéro de téléphone (cliquable sur mobile)
- Adresse e-mail
- Horaires d'ouverture
- Liens vers les réseaux sociaux
SEO et visibilité locale
Une carte aide non seulement les visiteurs, mais aussi votre position dans les résultats de recherche locaux.
Schéma LocalBusiness
Ajoutez des données structurées :
- Allez dans **Paramètres SEO**
- Activez le balisage LocalBusiness
- Remplissez toutes les informations sur l'entreprise
- Google comprend mieux votre emplacement
Google Mon Entreprise
Combinez votre carte avec un profil Google Mon Entreprise :
- Revendiquer votre entreprise dans Google Mon Entreprise
- Ajoutez les mêmes informations que sur votre site Web
- Vous apparaîtrez dans les résultats de recherche locaux et Google Maps
Optimisation mobile
Vérifiez que votre carte fonctionne bien sur les appareils mobiles :
Interaction tactile
- Les utilisateurs peuvent zoomer en pinçant
- Le défilement sur la page fonctionne toujours
- Un seul doigt ne déplace pas accidentellement la carte
Taille responsive
- Testez la carte sur différents formats d'écran
- Ajustez la hauteur pour mobile si nécessaire
- Envisagez une carte plus petite sur les téléphones
Problèmes courants
La carte ne se charge pas
Vérifiez :
- Votre clé API est-elle correcte ?
- Avez-vous activé les bonnes APIs ?
- Votre domaine est-il autorisé dans les paramètres de l'API ?
Mauvais emplacement
- Vérifiez l'adresse pour des fautes de frappe
- Ajoutez le code postal pour plus de précision
- Déplacez le marqueur manuellement si nécessaire
Temps de chargement lent
- Chargez la carte uniquement lorsqu'elle est visible
- Utilisez une image de carte statique comme alternative
- Limitez le nombre de marqueurs
Articles connexes
- Ajouter de la vidéo et de l'audio à votre site Web
- Accepter des paiements dans Sitebuilder
- Utiliser la fonction AI dans Sitebuilder
- En savoir plus sur la création de sites Web chez Theory7
Besoin d'aide ?
Nous sommes là pour vous aider ! Vous rencontrez un problème ou avez des questions ? Notre équipe de support est heureuse de vous aider personnellement. Envoyez-nous un message via le système de tickets - nous répondons généralement dans quelques heures et sommes heureux de vous aider.
0 van 0 vonden dit nuttig