Standort und Karte auf der Website einbinden — Tools, Datenschutz, Performance

Eine Karte auf der Website soll Standorte zeigen — und kostet trotzdem oft Ladezeit, DSGVO-Stress und Wartungs-Aufwand. Diese Übersicht zeigt, welche Werkzeuge sich für KMU lohnen, was beim Datenschutz zu beachten ist und wann eine statische Variante schlauer ist als die eingebettete Original-Karte.

Inhaltsverzeichnis 12 Abschnitte

• 01Was eine Karte auf der Website überhaupt leisten soll
• 02Drei Wege, einen Standort zu zeigen — und was sie unterscheiden
• 03Google Maps und die DSGVO-Falle
• 04OpenStreetMap und Leaflet — die datenschutz-freundliche Alternative
• 05Statisches Bild plus Routenlink — das unterschätzte Werkzeug
• 06Mapbox, MapTiler und andere — wann sich der Aufwand lohnt
• 07Performance: warum Karten oft die langsamste Sektion einer Site sind
• 08Wann mehrere Standorte komplex werden — die Filial-Karten-Frage
• 09So bindest du eine Karte rechtssicher ein — die Praxis-Checkliste
• 10Wartung und Aktualisierung — was alle paar Jahre fällig wird
• 11Häufige Fragen
• 12Was du als Nächstes prüfen kannst

Was eine Karte auf der Website überhaupt leisten soll

Bevor du irgendein Karten-Tool einbettest, hilft eine ehrliche Frage: was soll die Karte tatsächlich tun. In neunzig Prozent aller KMU-Sites sind es drei mögliche Aufgaben.

Erstens, einen Standort zeigen, damit Besucher wissen, wo du sitzt. Zweitens, einen Routenstart anbieten, damit jemand dich direkt navigieren kann. Drittens, mehrere Standorte oder ein Einzugsgebiet darstellen, etwa für Filialen, Servicegebiet oder ein lokales Netz.

Diese drei Aufgaben unterscheiden sich technisch deutlich. Wer eine Adresse zeigen will, braucht keine voll interaktive Karte mit Zoom-Funktion. Wer ein 80 Kilometer großes Servicegebiet markieren will, braucht etwas, das mehr kann als ein eingebettetes Bild. Die Wahl des Werkzeugs hängt nicht von Geschmack ab, sondern davon, was die Besucher tatsächlich tun sollen.

Stefan, Installateur in Kärnten mit 14 Mitarbeitenden, hat genau diese Frage erst nach drei Jahren gestellt. Seine Site hatte eine eingebettete Google Maps, weil das eben „dazu gehört“. Genutzt hat sie keiner – die Besucher, die anrufen wollten, fanden die Telefonnummer schneller als die Adresse, und für die Routenplanung haben sie die Maps-App ihres Handys aufgemacht. Drei Jahre lang hat die Karte Ladezeit gekostet, ohne einen einzigen messbaren Vorteil zu bringen.

Drei Wege, einen Standort zu zeigen — und was sie unterscheiden

Es gibt nicht „den Weg“, eine Karte einzubauen, sondern drei grundsätzlich verschiedene Ansätze.

Der erste Ansatz ist die voll interaktive eingebettete Karte. Du holst dir einen iframe-Code von einem Anbieter wie Google Maps, OpenStreetMap oder Mapbox und setzt ihn in die Seite. Ergebnis: zoom- und verschiebbar, mit Marker, ggf. mit Routenfunktion. Aufwand: niedrig in der Einrichtung, hoch in den Folgekosten (Performance, DSGVO).

Der zweite Ansatz ist die statische Karten-Abbildung. Du machst einen Screenshot oder lädst über eine Karten-API ein statisches Bild herunter und bindest es als normales Bild ein. Darüber legst du einen Button „Route in Google Maps öffnen“ oder ähnlich. Ergebnis: optisch ähnlich, technisch wesentlich leichter, kein DSGVO-Stress. Aufwand: ein bisschen Vorarbeit, dann Ruhe.

Der dritte Ansatz ist die selbst gehostete Karte über eine Bibliothek wie Leaflet oder MapLibre. Du hostest die Karten-Daten entweder selbst oder ziehst sie über eine Bibliothek, ohne dass externe Skripte deine Besucher tracken. Ergebnis: voll interaktiv, datenschutz-konform, aber technisch anspruchsvoller in der Einrichtung.

