This site uses cookies and other tracking technologies to make possible your usage of the website, assist with navigation and your ability to provide feedback, analyse your use of our products and services, assist with our promotional and marketing efforts, and provide better user experience.

By using the website, you agree to our Datenschutzerklärung

Accept and continue

Report a bug

Cancel
422 8
SEO Lesezeit 8 Minuten 20 June 2019

Was ist iFrame und warum es unerwünscht ist, es für die Suchmaschinenoptimierung zu verwenden?

Was ist iFrame und warum es unerwünscht ist, es für die Suchmaschinenoptimierung zu verwenden?
iFrame oder Floating Frame ist ein separates Fenster, HTML-Dokument, das zusammen mit anderen Inhalten der Seite im Browserfenster angezeigt wird. Es kann überall platziert werden, ohne an das <iframe >tag gebunden zu sein.
Die Verwendung dieses Tags ist oft riskant: Die Website hat nicht mehr die volle Kontrolle über den Inhalt des Dokuments, da ein Teil davon von einer anderen Website per iFrame heruntergeladen wird.

Da wir die Kontrolle über den Inhalt nicht mehr haben, ist es möglich, unerwünschte Inhalte (18+, Viren, usw.) über den iFrame hochzuladen, was wiederum zu Sanktionen führen kann. Und das wird den Fortschritt der Auslieferung beeinflussen.

Wozu braucht man iFrame?

Um diese Frage zu beantworten, müssen wir uns zunächst daran erinnern, was ein Rahmen ist. Dies ist ein separates, vollständiges HTML-Dokument, das zusammen mit anderen HTML-Dokumenten im Browser angezeigt werden kann.

Mit iFrame kannst du sowohl einen traditionellen Frame als auch einzelne HTML-Dokumente in verschiedene Seiten ohne das < iframe > tag einbetten. Das Ergebnis ist, dass der Inhalt einer anderen URL mit oder ohne Scrollen auf der Webseite erscheint.

Das heißt, andere Seiten werden mit der Hintergrundseite geladen. Der Benutzer sieht solche Frames nur, wenn sie auf bestimmte Größen eingestellt sind, z. B. den Typ des Banners.

Dies ist das einfachste Beispiel für einen iFrame: ein Codefragment mit der angegebenen Größe des Hintergrundfensters für ein Banner:
Beispiel iFrame HTML5
Dieses tag wird von den meisten Browsern unterstützt, aber einige Parameter können sich unterscheiden oder gar nicht ausgeführt werden. Beispielsweise laufen Frames nicht in Browsern, die auf Audio im Straßenverkehr, für Sehbehinderte oder auf sehr alten Versionen von Browsern basieren.

Außerdem werden Frames nicht nur in Web-Ressourcen, sondern auch in Anwendungen für Programme verwendet. Sie sind oft nützlich für den technischen Support.

Beispielsweise rufst du die Hilfe durch Anklicken der Hilfetaste auf, daneben erscheint ein allgemeines Menü, und im Hintergrund öffnet sich ein Fenster, das für den von deinen ausgewählten Informationsblock zuständig ist.

In diesem Fall ist es bequem und ermöglicht es dir, keine Dateien mehr hochzuladen. Schematisch sieht es so aus:
Wie iFrame funktioniert

Wo Frames verwendet werden

1
Eingebaute Videos, Präsentationen und andere visuelle Inhalte.
2
Um das Aussehen deiner Supportanwendungen zu optimieren, wie im vorherigen Screenshot.
3
Um Hintergrundverkehr durch Affiliate-Programme zu erzeugen. Die Anwendung des tags wird durch die Verdrehung von Besuchen bedingt, die durch Analysesysteme festgelegt werden, und überschätzt die Ergebnisse des Datenverkehrs.
4
Web-Design. Einige Designer erstellen eine konzeptionelle Idee der Seitenstruktur, einschließlich Hintergrundfenster, Einbettung von Animationen, Videos und anderen Medieninhalten. Da das Design der Website Web-Designer Abwehr von anderen Aufgaben, anstatt Suchmaschinen-Promotion, gibt es Meinungsverschiedenheiten.

