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

Wie man Google Maps Store Locator in WordPress hinzufügt

Mit jahrelanger Erfahrung in der Optimierung von WordPress Websites für lokale Unternehmen wissen wir, wie wichtig es ist, dass Kunden Sie leicht finden können. Das Hinzufügen eines Google Maps-Filialfinders zu Ihrer WordPress-Website ist eine einfache, aber effektive Möglichkeit, dies zu erreichen.

Ein Store Locator zeigt die Position Ihres Geschäfts auf einer Karte an, so dass Kunden leicht eine Wegbeschreibung erhalten und den Standort Ihres Geschäfts mit Freunden teilen können.

In dieser Anleitung zeigen wir Ihnen, wie einfach Sie eine Google Maps Position in WordPress einfügen können.

How to Add Google Maps Store Locator in WordPress (Free Option)

Warum Google Maps Store Locator in WordPress hinzufügen?

Viele WordPress-Nutzer betreiben Websites für kleine Unternehmen, die in einer bestimmten Stadt oder Region tätig sind. Dazu gehören Unternehmen wie Restaurants, Immobilienmakler, Klempner, Wartungsdienstleister, kleine Geschäfte, Salons und mehr.

Diese lokalen Unternehmen sind auf die Online-Präsenz angewiesen, um Kunden anzuziehen. Und laut Statistik suchen 53 % der Benutzer von Mobilgeräten in der Google-Suche nach Wegbeschreibungen zu lokalen Geschäften.

Das Hinzufügen einer Google Maps-Suchfunktion zu Ihrer Website ist wichtig, um die Besucherzahlen zu erhöhen, da Ihr Geschäft so leichter gefunden werden kann. Sie können eine Wegbeschreibung zu Ihrem Geschäft abrufen und die Position mit ihren Freunden teilen.

Es kann auch dazu beitragen, die Sichtbarkeit Ihrer Website in den Suchmaschinen zu verbessern und mehr Besucher auf Ihre Website zu locken.

Werfen wir einen Blick darauf, wie Sie einen Google Maps Store Locator auf Ihrer WordPress-Website hinzufügen können. Wir zeigen Ihnen sowohl kostenlose als auch kostenpflichtige Methoden mit ihren Vor- und Nachteilen, so dass Sie diejenige auswählen können, die Ihren Bedürfnissen am besten entspricht.

Methode 1: Hinzufügen eines einfachen Store Locators zu WordPress (kostenlos)

Diese Methode ist kostenlos und einfach, weil sie keinen zusätzlichen Aufwand für die Erstellung eines Google Maps API-Schlüssels erfordert. Sie wird für Nutzer empfohlen, die eine einfache Karte des Standorts ihres Geschäfts hinzufügen möchten.

Zuerst müssen Sie die Google Maps-Website auf Ihrem Computer aufrufen. Geben Sie dann die Adresse Ihres Geschäfts in das Suchfeld ein, und Google Maps zeigt sie auf der Karte mit einer angehefteten Markierung an.

Search for Your Store Location in Google Maps

Stellen Sie sicher, dass die Markierung an der richtigen Stelle platziert ist. Sie können eine Zoomstufe auswählen, indem Sie auf die Zoom-Schaltflächen in der unteren rechten Ecke klicken.

Wenn Sie mit dem Aussehen der Karte zufrieden sind, müssen Sie auf die Schaltfläche „Teilen“ in der linken Spalte klicken. Daraufhin öffnet sich ein Pop-up-Fenster, in dem Sie auf die Registerkarte „Karte einbetten“ wechseln müssen.

Select Google Map's Embed a Map Option

Sie sehen nun Ihren gesuchten Ort auf der Karte mit HTML-Code. Klicken Sie auf den Link „HTML kopieren“, um den Einbettungscode zu erhalten.

Gehen Sie nun in den Verwaltungsbereich Ihrer WordPress-Website und bearbeiten Sie den Beitrag oder die Seite, auf der Sie die Karte für den Ladenstandort anzeigen möchten.

Normalerweise fügen die Nutzer auf der Seite mit dem Kontaktformular eine Karte mit dem Standort ihres Geschäfts, der Telefonnummer und den Öffnungszeiten hinzu.