Welcher Weg für dich passt, hängt von zwei Fragen ab: brauchst du tatsächlich Interaktivität, und wie wichtig ist dir die DSGVO-Konformität ohne Cookie-Banner-Klick.

Google Maps und die DSGVO-Falle

Die häufigste Konstellation in Österreich: Google Maps eingebettet, ohne Consent-Banner davor, weil „es sonst hässlich aussieht“. Damit handelst du dir ein konkretes Datenschutzproblem ein, das nicht theoretisch ist.

Sobald die Maps-Einbettung lädt, sendet sie unter anderem die IP-Adresse des Besuchers an Google-Server in den USA. Das ist eine Datenübermittlung in ein Drittland, die nach DSGVO eine vorherige Einwilligung erfordert. Ein Bußgeld-Urteil eines deutschen Landgerichts aus 2022 hat 100 Euro Schadenersatz an einen einzelnen Kläger zugesprochen – das klingt wenig, aber bei jeder Abmahnung kommen Anwaltskosten dazu, und österreichische Datenschutzbehörden sind in den letzten Jahren aktiver geworden.

In der Praxis bedeutet das: eine eingebettete Google-Maps-Karte braucht entweder einen Consent-Banner-Klick davor (Karte lädt erst nach Zustimmung), oder du gehst eines der Risiken ein – Abmahnung oder Schadenersatzklage. Die meisten österreichischen Hoster und Datenschutzbeauftragten empfehlen den Consent-Weg als Standard.

Was dabei oft vergessen wird: ein zusätzlicher Klick auf „Karte laden“ kostet dich Conversion. Studien zu Cookie-Bannern zeigen Abbruchraten zwischen 10 und 30 Prozent^[1]. Eine Karte, die erst nach zwei Klicks sichtbar wird, ist für viele Besucher praktisch unsichtbar.

OpenStreetMap und Leaflet — die datenschutz-freundliche Alternative

OpenStreetMap ist das Wikipedia der Karten: ein offenes, von Freiwilligen gepflegtes Karten-Projekt mit weltweiter Abdeckung. Die Daten sind kostenlos nutzbar, die Qualität ist in Österreich auf städtischem Niveau praktisch identisch mit Google Maps, im ländlichen Bereich teils sogar genauer.

Eingebunden wird OpenStreetMap meist über die JavaScript-Bibliothek Leaflet oder MapLibre. Beide sind kostenlos, beide sind in fünf bis zehn Zeilen Code aufgesetzt, beide übertragen ohne Standardkonfiguration keine personenbezogenen Daten an Drittserver.

Der einzige technische Punkt: die Karten-Kacheln müssen von irgendwoher kommen. Wenn du sie über den offiziellen OpenStreetMap-Tile-Server lädst, ist das für kleine Sites in Ordnung – für größere Sites verlangt OpenStreetMap-Foundation aber einen eigenen Tile-Provider. Hier kommen Anbieter wie MapTiler oder Stadia Maps ins Spiel, die kommerziellen Tile-Service zu fairen Preisen anbieten.

Aufwand für die Einrichtung: in der Regel zwei bis vier Stunden, wenn du grundlegend technisch arbeiten kannst, oder ein einzelnes Honorar zwischen 200 und 600 Euro, wenn du es jemandem übergibst. Folgekosten: null, wenn du die offiziellen Tiles nutzt, oder 5 bis 30 Euro pro Monat für einen kommerziellen Tile-Service bei mittelgroßen Sites.

Statisches Bild plus Routenlink — das unterschätzte Werkzeug

Für die häufigste Aufgabe – einen einzelnen Standort zeigen und Routenstart anbieten – ist die statische Variante in vielen Fällen die beste Wahl. Sie geht so:

Du machst einen Screenshot deines Standorts auf einer Karten-Anwendung deiner Wahl (oder lädst über eine Static-Maps-API ein PNG herunter). Du speicherst das Bild komprimiert als WebP. Du baust es als normales Bild in die Seite ein. Darunter setzt du einen Button mit einem Link wie „In Google Maps öffnen“, „In Apple Maps öffnen“ oder „Route planen“.

Vorteile dieser Variante: keine externen Skripte, kein DSGVO-Problem, Ladezeit von 30 bis 80 Kilobyte statt 250 bis 500, optisch auf den ersten Blick nicht von einer eingebetteten Karte zu unterscheiden. Nachteile: nicht zoom-bar, nicht interaktiv – aber für 90 Prozent der „wo seid ihr“-Fragen reicht das vollkommen.