Außerdem kann die Nutzung des iFrame durch die Animation des kontrollierten JS bedingt sein, die in einem separaten Fenster nicht so langsam funktioniert.
Dies ist beispielsweise das Codefragment, das Videos von YouTube hochlädt:
<iframe width="560" height="315" src="https://www.youtube.com/example" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

Für was sollte man Frames verwenden:

  • Einbetten von Medieninhalten, sowohl für sich selbst als auch für die Öffentlichkeit.
  • Einbetten von Beispielen für Codefragmente.
  • Einbetten von Applets – Anwendungen, die im Kontext einer Website funktionieren, wie z. B. Zahlungsmethoden oder interaktive Karten.

Für was sollte man Frames nicht verwenden

  • Fotogalerien
  • Chat-Fenster
  • Navigation
  • Hintergründe

Eine Fotogalerie und ein Chatroom sind in der Regel eigenständige Dokumente, die nicht in den Körper eines anderen Dokuments eingebaut werden sollten. Für die Navigation empfiehlt es sich, die Sitemap und die Brotkrumen zu verwenden. Und früher oder später endet die Wicklung mit dem Aufbringen von Filtern.

Und das Wichtigste ist, dass du nur Inhalte aus vertrauenswürdigen Quellen lädst!

Vor- und Nachteile der Frames

Warum lohnt sich die Verwendung von Frames? Vorteile:
1
Man lädt Videos, Karten, Präsentationen und andere Inhalte schnell hoch.
2
Frames in HTML ermöglichen es dir, dem Besucher mehrere Seiten auf einmal anzuzeigen, die völlig unabhängig sind.
3
Der Besucher kann den Bildschirm wechseln, ohne die Seite neu zu laden.
4
Es ist möglich, die Struktur einer Web-Ressource in Blöcke aufzuteilen, so dass du nur einzelne Blöcke bearbeiten kannst.
5
Der Benutzer kann die Größe des Hintergrundfensters selbst ändern, wenn du es nicht mit der Option noresize eingeschränkt hast.
Und nun zu den Informationen über die möglichen Risiken:
1
Es besteht die Möglichkeit, dass die Indexierung der Website durch Suchroboter durch den Übergang zu einem Frame unterbrochen wird.
2
Einige Browser unterstützen diese Art der Darstellung nicht. Sie sind entweder veraltet oder nur für Audio usw. bestimmt.
3
Man sollte die Bedrohung filtern. Sanktionen von Suchmaschinen sind möglich, wenn Inhalte verbotener Natur in Frames enthalten sind.
Um mögliche Missverständnisse bei Suchrobotern und Benutzern, deren Browser diese Funktion nicht unterstützen, zu vermeiden, schließen Webmaster iFrame von der Indexierung ab und fügen eine entsprechende Benachrichtigung hinzu. Es wird angezeigt, wenn das Hintergrundfenster nicht gestartet wird, und empfiehlt dem Benutzer, den Browser zu aktualisieren.

Aus technischer Sicht ergibt sich der folgende Code:
Tag Noframes in HTML
Der Inhalt des tags <noframes > wird im Browser angezeigt, wenn er das Einfügen von iFrames nicht unterstützt. Gleichzeitig achten andere Browser, die in der Lage sind, Fenster mit Frames zu verarbeiten, nicht auf ihn. Die Beschreibung sollte vollständiger offengelegt werden, um den Nutzer auf der Website zu halten.

Verhältnis von Suchmaschinen zu Frames