Auf dem Bearbeitungsbildschirm für den Beitrag müssen Sie einen „Custom HTML“-Block hinzufügen.

Add a Custom HTML Block to Your Page

Fügen Sie den Code, den Sie aus Google Maps kopiert haben, in den Textbereich des „Custom HTML“-Blocks ein.

Sie können nun eine Vorschau der Seite anzeigen, um die in Ihre Seite eingebetteten Google Maps zu sehen. Der Standort Ihres Geschäfts wird auf der Karte markiert und mit Links versehen, um eine Wegbeschreibung zu erhalten oder den Standort zu speichern.

Preview of Embedded Google Map

Diese Methode eignet sich zwar zum schnellen Einbetten von Google Maps, bringt Ihnen aber keine maximalen SEO-Vorteile. Mit anderen Worten, sie hilft Ihnen nicht, besser zu ranken und mehr Traffic von Suchmaschinen oder Google Maps-Suchen zu erhalten.

Wenn Sie ein kleines Unternehmen, ein Restaurant oder ein Online-Shop mit einem oder mehreren physischen Standorten sind, dann empfehlen wir Ihnen die folgende Lösung, um Ihre lokalen SEO-Rankings zu verbessern.

Methode 2: Hinzufügen eines Store Locators mit Local SEO (empfohlen)

Fast 46 % aller Suchanfragen bei Google haben eine lokale Absicht. All in One SEO (AIOSEO) ist das beste WordPress SEO Plugin auf dem Markt und hilft Ihnen, mehr kostenlosen Traffic von Suchmaschinen auf Ihre Website zu bringen.

AIOSEO ist auch ein großartiges Plugin für Ladenlokalisierung, da Sie Ihre Ladenstandorte, Kontaktdaten und Geschäftszeiten mithilfe von Schema Markup eingeben können, damit die Informationen auf den Ergebnisseiten der Suchmaschinen angezeigt werden.

Wenn Sie zum Beispiel bei Google nach „McDonald’s-Standorten in Florida“ suchen, wird Ihnen ein Hervorgehobenes Snippet mit den verschiedenen Zielorten und eine Karte mit angehefteten Positionen angezeigt.

Multiple location map preview on Google

Dies wird dazu beitragen, die SEO-Rankings Ihrer Website zu verbessern und Ihre Klickrate in der Suche zu erhöhen.

Hinweis: Sie benötigen mindestens den AIOSEO Plus Plan, um auf die für dieses Tutorial benötigte Local SEO Funktion zuzugreifen.

Zunächst müssen Sie das AIOSEO for WordPress-Plugin installieren und aktivieren. Weitere Details finden Sie in unserer Schritt-für-Schritt-Anleitung für die Installation eines WordPress-Plugins.

Nach der Aktivierung führt das Plugin einen Einrichtungsassistenten aus. Wenn Sie Hilfe bei der Konfiguration des Plugins benötigen, werfen Sie bitte einen Blick auf unsere Anleitung zur Einrichtung von AIOSEO für WordPress.

AIOSEO setup wizard

Sobald der Einrichtungsprozess abgeschlossen ist, müssen Sie auf Ihrem WordPress-Dashboard zu All in One SEO “ Local SEO wechseln.

Sie können auf die Schaltfläche „Lokale SEO aktivieren“ klicken, um mit der Konfiguration der lokalen Einstellungen zu beginnen.

Activate Local SEO in AIOSEO

Als Nächstes müssen Sie oben auf der Seite Lokale SEO auf die Registerkarte „Karten“ klicken.

Auf der Seite Karten sollten Sie das Feld „API-Schlüssel“ sehen.

Paste Your Google Maps API Key

Sie können einen API-Schlüssel für Google Maps erhalten, indem Sie die Google Maps-Plattform aufrufen und sich mit Ihrem Google-Konto anmelden.

Danach sollten Sie auf die Schaltfläche „Get Started“ klicken.

Welcome to Google Maps Platform

Google Cloud-Ressourcen sind nach Projekten geordnet. Wenn Sie noch kein Projekt haben, wird automatisch eines für Sie erstellt.

