Ir al contenido principal

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.

Comentarios

Entradas populares de este blog

PRO Elements - La alternativa GPL a Elementor PRO

Desbloquea Elementor Pro Gratis GPL ¿Qué es Elementor PRO? Elementor FREE es un plugin gratuito para WordPress que permite a los usuarios crear y maquetar páginas web de forma fácil y rápida. Al utilizar Elementor, los usuarios pueden crear sitios web profesionales y píxel perfectos con un maquetador visual de arrastrar y soltar, sin necesidad de conocer código. Elementor también ofrece una amplia gama de plantillas y extensiones, lo que permite a los usuarios personalizar y ampliar sus sitios web de manera sencilla. Elementor Pro es la versión de pago de Elementor y viene con características adicionales como widgets adicionales, soporte premium y una biblioteca de plantillas completa. Algunas de las funciones adicionales incluidas en Elementor Pro son la posibilidad de crear tipos de entrada personalizados, controles de diseño avanzados y acceso a plantillas premium. Además, Elementor Pro incluye soporte para WooCommerce, lo que permite a los usu...

¿Qué es una PALABRA CLAVE y cómo usarla en el SEO?

Una PALABRA CLAVE o keyword es un término o una frase que un usuario introduce en un buscador como Google para encontrar información sobre un tema concreto.  Las PALABRAS CLAVE son fundamentales para el SEO (optimización para motores de búsqueda), ya que son el nexo de unión entre el contenido de una página web y la intención de búsqueda del usuario. En este artículo, te explicaremos qué son las PALABRAS CLAVE, qué tipos existen, cómo se clasifican según su intención de búsqueda y cómo puedes encontrar y usar las PALABRAS CLAVE adecuadas para tu web. Tipos de PALABRAS CLAVE Las PALABRAS CLAVE se pueden clasificar según diferentes criterios, como el número de palabras que las componen, el nivel de especificidad que tienen o el volumen de búsqueda que generan. Algunos de los tipos más comunes de PALABRAS CLAVE son: PALABRAS CLAVE head o genéricas: son términos muy amplios y generales, que suelen tener un solo término, como “coche” o “música”. Estas PALABRAS CLAVE tienen un alto volu...

Cómo escribir una META DESCRIPTION que aumente el CTR de tu página web

La META DESCRIPTION es una etiqueta HTML que resume el contenido de una página web. Aparece en los resultados de búsqueda debajo del título y la URL, y puede influir en la decisión de los usuarios de hacer clic o no en tu enlace.  Por eso, es importante optimizar la META DESCRIPTION para mejorar el SEO y el CTR (tasa de clic) de tu página web. En este artículo, te voy a dar algunos consejos para escribir una META DESCRIPTION que aumente el CTR de tu página web. Consejos para escribir una META DESCRIPTION Cumple con la intención de búsqueda . La META DESCRIPTION debe responder a la pregunta o necesidad que tiene el usuario al buscar una determinada palabra clave. Debes usar las palabras clave que coincidan con la intención de búsqueda y que sean relevantes para el contenido de tu página. Por ejemplo, si tu página habla sobre cómo hacer un bizcocho, puedes usar palabras clave como “bizcocho”, “receta de bizcocho” o “cómo hacer un bizcocho”. Usa la voz activa . La voz activa es más di...