Was ist ein iFrame?
Ein iFrame (kurz für “inline frame”) ist ein HTML-Element, das es ermöglicht, eine andere HTML-Seite in eine Webseite einzubetten. Es ist ein nützliches Werkzeug, um Inhalte von einer anderen Quelle auf einer Webseite anzuzeigen, ohne dass der Benutzer die Seite verlassen muss. Ein Beispiel für die Verwendung von iFrames ist die Einbettung von YouTube-Videos auf einer Webseite.
Wie erstelle ich ein iFrame?
Um ein iFrame manuell zu erstellen, musst du das HTML-Tag <iframe> verwenden. Hier ist ein Beispiel für die Verwendung des <iframe>-Tags:
<iframe src="https://www.example.com"></iframe>
Dieses <iframe>-Tag würde eine Webseite von https://www.example.com in das iFrame einbetten.
Alternativ kannst du einen iFrame-Generator wie iframe-generator.com verwenden, um den Code für dich zu generieren. Mit einem iFrame-Generator kannst du die Größe des iFrames anpassen und andere Optionen wie Scrollbalken und Rahmen hinzufügen oder entfernen.
Beispiel
Hier ist ein Beispiel für die Einbettung eines YouTube-Videos in ein iFrame:
<iframe width="560" height="315" src="https://www.youtube.com/embed/VIDEO_ID" frameborder="0" allowfullscreen></iframe>
Ersetze VIDEO_ID durch die ID des YouTube-Videos, das du einbetten möchtest. Die ID findest du in der URL des Videos.
Relevanz zur SEO
In Bezug auf die Suchmaschinenoptimierung (SEO) gibt es einige wichtige Dinge zu beachten. Suchmaschinen erkennen iFrames, aber sie berücksichtigen den Inhalt innerhalb des iFrames nicht bei der Indexierung der Seite. Das bedeutet, dass der Inhalt innerhalb des iFrames nicht direkt zur Suchmaschinenoptimierung beiträgt. Es gibt jedoch einige Ausnahmen, in denen Google den Inhalt eines iFrames zur umgebenden Webseite zählen kann.
iFrames können auch einige Nachteile haben. Zum Beispiel können sie die Ladezeit einer Webseite verlangsamen und es schwieriger machen, den Inhalt der Seite zu indizieren. Wenn du iFrames auf deiner Webseite verwendest, solltest du sicherstellen, dass sie ordnungsgemäß implementiert sind und keine negativen Auswirkungen auf die Benutzererfahrung oder die SEO haben.