Beachten Sie, dass Sie die Rechnungsstellung für das Projekt aktivieren müssen, um die Google Maps-API nutzen zu können. Es ist jedoch unwahrscheinlich, dass Sie jemals etwas bezahlen werden.

Anfragen zum Einbetten von Karten sind kostenlos und die Nutzung ist unbegrenzt , wie in der Google-Dokumentation beschrieben, und Sie erhalten außerdem jeden Monat ein Guthaben von 200 US-Dollar.

Sie müssen auf die Schaltfläche „Rechnungskonto erstellen“ klicken.

Enable Billing for Your Project

Sie sehen nun die Seite mit den Kontoinformationen. Wählen Sie Ihr Land aus dem Dropdown-Menü aus und stimmen Sie den Nutzungsbedingungen zu.

Wenn Sie bereit sind, klicken Sie auf die Schaltfläche „Weiter“.

Agree to Google Maps Terms of Service

Nun müssen Sie ein bestehendes Zahlungsprofil auswählen oder ein neues erstellen.

Das Profil wird entweder für eine Einzelperson oder ein Unternehmen erstellt und enthält den Namen der Person oder des Unternehmens, eine Zahlungsmethode und eine Adresse.

Start Your Free Trial

Sobald Sie diese Informationen eingegeben haben, müssen Sie auf die Schaltfläche „Meine kostenlose Testversion starten“ klicken.

Machen Sie sich keine Sorgen wegen des Hinweises „Kostenlose Testversion“. Karteneinbettungsanfragen bleiben kostenlos, auch wenn die kostenlose Testphase beendet ist, und Ihre Kreditkarte wird erst belastet, wenn Sie manuell auf ein kostenpflichtiges Konto upgraden.

Möglicherweise werden Sie auch gebeten, einen 30-sekündigen Fragebogen zu Ihrem Unternehmen auszufüllen, um sicherzustellen, dass Sie die wichtigsten Informationen erhalten.

You May Be Asked to Fill In a 30 Second Survey

Wenn Sie auf die Schaltfläche „Senden“ klicken, wird Ihr Google Maps API-Schlüssel angezeigt. Sie müssen diesen Schlüssel in den Plugin-Einstellungen für die Methoden 2 und 3 eingeben.

Dann können Sie auf das Symbol „In die Zwischenablage kopieren“ am Ende des Feldes „Ihr API-Schlüssel“ klicken. Sobald Sie das getan haben, schließen Sie das Popup-Fenster, indem Sie auf die Schaltfläche „Zur Google Maps-Plattform gehen“ klicken.

Copy Your API Key

Einschränken des Google Maps API-Schlüssels

Wir empfehlen Ihnen, den Schlüssel zu beschränken, damit er nicht von anderen verwendet werden kann.

Nachdem Sie Ihren API-Schlüssel erstellt haben, zeigt Google ein Popup-Fenster „Schützen Sie Ihren API-Schlüssel“ an, in dem Sie Ihren Schlüssel einschränken können, damit er nur auf Ihrer eigenen Website funktioniert.

