Charger un autre site dans une iframe

Cette méthode charge un site à l'intérieur d'un autre, mais ce n'est pas une redirection : la barre du navigateur conserve le domaine extérieur et le contenu distant s'affiche dans une iframe.

Elle ne fonctionne que si le site de destination autorise d'autres domaines à l'intégrer. S'il répond avec X-Frame-Options ou une politique CSP frame-ancestors qui l'interdit, le navigateur bloquera le contenu et cela ne peut pas se résoudre depuis l'hébergement de example.com.

Pour qu'un domaine example.com charge un domaine example.net au moyen d'une iframe :

1. Ajoutez le domaine dans cPanel avec son propre répertoire.
2. Dans le chemin associé à ce domaine, déposez un fichier nommé index.html contenant le code suivant :

<!doctype html>
<html lang="fr">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Mon projet</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="Site d'exemple"></iframe>
</body>
</html>

Remplacez https://example.net par l'URL complète que vous voulez charger et adaptez le titre pour décrire son contenu.

L'iframe ne transfère pas l'URL, ne fait pas du contenu distant votre propre contenu et présente des limites en matière de référencement, d'accessibilité, de cookies et de connexion. Utilisez une redirection HTTP lorsque l'objectif est d'envoyer le visiteur vers l'autre adresse.

Vérifier si cela convient à votre projet

Testez le contenu sur mobile, la navigation au clavier, les liens et la connexion. Une page HTTPS ne doit pas intégrer une version HTTP : elle peut être bloquée comme contenu mixte. Les fournisseurs d'authentification ou de paiement peuvent aussi refuser de fonctionner dans un cadre.

Si la destination ne peut pas être intégrée, utilisez un lien visible ou une redirection HTTP. N'essayez pas de retirer ses protections au moyen d'un proxy pour la faire passer pour votre contenu. Avant de remplacer un index.html existant, faites-en une copie pour pouvoir récupérer l'ancienne page d'accueil.