So fügen Sie Яндекс Карты zu einer Turbosite-Website hinzu

Яндекс Карты ist der wichtigste Kartendienst für das russische Publikum. Es gibt zwei einfache Möglichkeiten, eine Karte in Ihre Website einzubinden: über den Karten-Konstruktor (Sie zeichnen Routen oder setzen Markierungen selbst) oder direkt aus den Яндекс Карты (Unternehmensprofil mit Bewertungen und Kontaktdaten). Beide Optionen liefern einen fertigen HTML-Code zum Einbetten. Kostenlos, kein API-Schlüssel erforderlich. Die Einrichtung dauert 5–10 Minuten.

Was Sie benötigen

Ein Яндекс-Konto — kostenlose Registrierung
Eine veröffentlichte Website auf Turbosite
5–10 Minuten Zeit

Methode 1: Unternehmensprofil aus den Яндекс Карты (wenn Sie bereits ein Unternehmen auf den Karten haben)

Dies ist der schnellste Weg – Sie erhalten eine Karte mit Markierung, Bewertungen und der Schaltfläche „Route planen“.

Öffnen Sie yandex.ru/maps und suchen Sie Ihr Unternehmen über die Suche.
Klicken Sie auf der Unternehmensseite auf die Schaltfläche „Teilen“ (Pfeil-Symbol) → wählen Sie den Reiter „Widget“.
Passen Sie die Vorschau an (Größe, Markierung, Unternehmensinformationen).
Kopieren Sie den Code zum Einbetten auf die Website.

📷 Screenshot: Unternehmensprofil in den Яндекс Карты mit geöffnetem Fenster „Teilen → Widget“.

Methode 2: Eigene Karte über den Karten-Konstruktor (wenn Sie mehrere Markierungen oder eine Route benötigen)

Öffnen Sie yandex.ru/map-constructor.
Suchen Sie den gewünschten Punkt auf der Karte.
Fügen Sie bei Bedarf Markierungen, Linien oder Bereiche hinzu.
Klicken Sie auf „Speichern und fortfahren“ → legen Sie die Kartengröße fest.
Klicken Sie auf „Kartencode abrufen“ → wählen Sie das Format „iframe“.
Kopieren Sie den Code.

📷 Screenshot: Яндекс-Karten-Konstruktor mit konfigurierten Markierungen und generiertem iframe-Code.

Schritt 3. Code in Turbosite einfügen

Die Karte erscheint an einer bestimmten Stelle der Seite (z. B. im Block „Kontakte“), daher wird der Code in den Textkörper der Seite eingefügt, nicht in den <head>-Bereich.

Öffnen Sie Ihre Website in Turbosite.
Fügen Sie den Block „HTML-Code“ an der gewünschten Stelle auf der Seite hinzu – normalerweise im Kontaktbereich.
Fügen Sie den kopierten Kartencode ein.
Speichern Sie die Änderungen.
Veröffentlichen Sie die Website.

📷 [Screenshot Turbosite – wird hinzugefügt: HTML-Code-Block im Textkörper der Seite mit Karte].

Schritt 4. Überprüfen, ob die Karte funktioniert

Öffnen Sie die veröffentlichte Website.
Scrollen Sie zum Kartenblock – sie sollte nach 1–2 Sekunden geladen sein.
Überprüfen Sie die Darstellung auf einem Mobilgerät: Die Karte sollte korrekt skalieren.

Wenn die Karte auf Mobilgeräten abgeschnitten wird, passen Sie die Größe im Konstruktor erneut an und setzen Sie das Häkchen bei „In der Breite dehnen“.

Häufige Fragen

Kann man mehrere Markierungen oder eine Route hinzufügen? Ja, über den Karten-Konstruktor (Methode 2). Dort können Sie eine Route zeichnen, Polygone hinzufügen und viele Markierungen in verschiedenen Farben setzen.

Die Karte verlangsamt das Laden der Website. Die iframe-Karte wird asynchron geladen und blockiert die Seite nicht. Wenn sich nur eine Karte auf der Seite befindet, gibt es keine Probleme. Wenn es viele Karten gibt oder die Website überlastet ist, können Sie Lazy-Load (Laden bei Klick) verwenden.

Kann man eine Karte mit eigenen Daten (Corporate Design, Farben) einfügen? Im Standard-iframe – nein, das Design ist standardisiert. Eine vollständige Anpassung ist über die JavaScript API der Яндекс Карты möglich, erfordert jedoch einen Entwickler und einen API-Schlüssel.

Wird für eine Basiskarte ein API-Schlüssel benötigt? Nein. Karten aus dem Konstruktor oder aus dem Unternehmensprofil werden ohne Schlüssel eingebettet. Ein Schlüssel ist nur für die JavaScript API erforderlich.

Wie füge ich Bewertungen der Яндекс Карты hinzu? Dies ist ein separates Widget – im Unternehmensprofil auf den Яндекс Карты → „Teilen“ → „Widget mit Bewertungen“. Es wird auf die gleiche Weise über den HTML-Block eingefügt.

Weiterführende Informationen

Яндекс-Karten-Konstruktor — das Hauptwerkzeug
Hilfe zum Karten-Konstruktor — offizielle Dokumentation
Яндекс-Karten-API — für detaillierte Anpassungen