Frames

Was sind Frames?

Frames sind eine ältere HTML-Technik, mit der ein Browserfenster in mehrere Bereiche aufgeteilt wird, die jeweils ein eigenes HTML-Dokument laden. Klassische Frames verwenden die Elemente <frameset> und <frame>. Sie gelten heute als veraltet, weil sie unter anderem Navigation, Barrierefreiheit, Indexierung und mobile Darstellung erschweren.

Wie funktionieren Frames in HTML?

Frames teilen die sichtbare Browserfläche in voneinander unabhängige Bereiche auf. Jeder Bereich besitzt eine eigene URL und lädt ein separates HTML-Dokument, obwohl der Nutzer die Inhalte als zusammengehörige Seite wahrnimmt.

Bei einer klassischen Frame-Struktur ersetzt das Element <frameset> den üblichen <body>-Bereich. Über Attribute wie rows und cols wird festgelegt, wie der Browser die Fläche in Zeilen oder Spalten aufteilt. Die einzelnen <frame>-Elemente verweisen über das Attribut src auf die einzubindenden Dokumente.

Eine typische historische Anwendung bestand aus einem dauerhaft sichtbaren Navigationsbereich und einem zweiten Frame, dessen Inhalt sich nach einem Klick änderte. Die URL des übergeordneten Framesets blieb dabei häufig unverändert, obwohl im Inhaltsbereich unterschiedliche Dokumente angezeigt wurden.

Die Elemente <frame>, <frameset> und <noframes> sind im aktuellen HTML-Standard als vollständig veraltet und nicht konform eingestuft. Für neue Websites sollen reguläre HTML-Dokumente, CSS-basierte Layouts oder bei tatsächlich eingebetteten Inhalten gezielt eingesetzte <iframe>-Elemente verwendet werden.

Welche Arten von Frames gibt es?

Der Begriff wird häufig sowohl für klassische Framesets als auch für Inlineframes verwendet. Technisch handelt es sich um unterschiedliche Konzepte, die getrennt bewertet werden müssen.

Technik	HTML-Element	Verwendung	Aktueller Status
Klassischer Frame	`<frame>`	Lädt ein Dokument innerhalb eines Framesets	Veraltet und nicht für neue Websites vorgesehen
Frameset	`<frameset>`	Teilt das Browserfenster in Zeilen oder Spalten	Veraltet und nicht HTML-konform
Inlineframe	`<iframe>`	Bettet ein Dokument in eine reguläre Webseite ein	Weiterhin Bestandteil von HTML
CSS-Layout	`<div>` und semantische Elemente	Ordnet Inhalte visuell mit Grid oder Flexbox an	Übliche Lösung für moderne Seitenlayouts

Was ist der Unterschied zwischen Frames und iFrames?

Ein klassischer Frame ist Bestandteil eines Framesets, das die gesamte Browseransicht in mehrere Dokumentbereiche zerlegt. Ein iFrame, ausgeschrieben Inlineframe, wird dagegen innerhalb des normalen Inhalts einer einzelnen HTML-Seite platziert.

iFrames eignen sich beispielsweise für Karten, Videos, Zahlungsdialoge oder externe Anwendungen. Der eingebettete Inhalt bleibt ein eigenständiges Dokument und gehört technisch nicht zum HTML-Inhalt der umgebenden Seite. Das <iframe>-Element ist weiterhin zulässig, sollte jedoch mit einem aussagekräftigen Titel und geeigneten Sicherheitsattributen eingesetzt werden.

Warum ist ein CSS-Layout kein Frame?

Ein CSS-Layout ordnet Bestandteile desselben HTML-Dokuments visuell an. Navigation, Hauptinhalt und Seitenleiste befinden sich dabei in einer gemeinsamen Dokumentstruktur und unter einer einheitlichen URL. Bei Frames werden dagegen mehrere eigenständige Dokumente gleichzeitig in getrennten Browserbereichen geladen.

Welche SEO-Probleme verursachen klassische Frames?

Klassische Frames erschweren Suchmaschinen die eindeutige Zuordnung von Inhalt, URL und Seitentitel. Eine Suchmaschine kann einzelne Frame-Dokumente erfassen, bei einem direkten Aufruf fehlen diesen Dokumenten jedoch häufig Navigation, Kontext und weitere Bestandteile des Framesets.

Uneindeutige URLs: Mehrere Inhalte können erscheinen, während in der Adresszeile dieselbe Frameset-URL stehen bleibt.
Fehlender Seitenkontext: Indexierte Frame-Dokumente können ohne Navigation oder gestalterischen Rahmen in den Suchergebnissen landen.
Unvollständige Metadaten: Seitentitel und Meta-Beschreibungen des Framesets beschreiben nicht automatisch jedes eingebundene Dokument.
Erschwerte interne Verlinkung: Beziehungen zwischen Navigation, Hauptinhalt und Ziel-URL sind weniger eindeutig als bei regulären HTML-Seiten.
Probleme mit Verweisen: Nutzer und andere Websites können häufig nicht direkt auf den aktuell sichtbaren Zustand einer Frame-Kombination verlinken.

Frames führen nicht automatisch zu einem vollständigen Ausschluss aus dem Suchindex. Das zentrale SEO-Risiko liegt in der Fragmentierung: Suchmaschinen verarbeiten einzelne URLs, während der Nutzer mehrere Dokumente als eine Seite erlebt. Dadurch können Rankings, Snippets und Zielseiten voneinander abweichen.

