Cómo poner una pagina web dentro de otra con iframe

¿Quieres mostrar una página web externa, dentro de tu propio sitio web? Descubre cómo puedes hacer esta sencilla tarea con un simple código HTML.

¡Hola SEO Nauta! En este artículo, te voy a enseñar cómo puedes insertar o poner un sitio web externo dentro de tu sitio web. Esto es una tarea que se conoce como embeber una página web dentro de otra. Esta es una función muy usada, sobre todo en páginas web de juegos online, tipo minijuegos.

Usando HTML para embeber otra web dentro de la nuestra <iframe>

Para mostrar un sitio web dentro de otro, vamos a usar una etiqueta HTML <iframe>. Esta etiqueta HTML sirve para incrustar diferentes tipos de contenidos dentro de una página web.

Con la etiqueta <iframe> podemos incrustar documentos de texto, documentos de Word, PowerPoint, Excel, PDF, otros sitios web, flash... ¡Las posibilidades son infinitas!

¿Cómo emplear la etiqueta <iframe>?

Para empezar a usar esta etiqueta, deberás dirigirte a la versión HTML de tu editor de contenidos y pegar lo siguiente:

<iframe src="https://seodefinicion.com/" width="800" height="600"></iframe>

Ahora solo quedará cambiar la URL, que está dentro de las comillas "", por la URL que queremos incrustar. Si queremos ajustar el ancho y el alto, podemos hacerlo cambiando el valor de los contenedores width y height.

Resultado Final

¿Cómo poner una página web dentro de otra con Elementor?

Si usas algún software de composición visual, tipo Elementor, solo tendrás que arrastrar el bloque de HTML y pegar el siguiente código:

<iframe src="https://seodefinicion.com/" width="800" height="600"></iframe>

Ahora solo quedará cambiar la URL, que está dentro de las comillas "", por la URL que queremos incrustar. Si queremos ajustar el ancho y el alto, podemos hacerlo cambiando el valor de los contenedores width y height.