Google Maps in Sitebuilder integrieren
Google Maps in Sitebuilder integrieren
Eine interaktive Karte auf Ihrer Website hilft Besuchern, Ihren Standort zu finden und schafft Vertrauen. Mit der Google Maps-Integration in Sitebuilder zeigen Sie einfach Ihre Adresse, Wegbeschreibungen und Öffnungszeiten auf professionelle Weise.
Warum Google Maps hinzufügen
Eine Karte auf Ihrer Website bietet viele Vorteile:
- Besucher finden leichter den Weg zu Ihrem Standort
- Es stärkt die lokale Auffindbarkeit in Google
- Professioneller Auftritt für Unternehmen mit physischem Standort
- Kunden können direkt eine Route planen
- Mehrere Standorte auf einer Karte anzeigen (nützlich für Ketten)
Karte zu Ihrer Website hinzufügen
Schritt 1: Kartenblock platzieren
- Öffnen Sie die Seite, auf der Sie die Karte anzeigen möchten
- Klicken Sie auf das Plus-Symbol, um ein Element hinzuzufügen
- Suchen Sie nach Karte oder Google Maps in den Elementen
- Ziehen Sie den Kartenblock an die gewünschte Position
Schritt 2: Standort festlegen
- Klicken Sie auf den Kartenblock
- Öffnen Sie die Einstellungen
- Geben Sie Ihre Adresse ein:
- Straßenname und Hausnummer
- Postleitzahl
- Ortsname
- Klicken Sie auf Suchen, um den Standort zu finden
- Überprüfen Sie, ob der Pin an der richtigen Stelle steht
Schritt 3: Kartenansicht anpassen
Passen Sie das Erscheinungsbild an Ihre Website an:
Zoomstufe
- Wählen Sie, wie weit die Karte eingezoomt startet
- Nah (Straßenniveau) oder weiter weg (Stadtniveau)
Kartentyp
- Straßenkarte: Standard-Straßenkarte
- Satellit: Luftbilder
- Gelände: Höhenlinien und Naturelemente
- Hybrid: Satellit mit Straßennamen
Marker anpassen
Den standardmäßigen roten Marker können Sie personalisieren, um aufzufallen.
Benutzerdefinierten Marker hochladen
- Wählen Sie die Karte aus
- Gehen Sie zu Markereinstellungen
- Klicken Sie auf Eigenen Marker hochladen
- Laden Sie Ihr Logo oder Symbol hoch (PNG empfohlen)
- Passen Sie die Größe an
Marker-Infobox
Fügen Sie Informationen hinzu, die beim Klicken auf den Marker erscheinen:
- Klicken Sie auf Infobox bearbeiten
- Fügen Sie hinzu:
- Firmenname
- Adresse
- Telefonnummer
- Öffnungszeiten
- Link zu Wegbeschreibungen
- Gestalten Sie das Fenster nach Wunsch
Erweiterte Optionen
Mehrere Standorte anzeigen
Haben Sie mehrere Niederlassungen? Zeigen Sie sie alle auf einer Karte:
- Wählen Sie die Karte aus
- Klicken Sie auf Standort hinzufügen
- Geben Sie die zweite Adresse ein
- Wiederholen Sie für alle Standorte
- Die Karte zoomt automatisch, um alle Pins anzuzeigen
Wegbeschreibung hinzufügen
Machen Sie es einfach, zu Ihnen zu kommen:
- Fügen Sie einen Routen-Button unter der Karte hinzu
- Verlinken Sie zu Google Maps mit Ihrer Adresse
- Besucher können direkt von ihrem Standort aus navigieren
Kartenstyling
Passen Sie die Farben an, damit die Karte zu Ihrer Website passt:
- Gehen Sie zu Erweiterte Einstellungen
- Wählen Sie einen Kartenstil:
- Standard (farbig)
- Silber (dezentes Grau)
- Dunkel (für dunkle Websites)
- Retro (Vintage-Look)
- Oder erstellen Sie einen vollständig benutzerdefinierten Stil
API-Schlüssel einrichten
Für erweiterte Funktionen wird ein Google Maps API-Schlüssel benötigt.
API-Schlüssel anfordern
- Gehen Sie zur Google Cloud Console
- Erstellen Sie ein neues Projekt
- Aktivieren Sie die Maps JavaScript API
- Erstellen Sie einen API-Schlüssel
- Beschränken Sie den Schlüssel auf Ihre Domain zur Sicherheit
API-Schlüssel verknüpfen
- Gehen Sie zu den Sitebuilder-Einstellungen
- Navigieren Sie zu Integrationen
- Fügen Sie Ihren API-Schlüssel bei Google Maps ein
- Speichern und testen Sie die Karte
Karte auf Kontaktseite
Der häufigste Ort für eine Karte ist die Kontaktseite. So erstellen Sie eine effektive Kontaktseite:
Layout-Vorschlag
- Fügen Sie ein Zwei-Spalten-Layout hinzu
- Platzieren Sie Kontaktdaten links
- Platzieren Sie die Karte rechts
- Fügen Sie ein Kontaktformular darunter hinzu
Kontaktdaten neben der Karte
Zeigen Sie neben der Karte:
- Vollständige Adresse
- Telefonnummer (auf Mobilgeräten anklickbar)
- E-Mail-Adresse
- Öffnungszeiten
- Social-Media-Links
SEO und lokale Auffindbarkeit
Eine Karte hilft nicht nur Besuchern, sondern auch Ihrer Position in lokalen Suchergebnissen.
LocalBusiness-Schema
Fügen Sie strukturierte Daten hinzu:
- Gehen Sie zu SEO-Einstellungen
- Aktivieren Sie die LocalBusiness-Markup
- Füllen Sie alle Firmendaten aus
- Google versteht Ihren Standort besser
Google My Business
Kombinieren Sie Ihre Karte mit einem Google My Business-Profil:
- Beanspruchen Sie Ihr Unternehmen in Google My Business
- Fügen Sie dieselben Daten hinzu wie auf Ihrer Website
- Sie erscheinen in lokalen Suchergebnissen und Google Maps
Mobile Optimierung
Überprüfen Sie, ob Ihre Karte auf mobilen Geräten gut funktioniert:
Touch-Interaktion
- Benutzer können durch Kneifen zoomen
- Scrollen auf der Seite bleibt funktionsfähig
- Eine Fingerbewegung verschiebt die Karte nicht versehentlich
Responsive Größe
- Testen Sie die Karte auf verschiedenen Bildschirmgrößen
- Passen Sie die Höhe bei Bedarf für Mobilgeräte an
- Erwägen Sie eine kleinere Karte auf Telefonen
Häufige Probleme
Karte lädt nicht
Überprüfen Sie:
- Ist Ihr API-Schlüssel korrekt?
- Haben Sie die richtigen APIs aktiviert?
- Ist Ihre Domain in den API-Einstellungen erlaubt?
Falscher Standort
- Überprüfen Sie die Adresse auf Tippfehler
- Fügen Sie die Postleitzahl für Präzision hinzu
- Verschieben Sie den Pin bei Bedarf manuell
Langsame Ladezeit
- Laden Sie die Karte erst, wenn sie im Bild ist
- Verwenden Sie ein statisches Kartenbild als Alternative
- Begrenzen Sie die Anzahl der Marker
Verwandte Artikel
Brauchen Sie Hilfe?
Wir sind für Sie da! Stoßen Sie auf Probleme oder haben Sie Fragen? Unser Support-Team hilft Ihnen gerne persönlich weiter. Senden Sie uns eine Nachricht über das Ticketsystem - wir antworten in der Regel innerhalb weniger Stunden und denken gerne mit Ihnen mit.
0 van 0 vonden dit nuttig
