Was ist ein iFrame überhaupt?
Ein iFrame ist wie ein kleines Fenster auf deiner Website, durch das du Inhalte von einer anderen Website anzeigen kannst – zum Beispiel:
- ein Finanzierungsrechner
- eine Wertermittlungsstrecke
- ein Kalender-Tool, ein Chat, ein Rückruf-Formular, …
Das Ganze sieht auf deiner Seite aus, als wäre es Teil deines Systems – kommt aber technisch gesehen von woanders.
Das kann Auswirkungen auf SEO haben - lies hier, warum:
→ iFrames einbinden
Du möchtest einen Key für Bottimmo oder Maklaro einfügen? Lies hier weiter:
Wo kannst du iFrames einbauen?
Du kannst iFrames überall dort einfügen, wo ein Artikelfeld verfügbar ist – also fast überall:
- auf deinen Inhaltsseiten über das Artikelfeld (z. B. Leistungen, Regionen, Ratgeber)
- auf ganz normalen Einzelseiten (wie Startseite, Über uns etc.) - ebenfalls über das Aktikelfeld
Variante A: iFrame in einem Beitrag einfügen
(z. B. im Regionen-Eintrag „Köln“) – perfekt, wenn das Tool nur auf einer bestimmten Detailseite angezeigt werden soll
- Gehe im Hauptmenü auf „Inhalt“
- Wähle den Ordner aus, z. B. „Regionen“
- Öffne den gewünschten Inhaltseintrag, z. B. „Region Köln“
- Scrolle zum Bereich „DETAILS“
- Dort findest du das Artikelfeld – klicke auf „Neues Feld hinzufügen“
- Wähle als Feldtyp „HTML“
- Füge nun deinen iFrame-Code ein (z. B. von einem Tool-Anbieter wie ImmoScout, BaufiSmart)
- Speichere erst das Feld, dann ganz unten den gesamten Eintrag
Fertig! Das Tool wird jetzt direkt auf der Seite eingeblendet.
Variante B: iFrame auf einer Einzelseite einfügen
(z. B. auf deiner Startseite oder einer speziellen Landingpage)
- Gehe im Hauptmenü auf Webseiten (CMS) → Seiten
- Öffne die gewünschte Seite, z. B. „Startseite“ oder „Über uns“ oder lege eine neue Page an, auf der das iframe erscheinen soll
- Entweder:
- Nutze eine bestehende Artikelfeld-Sektion
- Oder klicke auf „Neue Sektion erstellen“ und wähle als Typ „Artikel“
- In der Sektion klickst du auf „Neues Feld hinzufügen“ und wählst „HTML“
- Füge den iFrame-Code in das Feld ein
- Speichere erst das Feld, dann die ganze Seite
Auch hier gilt: Sobald du gespeichert hast, ist das Tool direkt auf deiner Seite sichtbar.
Tipp: So erkennst du einen iFrame-Code
Ein iFrame-Code sieht meistens so aus:
<iframe src="https://www.dein-tool-anbieter.de/widget" width="100%" height="500" frameborder="0"></iframe>Diesen Code bekommst du vom jeweiligen Tool-Anbieter – einfach kopieren und in das HTML-Feld einsetzen.
Kurz zusammengefasst:
| Was? | Wo einbauen? | Wie? |
|---|---|---|
| iFrame (Tool von extern) | In Artikelfeldern | Über „Neues Feld hinzufügen → HTML“ |
| z. B. für Finanzierung etc | In Seiten oder Inhaltstypen | Feld auswählen, Code einfügen, speichern – fertig! |
Sind iFrames schlecht für SEO?
iFrames – also eingebettete Inhalte von anderen Webseiten – können aus SEO-Sicht problematisch sein. Der Grund: Suchmaschinen wie Google können den eingebetteten Inhalt nicht vollständig erfassen.
Das heißt:
Der Inhalt innerhalb des iFrames zählt nicht zu deiner eigenen Website, wird also nicht direkt für dein Google-Ranking berücksichtigt. Zwar erkennt Google, dass ein externer Inhalt eingebunden ist, folgt auch dem Link – aber was genau im iFrame steht, wird nicht aktiv analysiert oder bewertet.
In manchen Fällen kann das sogar dazu führen, dass Google den eingebetteten Inhalt als doppelt vorhandenen Content (Duplicate Content) einstuft – das ist nicht ideal, weil es sich auf deine Crawl-Frequenz oder Sichtbarkeit auswirken kann.
Lies hier, welche Alternativen es gibt und wie du die richtige Entscheidung triffst:
→ iFrames einbinden