In der Dropdown-Liste „Beschränkungstyp wählen“ müssen Sie „HTTP-Referrer (Websites)“ auswählen. Im nächsten Feld geben Sie den Domänennamen Ihrer Website in das Feld „Neues Element“ ein und verwenden dabei das Muster *example.com/*.

Protect Your API Key

Sie sollten die Meldung „API-Schlüssel erfolgreich eingeschränkt“ erhalten. Jetzt funktioniert der Schlüssel nur für Google Maps, das in Ihre spezielle Website eingebettet ist.

Zurück auf Ihrer Website sollten Sie Ihren API-Schlüssel in das Feld eingeben. Dann können Sie nach unten scrollen, um die Karteneinstellungen zu bearbeiten.

Mit AIOSEO können Sie Google Maps mit einem Gutenberg-Block (WordPress-Editor), Shortcode, Widget oder PHP-Code anzeigen. Außerdem können Sie verschiedene Kartenstile auswählen und eine benutzerdefinierte Markierung zu Ihrer Karte hinzufügen.

Edit map settings

Stellen Sie für dieses Tutorial sicher, dass die Einstellung „Gutenberg-Block“ ausgewählt ist. Vergessen Sie nicht, auf die Schaltfläche „Änderungen speichern“ zu klicken, wenn Sie fertig sind.

Jetzt können Sie Ihre Karte für den Standort Ihres Geschäfts erstellen. Wie Sie dies tun, hängt davon ab, ob Ihr Unternehmen nur ein Geschäft oder mehrere Standorte hat.

Hinzufügen einer Karte für einen einzelnen Standort

Wenn Ihr Unternehmen von einem einzigen Standort aus operiert, dann verwendet die Karte die Informationen, die Sie auf der Seite ‚Standorteinstellungen‘ von All in One SEO angeben.

Wechseln Sie nun auf die Registerkarte „Standorte“ der Seite All in One SEO “ Local SEO.

Da Sie nur einen einzigen Standort haben, sollten Sie sicherstellen, dass die Option „Mehrere Standorte“ auf „Nein“ gesetzt ist.

Set Multiple Locations to No

Als Nächstes sollten Sie zum Abschnitt „Business Info“ blättern und so viele Informationen wie möglich über Ihr Unternehmen eingeben.

Dies ist wichtig, weil die Informationen angezeigt werden können, wenn jemand über die Google-Suche oder Google Maps nach Ihrem Unternehmen sucht.

Business Info Will Be Displayed in Google Searches

Blättern Sie anschließend zum Abschnitt „Karten“, um Ihren genauen Standort zu markieren.

Geben Sie einfach Ihre Adresse in das Feld „Geben Sie eine Anfrage ein“ ein. An dieser Stelle wird eine Stecknadel hinzugefügt, die Sie bei Bedarf durch Ziehen an eine neue Position verschieben können.

Enter Your Store Location as a Query in the Map Section

Wenn Sie fertig sind, müssen Sie zum oberen oder unteren Ende der Seite blättern und auf die Schaltfläche „Änderungen speichern“ klicken, um Ihre Einstellungen zu speichern.

Jetzt können Sie die Karte Ihrer Filiale zu jedem WordPress-Beitrag oder jeder Seite hinzufügen. Um zu beginnen, bearbeiten Sie einfach einen Beitrag oder eine Seite auf Ihrer Website oder fügen Sie eine neue hinzu.

Wenn Sie im Block-Editor sind, klicken Sie oben auf die Schaltfläche „+“ und fügen Sie den Block „AIOSEO Local – Map“ an einer beliebigen Stelle auf der Seite ein. Klicken Sie auf die Schaltfläche „Aktualisieren“ oder „Veröffentlichen“, wenn Sie fertig sind.

Add an AIOSEO Local Map Block to Your Page

Herzlichen Glückwunsch, Sie haben Ihrer Website erfolgreich einen Google Maps-Lokalisierer hinzugefügt.

Hinzufügen von Karten für mehrere Standorte

Um eine Karte für einen anderen Standort hinzuzufügen, müssen Sie zur Registerkarte Standorte auf der Seite All in One SEO “ Lokale SEO navigieren. Dort müssen Sie auf die Option „Ja“ für mehrere Standorte klicken und dann auf die Schaltfläche „Änderungen speichern“ am oberen Rand des Bildschirms.

Set Multiple Locations to Yes

Sobald Sie Ihre Änderungen gespeichert haben, werden Sie feststellen, dass ein neuer benutzerdefinierter Beitragstyp „Standorte“ in der Admin-Seitenleiste hinzugefügt wurde. Hier geben Sie Ihre Geschäftsstandorte ein.

Navigieren Sie zu Standorte “ Alle Standorte und klicken Sie dann auf die Schaltfläche „Neu hinzufügen“.

Add a new location

Dadurch gelangen Sie zum Editor für Standorte. Sie müssen einen Titel für den hinzuzufügenden Ort eingeben, z. B. den Namen des Geschäfts oder der Stadt.

Scrollen Sie nun nach unten zum Abschnitt „AIOSEO Local Business“ auf der Seite unter dem Beitragsinhalt.

Geben Sie so viele Informationen wie möglich ein, da diese möglicherweise angezeigt werden, wenn jemand in der Google-Suche oder in Google Maps nach Ihrem Unternehmen sucht.

Fill In the Business Info Section

Danach sollten Sie den Bereich „Karten“ finden und Ihre Adresse in das Feld „Abfrage eingeben“ eingeben.

An dieser Stelle wird eine Stecknadel angezeigt.

Add multiple map locations

Nachdem Sie Ihren Standort auf der Karte eingetragen und die Standortinformationen hinzugefügt haben, klicken Sie auf die Schaltfläche „Veröffentlichen“.

Sie können diesen Schritt nun wiederholen und Ihre anderen Standorte hinzufügen.

Sobald Sie fertig sind, können Sie Ihrer Website für jeden Standort eine Standortkarte hinzufügen, indem Sie den Block „AIOSEO Local – Map“ im WordPress-Editor verwenden.

Add an AIOSEO Local Map Block to Your Page

Nun müssen Sie auswählen, welcher Ort auf der Karte angezeigt werden soll.

Schauen Sie sich dazu den Blockeinstellungsbereich auf der rechten Seite des Bildschirms an und wählen Sie im Dropdown-Menü „Standort“ das Geschäft aus, das Sie anzeigen möchten.

Choose a Store Location From the Drop Down Menu on the Settings Pane

Fügen Sie einfach weitere lokale Kartenblöcke für andere Orte hinzu. Vergessen Sie nicht, oben auf der Seite auf die Schaltfläche „Veröffentlichen“ oder „Aktualisieren“ zu klicken, um die Karten auf Ihrer Website anzuzeigen.

Methode 3: Anzeige mehrerer Filialstandorte auf einer einzigen Karte

Mit den ersten beiden Methoden können Sie Karten mit einem einzigen Standort hinzufügen. Wenn Sie mehrere Standorte haben, müssen Sie für jeden Standort eine eigene Karte hinzufügen.

Alternativ können Sie auch unsere dritte Methode verwenden, um mehrere Standorte auf einer einzigen Karte anzuzeigen.

Als Erstes müssen Sie das Locatoraid Store Locator-Plugin installieren und aktivieren. Weitere Details finden Sie in unserer Schritt-für-Schritt-Anleitung für die Installation eines WordPress-Plugins.

Nach der Aktivierung müssen Sie Locatoraid “ Konfiguration besuchen und das Plugin einrichten.

Auf der Registerkarte „Google Maps“ müssen Sie einen Google Maps API-Schlüssel einfügen. Sie können ihn wie oben in Methode 2 beschrieben erstellen.

Klicken Sie dann auf das Symbol „Speichern“, um den Schlüssel zu speichern. Sie sollten feststellen, dass Google Maps im Fenster „Kartenstilvorschau“ korrekt geladen werden kann.

Paste Your Google Maps API Key

Als Nächstes können Sie auf der Registerkarte „Konfiguration“ auswählen, ob Meilen oder Kilometer auf der Karte angezeigt werden sollen.

Sie können auch die anderen Optionen überprüfen, z. B. das Adressformat, die Details, die Sie auf der Karte anzeigen möchten, und die Benutzer, die das Plugin verwenden können.

Configure Your Map Including the Units You Wish to Use

Wenn Sie mit den Einstellungen des Plugins zufrieden sind, klicken Sie auf die Schaltfläche „Speichern“, um Ihre Einstellungen zu speichern.

Jetzt können Sie die Standorte Ihrer Geschäfte hinzufügen. Navigieren Sie dazu zu Locatoraid “ Standorte. Dort müssen Sie auf die Schaltfläche „Neu hinzufügen“ klicken.

Click the Add New Button on the Locations Page

Dadurch gelangen Sie auf die Seite „Neuen Standort hinzufügen“. Hier können Sie den Namen des Geschäfts, den Standort und andere Details eingeben.

Klicken Sie anschließend auf die Schaltfläche „Neuen Standort hinzufügen“ unten auf der Seite.

Fill In Your Store's Address and Other Information

Sie werden zur Seite „Standort bearbeiten“ weitergeleitet, wo Sie den Standort des Geschäfts auf einer Karte sehen können.

Wenn alles gut aussieht, sollten Sie auf die Schaltfläche „< Standort“ oben auf dem Bildschirm klicken, um zur Seite Locatoraid “ Standorte in Ihrem Dashboard zurückzukehren.

Confirm That the Map Is Correct Then Click the Locations Button

Sie können weitere Standorte hinzufügen, indem Sie auf die Schaltfläche „Standort hinzufügen“ klicken und diese Schritte wiederholen.

Sobald Sie alle Standorte Ihrer Geschäfte erstellt haben, können Sie die Karte zu Ihrer Website hinzufügen.

Fügen Sie einfach eine Seite hinzu oder bearbeiten Sie sie und klicken Sie auf das blaue Symbol „+ Block hinzufügen“. Sie sollten einen Shortcode-Block auf die Seite ziehen und dann den Shortcode [locatoraid] in das Feld eingeben.

Add a Shortcode Block to Your Page

Dieser Standard-Shortcode ist für die meisten Websites gut geeignet. Sie können die Karte jedoch anpassen, indem Sie einen anderen Shortcode verwenden. Besuchen Sie die Seite Locatoraid “ Veröffentlichen, um mehr zu erfahren.

Jetzt können Sie die Seite veröffentlichen oder aktualisieren und Ihre Website besuchen, um die Karte mit dem Standort Ihres Geschäfts zu sehen.

Alle Standorte Ihrer Geschäfte werden auf derselben Karte angezeigt. Wenn Ihre Nutzer ihre Adresse eingeben oder auf den Link „Locate Me“ klicken, können sie die nächstgelegenen Geschäfte finden und eine Wegbeschreibung erhalten.

Preview of Locatoraid Map With Multiple Locations

Wir hoffen, dass diese Anleitung Ihnen geholfen hat zu lernen, wie man eine Google Maps-Suchmaschine in WordPress einfügt. Vielleicht möchten Sie auch erfahren , wie Sie eine interaktive Karte in WordPress erstellen können, oder unsere Liste der besten Schema Markup Plugins für Ihre Website lesen.

Wenn Ihnen dieser Artikel gefallen hat, dann abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Videotutorials. Sie können uns auch auf Twitter und Facebook finden.

Offenlegung: Unsere Inhalte werden von unseren Lesern unterstützt. Das bedeutet, dass wir möglicherweise eine Provision verdienen, wenn Sie auf einige unserer Links klicken. Mehr dazu erfahren Sie unter Wie WPBeginner finanziert wird , warum das wichtig ist und wie Sie uns unterstützen können. Hier finden Sie unseren redaktionellen Prozess .

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.

Das ultimative WordPress Toolkit

Erhalte KOSTENLOSEN Zugang zu unserem Toolkit - eine Sammlung von WordPress-bezogenen Produkten und Ressourcen, die jeder Profi haben sollte!

Reader Interactions

4 KommentareEine Antwort hinterlassen

  1. Priscilla

    Hi there, the shortcode you have in the instructions on this page for the store locator is incorrect and conflicting.
    you have [wpls] in the instructions but the actual shortcode which you have in the screenshot is [wpsl].
    The s and the l are around the wrong way :)

    • WPBeginner Support

      Thank you for catching that, we will be sure to fix that typo.

      Admin

  2. Pablo Cardozo

    Since Google Maps charges for using its service, would not it be nice to also offer the option to use Open Street Map? I’m sure there must be plugins that do it and doing it by hand is not so different from the Google option either.

    • WPBeginner Support

      We do not have a specific plugin we would recommend at the moment but we will certainly keep an eye out.

      Admin

Eine Antwort hinterlassen

Danke, dass du einen Kommentar hinterlassen möchtest. Bitte beachte, dass alle Kommentare nach unseren kommentarpolitik moderiert werden und deine E-Mail-Adresse NICHT veröffentlicht wird. Bitte verwende KEINE Schlüsselwörter im Namensfeld. Lass uns ein persönliches und sinnvolles Gespräch führen.