Andrea, Hotelière in den Kärntner Bergen mit 38 Zimmern, hat ihre Site genau auf dieses Modell umgestellt. Eingebettete Maps raus, statisches Bild rein, drei Buttons darunter („Google Maps“, „Apple Maps“, „Anfahrtsbeschreibung als PDF“). Resultat: Mobile-LCP von 3,4 auf 1,8 Sekunden, keine DSGVO-Diskussion mehr mit dem Datenschutzbeauftragten, und die tatsächlichen Anfahrtsanfragen sind um 12 Prozent gestiegen, weil die Buttons sichtbarer und schneller verfügbar waren als der Routen-Knopf in der eingebetteten Karte^[2].

Mapbox, MapTiler und andere — wann sich der Aufwand lohnt

Es gibt eine Klasse von Anbietern, die zwischen Google Maps und der Selbstbau-Variante sitzen: Mapbox, MapTiler, Stadia Maps, HERE Maps, TomTom. Alle bieten eine API für Karten-Kacheln, viele mit DSGVO-konformer Konfiguration und gestaffelten Preismodellen.

Sinn macht das in zwei Konstellationen.

Erstens, wenn du mehrere Standorte oder eine größere Marker-Logik brauchst. Eine Karte mit zwanzig Filialen, deren Öffnungszeiten je nach Wochentag andere sind, lässt sich mit Mapbox oder MapTiler komfortabel und stabil bauen. Mit der Google-Maps-Einbettung kommst du hier schnell an Grenzen.

Zweitens, wenn die Karte ein zentrales Element deiner Site ist und das Erscheinungsbild zur Marke passen muss. Mapbox bietet umfangreiche Styling-Optionen, sodass die Karte zu deinen Farben und deinem Look passt. Bei Google-Maps-Einbettung hast du praktisch keinen Spielraum.

Preise: Mapbox bietet 50.000 Karten-Aufrufe pro Monat kostenlos, danach gestaffelt. Für eine durchschnittliche KMU-Site mit 1.500 Besuchen pro Monat bleibst du im kostenlosen Rahmen. MapTiler ist ähnlich, mit etwas anderem Staffel-Modell. HERE Maps und TomTom sind in der Regel teurer, dafür mit besseren B2B-Funktionen.

Performance: warum Karten oft die langsamste Sektion einer Site sind

Eine eingebettete Google-Maps-Karte lädt typischerweise zwischen 250 und 500 Kilobyte an JavaScript, plus die Karten-Kacheln selbst. Auf einer Mobile-Verbindung sind das zwei bis vier Sekunden, die deine Site langsamer wird, sobald die Karte sichtbar wird.

Auf einer Kontaktseite, die nur aus Adresse, Karte und Formular besteht, kann die Karte allein für die Hälfte der gesamten Ladezeit verantwortlich sein. Wer den Drei-Sekunden-Test ernst nimmt – mehr dazu im Beitrag über Mobile-Performance und Conversion-Verlust – sollte sich die Karte als eigene Performance-Position ansehen, nicht als „kostet halt etwas“.

Zwei Hebel helfen.

Erstens, lazy loading. Die Karte erscheint erst, wenn der Besucher in den Bereich scrollt, in dem sie sichtbar wird. Standard für Bilder ist das mit dem loading="lazy"-Attribut, für eingebettete Karten musst du es per JavaScript machen oder eine Bibliothek nutzen.

Zweitens, „Bild zuerst, Karte bei Bedarf“. Du zeigst ein statisches Karten-Bild plus einen Button „Karte vergrößern und interaktiv erkunden“. Wer klickt, bekommt die volle Karte, alle anderen bezahlen nicht für eine Funktion, die sie nicht brauchen. Dieser Hybrid-Ansatz ist in den letzten zwei Jahren zur Standardempfehlung für Karten-Performance geworden.

Wann mehrere Standorte komplex werden — die Filial-Karten-Frage

Wenn du eine Karte mit drei oder mehr Standorten zeigen willst, verlässt du den Bereich der einfachen Wege. Hier wirst du in der Regel auf eine selbst gehostete Leaflet- oder Mapbox-Umsetzung gehen, weil eingebettete Karten von Google bei mehreren Markern schnell unübersichtlich werden.