Es gibt zwei Grundregeln, die man beachten sollte:
1
iFrame kann nur aus bewährten und zuverlässigen Quellen aufgebaut werden, denen du persönlich vertraust.
2
Beachte, dass der hochgeladene Inhalt nicht als Teil des Dokuments indiziert wird.
"Google unterstützt Frames und IFrames so weit wie möglich. iFrame kann Suchmaschinen Probleme bereiten, da sie nicht zum konzeptionellen Modell des Internets passen", sagt die Google-Hilfe.

Der Grund, warum iFrames nicht dem konzeptionellen Modell entspricht, liegt darin, dass iFrames-Seiten mehr als eine URL enthalten. Eine ist für die Seite, auf der der iFrame-Einsatz platziert ist, und die andere für die Seite, aus der er den Inhalt extrahiert. Kein Wunder, dass Roboter verwirrt sein können.

Fazit

iFrame ist ein tag, der es ermöglicht, ein anderes HTML-Dokument in einem anderen anzuzeigen. Wenn du eine Seite mit einem Rahmen startest, wird daher im Hintergrund eine weitere unabhängige Seite geladen.

Verwende Frames für eine Reihe von Gründen, wie z.B. die Einbettung von Medieninhalten, Anwendungen im Kontext einer Website, Fotogalerien und mehr.

Beim Einbetten von Frames solltest du nur vertrauenswürdige Quellen verwenden und daran denken, dass der Inhalt der Frames nicht von Suchrobotern gescannt wird. Und es kann Sanktionen für die Einbettung verbotener Inhalte geben.
Dieser Artikel gehört zum Modul «Checklist» von Serpstat
«Checklist» von Serpstat

Die Option „Checklist" ist eine To-do-Liste, die dir hilft, den Aufgabenstatus des bestimmten Projekts zu verfolgen. Das Tool umfasst fertige Vorlagen mit einer umfangreichen Liste der Parameter, die zur Entwicklung erforderlich sind. Du kannst diese fertigen Vorlagen einsetzen oder eigene Posten hinzufügen.
Checklist testen

Erfahre, wie du Serpstat mit bestmöglicher Effizienz verwendest

Möchtest du persönliche Produktdemonstration, die Testversion oder erfolgreiche Use-Cases bekommen?

Sende eine Anfrage und unser Support-Team kontaktiert dich ;)

Rate the article on a five-point scale

The article has already been rated by 1 people on average 5 out of 5
Hast du einen Fehler gefunden? Markiere diesen und betätige Ctrl + Enter, um es uns mitzuteilen

Teile den Artikel in sozialen Netzwerken :)

Einloggen Registrieren

Вы исчерпали лимит запросов.

Or email
Забыли пароль?
Or email
Back To Login

Don’t worry! Just fill in your email and we’ll send over your password.

Are you sure?

Awesome!

To complete your registration you need to enter your phone number

Back

We sent confirmation code to your phone number

Your phone Resend code queriesLeft

smthWentWrong

contactSupport
telegramVerification telegramBotLink
Choose the project to view data on it

Persönliche Produktdemonstration

Serpstat hilft dir, noch mehr Zeit zu sparen! Bitte fülle das Formular vollständig aus — du wirst schnellstmöglich von einem unserer Produktspezialisten kontaktiert.

Persönliche Demonstration umfasst den Testzeitraum des Services, umfangreiche Anleitungen und Webinare, individuelle Beratung von Serpstat-Experten. Wir machen alles, damit du mit Serpstat zurechtkommst.

Name

Email

Telefonnummer

Wir freuen uns auf deine Kommentare

Upgrade your plan

Export is not available for your account. Please upgrade to Plan A or higher to get access to the tool. Learn more.

Sign Up Free

Спасибо, мы с вами свяжемся в ближайшее время

Invite
Просмотр Редактирование

E-mail
Message
Optional
E-mail
Message
Optional

У вас закончились лимиты

Вы достигли лимита на количество созданных проектов и больше не можете создавать новые проекты. Увеличьте лимиты или удалите существующие проекты.

Я хочу больше лимитов