Dominios y DNS

Cargar otra web mediante iframe

Revisado el 3 min de lectura redirecciones iframe

Este método carga una web dentro de otra, pero no es una redirección: la barra del navegador conserva el dominio exterior y el contenido remoto se muestra en un iframe.

Solo funcionará si la web de destino permite que otros dominios la incrusten. Si responde con X-Frame-Options o una política CSP frame-ancestors que lo impida, el navegador bloqueará el contenido y no se puede resolver desde el hosting de example.com.

Para que un dominio example.com cargue un dominio example.net por medio de un iframe:

  1. Añadir el dominio en cPanel con su propio directorio
  2. En la ruta asociada a este dominio cargar un fichero bajo el nombre index.html que contenga el siguiente código:
<!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>

Sustituye https://example.net por la URL completa que quieras cargar y adapta el título para describir su contenido.

El iframe no traslada la URL, no convierte el contenido remoto en contenido propio y presenta limitaciones de posicionamiento, accesibilidad, cookies e inicio de sesión. Utiliza una redirección HTTP cuando el objetivo sea enviar al visitante a la otra dirección.

Comprobar si encaja con tu proyecto

Prueba el contenido en móvil, la navegación con teclado, los enlaces y el inicio de sesión. Una página HTTPS no debe incrustar una versión HTTP: puede quedar bloqueada como contenido mixto. Los proveedores de autenticación o pago también pueden impedir funcionar dentro de un marco.

Si el destino no permite incrustarse, utiliza un enlace visible o una redirección HTTP. No intentes retirar sus protecciones desde un proxy para hacer que parezca contenido propio. Antes de sustituir un index.html existente, guarda una copia para poder recuperar la portada anterior.

También te puede ayudar

¿Algo no cuadra o ha cambiado? Cuéntanoslo y lo revisamos.