Worauf du achten solltest, bevor du das aufsetzt: pflege ich die Standort-Daten an einer Stelle oder verstreut über die Site. Ändert sich was an Öffnungszeiten, Adressen, Telefonnummern oder Routen, willst du nicht in der Karten-Konfiguration suchen müssen. Eine kleine JSON-Datei oder ein Eintrag in deinem CMS, der die Karte automatisch aktualisiert, spart dir über Jahre eine erstaunliche Menge Arbeit.

Zweitens: wie wichtig ist die Filterung. Wenn Besucher nach Postleitzahl oder nach Servicegebiet filtern sollen, brauchst du nicht nur eine Karte, sondern eine kleine Anwendung darunter. Aufwand: zwischen 1.500 und 5.000 Euro für eine solide Umsetzung, je nach Datenmenge und Filtertiefe.

Drittens: Mobile zuerst. Eine Filial-Karte mit dreißig Markern, die am Desktop wunderbar aussieht, ist am Handy oft unbedienbar. Plane die Mobile-Variante zuerst und prüfe vor dem Launch an einem echten Endgerät, ob du noch findest, was du suchst.

So bindest du eine Karte rechtssicher ein — die Praxis-Checkliste

Vor der Umsetzung lohnt sich diese kurze Prüfliste.

1. Welche Aufgabe soll die Karte tatsächlich erfüllen. Einen Standort zeigen, Routen anbieten, mehrere Standorte filtern – die Wahl des Werkzeugs hängt davon ab.
2. Welche Datenschutz-Linie fährst du. Consent-Banner vorschalten und Google Maps weiternutzen, oder auf eine Variante ohne Drittland-Datenübermittlung wechseln.
3. Wie sieht die Mobile-Version aus. Lade-Performance unter drei Sekunden, Bedienbarkeit am Touchscreen, sichtbarer Routen-Button.
4. Wo werden die Standort-Daten gepflegt. Einmal die Karte konfigurieren ist machbar, jedes halbe Jahr Adressen suchen ist nicht.
5. Was passiert, wenn der Karten-Anbieter ausfällt oder die API-Preise erhöht. Ein Fallback – etwa ein statisches Bild – kostet nichts und rettet dich in dem seltenen Fall, dass es passiert.

Wer die fünf Punkte vorher klärt, baut keine Karte ein, die in einem Jahr nachgearbeitet werden muss.

Wartung und Aktualisierung — was alle paar Jahre fällig wird

Auch eine eingebaute Karte ist kein „einmal und fertig“. Zwei Anlässe machen Wartung sinnvoll.

Erstens, Adress-Änderungen. Klingt trivial, ist es nicht: viele Sites haben veraltete Standort-Daten, weil die Karte als „läuft halt“ abgehakt wurde. Nach einem Umzug, einer Filialeröffnung oder einer Strukturänderung gehört die Karte auf die Update-Liste.

Zweitens, technische Änderungen. Google hat 2018 das Maps-Preismodell umgestellt – Sites, die vorher kostenlos Karten eingebettet hatten, sahen plötzlich „Diese Karte ist nur für Entwickler“-Hinweise. Das gleiche Muster wiederholt sich periodisch bei kommerziellen API-Anbietern. Wer keine laufende Pflege hat, merkt erst durch eine Beschwerde, dass die Karte seit drei Wochen kaputt ist.

Wer eine Site mit laufender Pflege hat, kümmert sich um beides routinemäßig im Quartal. Wer das einmal jährlich macht, ist meistens gut. Wer es nie macht, hat irgendwann eine Karte, die nicht mehr funktioniert. Website-Pflege ist eine laufende Disziplin, kein Einmal-Akt.

Häufige Fragen

Was du als Nächstes prüfen kannst

Schau auf deine eigene Kontaktseite und beantworte zwei Fragen. Wie lange braucht sie zum Laden auf einem Mobile-Gerät, und wie sieht die Karten-Sektion dort konkret aus. Wer dort eine eingebettete Maps ohne Consent-Banner und mit drei Sekunden zusätzlicher Ladezeit hat, hat den größten Hebel direkt vor sich.

Eine Karte ist am Ende ein kleiner Posten im großen Bild – sie entscheidet selten allein über Anfragen, kostet aber schnell Ladezeit und Datenschutz-Ruhe. Was eine durchdachte Website insgesamt kostet und welche Posten wirklich zählen, zeigt die Kosten-Übersicht für Österreich.