Eine andere Website per iframe laden

Diese Methode lädt eine Website innerhalb einer anderen, ist aber keine Umleitung: Die Adressleiste des Browsers zeigt weiter die äußere Domain, und der fremde Inhalt erscheint in einem iframe.

Das funktioniert nur, wenn die Zielwebsite das Einbetten durch andere Domains erlaubt. Antwortet sie mit X-Frame-Options oder einer CSP-Richtlinie frame-ancestors, die das verhindert, blockiert der Browser den Inhalt, und das lässt sich vom Hosting von example.com aus nicht ändern.

So lädt eine Domain example.com die Domain example.net per iframe:

1. Die Domain in cPanel hinzufügen, mit eigenem Verzeichnis
2. Im Pfad dieser Domain eine Datei namens index.html mit folgendem Code hochladen:

<!doctype html>
<html lang="es">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Mi proyecto</title>
  <style>
    html, body { margin: 0; height: 100%; }
    iframe { display: block; width: 100%; height: 100%; border: 0; }
  </style>
</head>
<body>
  <iframe src="https://example.net" title="Web de ejemplo"></iframe>
</body>
</html>

Ersetzen Sie https://example.net durch die vollständige URL, die Sie laden möchten, und passen Sie den Titel an den Inhalt an.

Der iframe überträgt die URL nicht, macht den fremden Inhalt nicht zu eigenem Inhalt und bringt Einschränkungen bei Suchmaschinenplatzierung, Barrierefreiheit, Cookies und Anmeldung mit sich. Verwenden Sie eine HTTP-Umleitung, wenn Besucher an die andere Adresse geschickt werden sollen.

Prüfen, ob es zu Ihrem Projekt passt

Testen Sie den Inhalt auf dem Smartphone, die Bedienung per Tastatur, die Links und die Anmeldung. Eine HTTPS-Seite darf keine HTTP-Version einbetten: Sie kann als gemischter Inhalt blockiert werden. Auch Anmelde- oder Zahlungsanbieter können die Funktion innerhalb eines Frames verhindern.

Lässt sich das Ziel nicht einbetten, verwenden Sie einen sichtbaren Link oder eine HTTP-Umleitung. Versuchen Sie nicht, die Schutzmechanismen über einen Proxy zu entfernen, damit es wie eigener Inhalt aussieht. Bevor Sie eine vorhandene index.html ersetzen, sichern Sie sie, damit Sie die bisherige Startseite wiederherstellen können.