Eine Frame-Weiterleitung ist keine reguläre HTTP-Weiterleitung. Wird eine fremde oder neue URL lediglich in einem Frame angezeigt, bleibt die ursprüngliche URL im Browser bestehen. Für dauerhafte URL-Wechsel sind serverseitige 301-Weiterleitungen erforderlich.

Wie beeinflussen Frames SEA und GEO?

Bei SEA können klassische Frames die Bewertung und Messung einer Landingpage erschweren. Anzeigen führen auf eine konkrete URL, während Formulare, Produktinformationen oder Bestätigungsseiten möglicherweise in separaten Frame-Dokumenten geladen werden. Dadurch können Tracking-Aufrufe, Conversion-Zuordnungen und Zielseitenprüfungen unübersichtlich werden.

GEO steht für Generative Engine Optimization und bezeichnet die Optimierung von Inhalten für Antworten generativer Such- und KI-Systeme. Klassische Frames verteilen Informationen auf mehrere Dokumente, wodurch Überschriften, Navigation und fachlicher Kontext technisch getrennt vorliegen können. Eine zusammenhängende HTML-Seite erleichtert die Erkennung semantischer Beziehungen und die eindeutige Zuordnung einer Aussage zu ihrer Quelle.

iFrames erfordern eine differenzierte Bewertung. Der Inhalt eines eingebetteten Dokuments wird nicht automatisch zu einem inhaltlichen Bestandteil der umgebenden URL. Zentrale Texte, Produktbeschreibungen und Antworten auf wichtige Nutzerfragen sollten deshalb direkt im HTML der jeweiligen Zielseite stehen.

Wie lassen sich alte Frame-Websites modernisieren?

Bei der Migration einer Frame-Website werden die getrennten Dokumente zu vollständigen, eigenständig aufrufbaren Seiten zusammengeführt. Jede relevante Seite erhält eine eindeutige URL, eine vollständige Navigation, passende Metadaten und einen klar strukturierten Hauptinhalt.

Erfasse das Frameset und sämtliche darin geladenen Dokumente mit ihren URLs.
Ordne Navigation, Kopfbereich, Hauptinhalt und Fußbereich einer gemeinsamen Seitenvorlage zu.
Definiere für jeden relevanten Inhalt eine dauerhaft erreichbare Ziel-URL.
Leite alte, indexierte Frame-URLs per 301-Statuscode auf die jeweils passende neue Seite weiter.
Prüfe interne Links, Canonical-Tags, XML-Sitemap, Tracking und mobile Darstellung.
Kontrolliere nach dem Relaunch Crawling, Indexierung, Rankings und 404-Fehler.

Ein technischer SEO-Audit für bestehende Websites kann aufdecken, welche Frame-Dokumente noch indexiert oder extern verlinkt sind. Die anschließende technische Onpage-Optimierung stellt sicher, dass Inhalte, Metadaten und interne Links den neuen URLs eindeutig zugeordnet werden.

Häufige Fragen zu HTML-Frames

Werden klassische Frames von Browsern noch angezeigt?

Viele Browser können ältere Frame-Strukturen weiterhin darstellen. Diese technische Unterstützung bedeutet jedoch nicht, dass Frames für neue Websites geeignet oder nach aktuellem HTML-Standard zulässig sind.

Kann Google Inhalte aus Frames indexieren?

Suchmaschinen können einzelne Frame-Dokumente erfassen und indexieren. Die Dokumente können jedoch ohne das zugehörige Frameset erscheinen, sodass Navigation, Gestaltung oder inhaltlicher Kontext fehlen.

Sind iFrames grundsätzlich schlecht für SEO?

iFrames sind nicht grundsätzlich schädlich. Zentrale Inhalte einer Zielseite sollten jedoch direkt im HTML stehen, weil eingebettete Dokumente eigenständige Ressourcen mit eigenen URLs bleiben.

Können Frames ein responsives Webdesign unterstützen?

Klassische Frames sind für responsive Layouts ungeeignet. Flexible Darstellungen für unterschiedliche Bildschirmgrößen werden mit semantischem HTML, CSS Grid, Flexbox und Media Queries umgesetzt.

Woran erkennt man eine alte Frame-Website?

Typische Hinweise sind eine unveränderte Browser-URL beim Wechsel des Hauptinhalts, getrennt scrollende Seitenbereiche oder die Elemente frame und frameset im HTML-Quellcode.

Wie schützt man Inhalte vor einer unerwünschten Einbettung?

Website-Betreiber können die Einbettung ihrer Seiten über geeignete HTTP-Sicherheitsheader begrenzen. Dazu gehören insbesondere die Content Security Policy mit frame-ancestors sowie bei älteren Umgebungen X-Frame-Options.

Technische Fragen zu deiner Website klären

Wenn Frames, veraltete HTML-Strukturen oder unklare URL-Zuordnungen deine Indexierung beeinträchtigen, schafft eine technische Analyse eine belastbare Grundlage für die Migration. Die Beratung erfolgt durch Experten mit mindestens 14 Jahren Erfahrung. Die OSG gehört zu den aktuell nur acht Agenturen in Deutschland, die vom BVDW für SEO und SEA zertifiziert sind.

Kostenlose Erstberatung

Sie haben noch Fragen?

Kontaktieren Sie uns