{"id":44613,"date":"2024-07-31T09:53:37","date_gmt":"2024-07-31T07:53:37","guid":{"rendered":"https:\/\/www.hostinet.com\/formacion\/?p=44613"},"modified":"2024-08-19T10:09:15","modified_gmt":"2024-08-19T08:09:15","slug":"que-es-un-iframe","status":"publish","type":"post","link":"https:\/\/www.hostinet.com\/formacion\/diseno-web\/que-es-un-iframe\/","title":{"rendered":"Qu\u00e9 es un Iframe y c\u00f3mo se utiliza en la web"},"content":{"rendered":" <!-- x0 --><div style=\"min-height: 30px; margin-top: 0px; padding-bottom: 7px; z-index: 1;position: relative; float: none;\" class=\"social-container\"><\/div><p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-44615\" src=\"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2024\/07\/que-es-iframe.jpg\" alt=\"Qu\u00e9 es un Iframe y c\u00f3mo se utiliza en la web\" width=\"600\" height=\"400\" srcset=\"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2024\/07\/que-es-iframe.jpg 600w, https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2024\/07\/que-es-iframe-500x333.jpg 500w, https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2024\/07\/que-es-iframe-350x233.jpg 350w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/p>\n<p>Cuando navegas por internet, seguro que has visto p\u00e1ginas web que muestran mapas, videos o incluso publicaciones de redes sociales sin que tengas que salir del sitio. \u00bfTe has preguntado alguna vez c\u00f3mo lo hacen? La respuesta est\u00e1 en una herramienta llamada <strong>iframe<\/strong>.<\/p>\n<p>Los <strong>iframes son como peque\u00f1as ventanas dentro de una p\u00e1gina web<\/strong> que permiten mostrar contenido de otros sitios. Es como si pudieras pegar un trozo de otra web directamente en la tuya. Esto es genial porque te permite a\u00f1adir cosas interesantes a tu p\u00e1gina sin tener que crearlas desde cero.<\/p>\n<p>Pero, \u00bfc\u00f3mo funcionan realmente? \u00bfCu\u00e1ndo es buena idea usarlos y cu\u00e1ndo no? \u00bfQu\u00e9 ventajas y desventajas tienen? En este art\u00edculo, vamos a hablar de todo esto de forma sencilla.<\/p>\n<p>Ya sea que est\u00e9s empezando con tu primera web o que lleves tiempo en esto, seguro que encontrar\u00e1s informaci\u00f3n \u00fatil para mejorar tus proyectos online<\/p>\n<h2 id=\"qu\u00e9-es-un-iframe-y-para-qu\u00e9-sirve\">Qu\u00e9 es un iframe y para qu\u00e9 sirve<\/h2>\n<p>Un iframe es como una <strong>ventana dentro de tu p\u00e1gina web<\/strong> que te permite mostrar <strong>contenido de otros sitios<\/strong>. Imagina que tienes un hueco en tu pared y puedes ver lo que pasa en la habitaci\u00f3n de al lado. As\u00ed funciona un iframe, pero en el mundo online.<\/p>\n<p>Con un iframe puedes <strong>insertar mapas, v\u00eddeos, formularios<\/strong> y mucho m\u00e1s sin tener que crear todo ese contenido desde cero. Es una forma muy pr\u00e1ctica de enriquecer tu web con informaci\u00f3n \u00fatil para tus visitantes.<\/p>\n<h2 id=\"c\u00f3mo-funciona-un-iframe\">C\u00f3mo funciona un iframe<\/h2>\n<p>Un iframe crea un <strong>marco invisible<\/strong> en tu p\u00e1gina donde se carga el contenido externo. Es como si abrieras una peque\u00f1a ventana a otro sitio web dentro del tuyo.<\/p>\n<p>Lo mejor es que el contenido del iframe se actualiza autom\u00e1ticamente <strong>si cambia en la fuente original<\/strong>. As\u00ed te aseguras de tener siempre la informaci\u00f3n m\u00e1s reciente sin tener que hacer nada.<\/p>\n<h2 id=\"ventajas-de-usar-iframes-en-tu-web\">Ventajas de usar iframes en tu web<\/h2>\n<p>Los <strong>iframes tienen varias ventajas<\/strong> que pueden hacer tu vida m\u00e1s f\u00e1cil y mejorar la experiencia de tus visitantes. Para empezar, te ahorran un mont\u00f3n de tiempo. En lugar de tener que crear todo el contenido desde cero, puedes simplemente \u00abtomar prestado\u00bb contenido de otras fuentes. Esto es genial cuando quieres <strong>mostrar cosas como mapas o videos<\/strong> sin complicarte la vida.<\/p>\n<p>Otra ventaja s\u00faper \u00fatil es que el contenido se mantiene fresco sin que tengas que hacer nada. Si la fuente original se actualiza, <strong>tu iframe mostrar\u00e1 autom\u00e1ticamente la versi\u00f3n m\u00e1s reciente<\/strong>. Tener siempre la \u00faltima informaci\u00f3n sin mover un dedo.<\/p>\n<p>Tus visitantes tambi\u00e9n salen ganando. Con los iframes, pueden <strong>acceder a m\u00e1s informaci\u00f3n sin tener que salir de tu p\u00e1gina<\/strong>. No tiene que ir a la web de Google Maps para ver d\u00f3nde est\u00e1n localizadas tus oficinas, por ejemplo.<\/p>\n<p><a href=\"https:\/\/www.hostinet.com\/hosting-ssd\/\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" class=\"alignnone size-full\" src=\"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2026\/04\/banner_hosting_web_v2.jpg\" alt=\"Hosting SSD NVMe\" \/><\/a><\/p>\n<h2 id=\"cu\u00e1ndo-conviene-usar-un-iframe\">Cu\u00e1ndo conviene usar un iframe<\/h2>\n<p>Los iframes son geniales para muchas cosas, pero no son la soluci\u00f3n perfecta para todo. Aqu\u00ed tienes algunas situaciones en las que usar un iframe es una buena idea:<\/p>\n<ul>\n<li><strong>Mostrar mapas<\/strong>: Esto es un cl\u00e1sico en los iframes. Si quieres que tus clientes encuentren f\u00e1cilmente tu tienda, un mapa de Google en un iframe es ideal.<\/li>\n<li><strong>Incrustar v\u00eddeos<\/strong>: \u00bfTienes un canal de YouTube? Muestra tus v\u00eddeos directamente en tu web con un iframe. De hecho, si buscas el bot\u00f3n de compartir un v\u00eddeo, ver\u00e1s la opci\u00f3n de <em>\u00abinsertar\u00bb<\/em> y si te fijas un poco en el c\u00f3digo, ver\u00e1s la palabra <em>\u00abiframe\u00bb<\/em> en \u00e9l.<\/li>\n<li><strong>Formularios externos<\/strong>: Si usas herramientas como <a title=\"Google Forms en WordPress\" href=\"https:\/\/www.hostinet.com\/formacion\/wordpress\/como-anadir-formularios-google-forms-wordpress\/\" target=\"_blank\" rel=\"noopener\">Google Forms<\/a>, puedes insertarlas f\u00e1cilmente en tu p\u00e1gina.<\/li>\n<li><strong>Contenido de redes sociales<\/strong>: Muestra tus \u00faltimos tuits o posts de Instagram sin complicaciones.<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-44616\" src=\"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2024\/07\/iframe-youtube.jpg\" alt=\"ejemplo iframe youtube\" width=\"600\" height=\"365\" srcset=\"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2024\/07\/iframe-youtube.jpg 600w, https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2024\/07\/iframe-youtube-500x304.jpg 500w, https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2024\/07\/iframe-youtube-350x213.jpg 350w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/p>\n<h2 id=\"c\u00f3mo-a\u00f1adir-un-iframe-a-tu-web\">C\u00f3mo a\u00f1adir un iframe a tu web<\/h2>\n<p>A\u00f1adir un iframe a tu web es m\u00e1s f\u00e1cil de lo que piensas. Solo necesitas un poco de c\u00f3digo HTML. No te asustes, es muy sencillo:<\/p>\n<pre><code class=\"language-html\" lang=\"html\">&lt;iframe src=\"URL_DEL_CONTENIDO\" width=\"600\" height=\"400\"&gt;&lt;\/iframe&gt;\r\n<\/code><\/pre>\n<p>Solo tienes que cambiar \u00abURL_DEL_CONTENIDO\u00bb por la direcci\u00f3n web del contenido que quieres mostrar. Tambi\u00e9n puedes ajustar el ancho (width) y el alto (height) seg\u00fan te convenga.<\/p>\n<h2 id=\"personaliza-tu-iframe\">Personaliza tu iframe<\/h2>\n<p>Puedes hacer que tu iframe se adapte perfectamente a tu web con algunos trucos:<\/p>\n<ul>\n<li><strong>Ajusta el tama\u00f1o<\/strong>: Cambia el ancho y el alto para que encaje bien en tu dise\u00f1o.<\/li>\n<li><strong>A\u00f1ade un borde<\/strong>: Si quieres que se note m\u00e1s, puedes ponerle un borde bonito.<\/li>\n<li><strong>Haz que sea responsive<\/strong>: Para que se vea bien en m\u00f3viles, usa porcentajes en lugar de p\u00edxeles.<\/li>\n<\/ul>\n<pre><code class=\"language-html\" lang=\"html\">&lt;iframe src=\"URL_DEL_CONTENIDO\" width=\"100%\" height=\"400\" style=\"border: 2px solid #ccc;\"&gt;&lt;\/iframe&gt;\r\n<\/code><\/pre>\n<p>Entendido. Aqu\u00ed tienes una versi\u00f3n reescrita sin usar listados:<\/p>\n<h2 id=\"consejos-para-usar-iframes-de-forma-efectiva\">Consejos para usar iframes<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-44617\" src=\"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2024\/07\/consejos-uso-iframes.jpg\" alt=\"Consejos en el uso de los iframes en tu web\" width=\"600\" height=\"303\" srcset=\"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2024\/07\/consejos-uso-iframes.jpg 600w, https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2024\/07\/consejos-uso-iframes-500x253.jpg 500w, https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2024\/07\/consejos-uso-iframes-350x177.jpg 350w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/p>\n<p>Usar iframes puede ser genial, pero hay que <strong>hacerlo con cabeza<\/strong> para sacarles el m\u00e1ximo partido. Lo primero que debes tener en cuenta es la velocidad de tu web. Los iframes son como invitados en tu p\u00e1gina, y si invitas a demasiados, la fiesta puede volverse lenta. \u00dasalos con moderaci\u00f3n para mantener tu sitio \u00e1gil y r\u00e1pido.<\/p>\n<p>La <strong>seguridad<\/strong> es otro punto importante. Cuando usas un iframe, est\u00e1s <strong>trayendo contenido de otro lugar a tu web<\/strong>. Aseg\u00farate de que ese contenido es de confianza. No querr\u00e1s meter un virus en casa, \u00bfverdad?<\/p>\n<p>Tambi\u00e9n hay que pensar en los derechos de autor. No todo el contenido de internet est\u00e1 ah\u00ed para que lo uses libremente. Antes de mostrar algo en un iframe, <strong>aseg\u00farate de que tienes permiso para hacerlo<\/strong>.<\/p>\n<p>Por \u00faltimo, no te olvides de los m\u00f3viles. Hoy en d\u00eda, mucha gente navega desde su tel\u00e9fono, as\u00ed que es <strong>muy importante que tus iframes se vean bien en pantallas peque\u00f1as<\/strong>. Aseg\u00farate de que se ajustan correctamente y que el contenido es f\u00e1cil de ver y usar en cualquier dispositivo.<\/p>\n<p>Siguiendo estos consejos, podr\u00e1s aprovechar todo lo bueno de los iframes sin caer en los errores m\u00e1s comunes. \u00a1Tu web te lo agradecer\u00e1!<\/p>\n<h2 id=\"alternativas-a-los-iframes\">Alternativas a los iframes<\/h2>\n<p>A veces, los iframes no son la mejor opci\u00f3n. Aqu\u00ed tienes algunas alternativas que puedes considerar:<\/p>\n<ul>\n<li><strong>APIs<\/strong>: Si necesitas m\u00e1s control sobre el contenido, usar una API puede ser mejor.<\/li>\n<li><strong>Embeds<\/strong>: Muchos servicios ofrecen c\u00f3digos de inserci\u00f3n espec\u00edficos que funcionan mejor que un iframe gen\u00e9rico.<\/li>\n<li><strong>JavaScript<\/strong>: Para contenido m\u00e1s din\u00e1mico, crear tu propia soluci\u00f3n con JavaScript puede ser m\u00e1s flexible.<\/li>\n<\/ul>\n<h2 id=\"ejemplos-pr\u00e1cticos-de-uso-de-iframes\">Ejemplos pr\u00e1cticos de uso de iframes<\/h2>\n<h3 id=\"1-mapa-de-google\">1. Mapa de Google<\/h3>\n<p>\u00bfQuieres que tus clientes encuentren f\u00e1cilmente tu tienda? Un mapa de Google es la soluci\u00f3n perfecta:<\/p>\n<pre><code class=\"language-html\" lang=\"html\">&lt;iframe src=\"https:\/\/www.google.com\/maps\/embed?pb=...\" width=\"600\" height=\"450\" style=\"border:0;\" allowfullscreen=\"\" loading=\"lazy\"&gt;&lt;\/iframe&gt;\r\n<\/code><\/pre>\n<h3 id=\"2-v\u00eddeo-de-youtube\">2. V\u00eddeo de YouTube<\/h3>\n<p>Si tienes un v\u00eddeo chulo en YouTube, puedes mostrarlo directamente en tu web:<\/p>\n<pre><code class=\"language-html\" lang=\"html\">&lt;iframe width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/VIDEO_ID\" frameborder=\"0\" allow=\"autoplay; encrypted-media\" allowfullscreen&gt;&lt;\/iframe&gt;\r\n<\/code><\/pre>\n<h3 id=\"3-formulario-de-google\">3. Formulario de Google<\/h3>\n<p>\u00bfNecesitas recoger informaci\u00f3n de tus visitantes? Un formulario de Google Forms puede ser muy \u00fatil:<\/p>\n<pre><code class=\"language-html\" lang=\"html\">&lt;iframe src=\"https:\/\/docs.google.com\/forms\/d\/e\/YOUR_FORM_ID\/viewform?embedded=true\" width=\"640\" height=\"800\" frameborder=\"0\" marginheight=\"0\" marginwidth=\"0\"&gt;Cargando...&lt;\/iframe&gt;\r\n<\/code><\/pre>\n<h2 id=\"problemas-comunes-con-iframes-y-c\u00f3mo-solucionarlos\">Problemas comunes con iframes y c\u00f3mo solucionarlos<\/h2>\n<p>A veces, los iframes pueden dar dolores de cabeza. Aqu\u00ed tienes algunos problemas t\u00edpicos y c\u00f3mo resolverlos:<\/p>\n<ol start=\"\">\n<li><strong>El contenido no se carga<\/strong>: Aseg\u00farate de que la URL es correcta y que tienes permiso para mostrar ese contenido.<\/li>\n<li><strong>Se ve mal en m\u00f3viles<\/strong>: Usa medidas relativas (como porcentajes) en lugar de p\u00edxeles fijos.<\/li>\n<li><strong>Afecta al SEO<\/strong>: El contenido dentro de un iframe no cuenta para el SEO de tu p\u00e1gina. Usa texto normal para la informaci\u00f3n importante.<\/li>\n<li><strong>Problemas de seguridad<\/strong>: Algunos navegadores bloquean iframes por seguridad. Usa el atributo <code>sandbox<\/code> para controlar qu\u00e9 puede hacer el iframe.<\/li>\n<\/ol>\n<h2 id=\"conclusi\u00f3n\">Conclusi\u00f3n<\/h2>\n<p>Los <strong>iframes son una herramienta muy \u00fatil<\/strong> para a\u00f1adir contenido externo a tu web de forma f\u00e1cil. Son geniales para mapas, v\u00eddeos y otro contenido que quieras mostrar sin complicarte la vida.<\/p>\n<p>Pero recuerda, <strong>no son la soluci\u00f3n para todo<\/strong>. \u00dasalos con consideraci\u00f3n, pensando siempre en la experiencia de tus visitantes y en la velocidad de tu web.<\/p>\n<p>Y si necesitas ayuda para que tu web vuele, no olvides que un buen <a href=\"https:\/\/www.hostinet.com\/hosting-ssd\/\" target=\"_blank\" rel=\"noopener\"><strong>hosting NVMe<\/strong><\/a>, como el que ofrecemos en Hostinet, puede hacer maravillas con la velocidad de carga.<\/p>\n<p>\u00bfQuieres saber m\u00e1s sobre c\u00f3mo mejorar tu web? \u00bfTal vez <a title=\"Insertar un v\u00eddeo en PrestaShop con un iframe\" href=\"https:\/\/www.hostinet.com\/formacion\/prestashop\/como-insertar-videos-adaptables-con-el-modulo-responsive-iframe-para-prestashop\/\" target=\"_blank\" rel=\"noopener\">insertar un v\u00eddeo en PrestaShop<\/a>? Hay un mundo de posibilidades ah\u00ed fuera. Lo importante es que sigas aprendiendo y experimentando para crear la mejor web posible para tus visitantes.<\/p>\n<p><a href=\"https:\/\/www.hostinet.com\/hosting-ssd\/\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" class=\"alignnone size-full\" src=\"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2026\/04\/banner_hosting_web_v2.jpg\" alt=\"Hosting SSD NVMe\" \/><\/a><br \/>\n<script type=\"application\/ld+json\">\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"Article\",\n  \"mainEntityOfPage\": {\n    \"@type\": \"WebPage\",\n    \"@id\": \"https:\/\/www.hostinet.com\/formacion\/?p=44613&preview=true\"\n  },\n  \"headline\": \"Qu\u00e9 es un Iframe y c\u00f3mo se utiliza en la web\",\n  \"description\": \"Descubre qu\u00e9 son los iframes, c\u00f3mo usarlos y sus ventajas &#x2705; Aprende a integrar mapas, v\u00eddeos y m\u00e1s en tu web. \u00a1Mejora tu sitio hoy!\",\n  \"image\": \"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2024\/07\/que-es-iframe.jpg\",  \n  \"author\": {\n    \"@type\": \"\",\n    \"name\": \"\"\n  },  \n  \"publisher\": {\n    \"@type\": \"Organization\",\n    \"name\": \"\",\n    \"logo\": {\n      \"@type\": \"ImageObject\",\n      \"url\": \"\"\n    }\n  },\n  \"datePublished\": \"2024-07-31\"\n}\n<\/script><\/p>\n<div style=\"min-height: 30px; margin-top: 0px; padding-bottom: 7px; z-index: 1;position: relative; float: none;\" class=\"social-container\"><\/div> <!-- x1 -->","protected":false},"excerpt":{"rendered":"<p>Cuando navegas por internet, seguro que has visto p\u00e1ginas web que muestran mapas, videos o incluso publicaciones de redes sociales sin que tengas que salir del sitio. \u00bfTe has preguntado alguna vez c\u00f3mo lo hacen? La respuesta est\u00e1 en una herramienta llamada iframe. Los iframes son como peque\u00f1as ventanas dentro\u2026 <\/p>\n<div class=\"post-more\">\n<p><a class=\"btn button\" href=\"https:\/\/www.hostinet.com\/formacion\/diseno-web\/que-es-un-iframe\/\">Sigue leyendo &rarr;<\/a><\/p>\n<\/div>\n","protected":false},"author":14,"featured_media":44615,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[270],"tags":[],"class_list":["post-44613","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-diseno-web"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Iframes: Integra contenido externo en tu web f\u00e1cilmente \u2714 2024<\/title>\n<meta name=\"description\" content=\"Descubre qu\u00e9 son los iframes, c\u00f3mo usarlos y sus ventajas \u2705 Aprende a integrar mapas, v\u00eddeos y m\u00e1s en tu web. \u00a1Mejora tu sitio hoy!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.hostinet.com\/formacion\/diseno-web\/que-es-un-iframe\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Iframes: Integra contenido externo en tu web f\u00e1cilmente \u2714 2024\" \/>\n<meta property=\"og:description\" content=\"Descubre qu\u00e9 son los iframes, c\u00f3mo usarlos y sus ventajas \u2705 Aprende a integrar mapas, v\u00eddeos y m\u00e1s en tu web. \u00a1Mejora tu sitio hoy!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hostinet.com\/formacion\/diseno-web\/que-es-un-iframe\/\" \/>\n<meta property=\"og:site_name\" content=\"Hostinet\" \/>\n<meta property=\"article:published_time\" content=\"2024-07-31T07:53:37+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-08-19T08:09:15+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2024\/07\/que-es-iframe.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"600\" \/>\n\t<meta property=\"og:image:height\" content=\"400\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Marce Medina\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@Hostinet\" \/>\n<meta name=\"twitter:site\" content=\"@Hostinet\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Marce Medina\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"8 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/diseno-web\\\/que-es-un-iframe\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/diseno-web\\\/que-es-un-iframe\\\/\"},\"author\":{\"name\":\"Marce Medina\",\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/#\\\/schema\\\/person\\\/c30f2ada08e5d4836b12fd3782d3958f\"},\"headline\":\"Qu\u00e9 es un Iframe y c\u00f3mo se utiliza en la web\",\"datePublished\":\"2024-07-31T07:53:37+00:00\",\"dateModified\":\"2024-08-19T08:09:15+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/diseno-web\\\/que-es-un-iframe\\\/\"},\"wordCount\":1410,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/diseno-web\\\/que-es-un-iframe\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/wp-content\\\/uploads\\\/2024\\\/07\\\/que-es-iframe.jpg\",\"articleSection\":[\"Dise\u00f1o Web\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/diseno-web\\\/que-es-un-iframe\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/diseno-web\\\/que-es-un-iframe\\\/\",\"url\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/diseno-web\\\/que-es-un-iframe\\\/\",\"name\":\"Iframes: Integra contenido externo en tu web f\u00e1cilmente \u2714 2024\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/diseno-web\\\/que-es-un-iframe\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/diseno-web\\\/que-es-un-iframe\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/wp-content\\\/uploads\\\/2024\\\/07\\\/que-es-iframe.jpg\",\"datePublished\":\"2024-07-31T07:53:37+00:00\",\"dateModified\":\"2024-08-19T08:09:15+00:00\",\"description\":\"Descubre qu\u00e9 son los iframes, c\u00f3mo usarlos y sus ventajas \u2705 Aprende a integrar mapas, v\u00eddeos y m\u00e1s en tu web. \u00a1Mejora tu sitio hoy!\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/diseno-web\\\/que-es-un-iframe\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/diseno-web\\\/que-es-un-iframe\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/diseno-web\\\/que-es-un-iframe\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/wp-content\\\/uploads\\\/2024\\\/07\\\/que-es-iframe.jpg\",\"contentUrl\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/wp-content\\\/uploads\\\/2024\\\/07\\\/que-es-iframe.jpg\",\"width\":600,\"height\":400,\"caption\":\"Qu\u00e9 es un Iframe y c\u00f3mo se utiliza en la web\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/diseno-web\\\/que-es-un-iframe\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Dise\u00f1o Web\",\"item\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/category\\\/diseno-web\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Qu\u00e9 es un Iframe y c\u00f3mo se utiliza en la web\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/#website\",\"url\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/\",\"name\":\"Hostinet\",\"description\":\"Hosting y dominios en Espa\u00f1a. La mejor calidad a precios baratos\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/#organization\"},\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/#organization\",\"name\":\"Hostinet SLU\",\"url\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/wp-content\\\/uploads\\\/2016\\\/06\\\/hostinet-logo.jpg\",\"contentUrl\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/wp-content\\\/uploads\\\/2016\\\/06\\\/hostinet-logo.jpg\",\"width\":600,\"height\":245,\"caption\":\"Hostinet SLU\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/x.com\\\/Hostinet\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/#\\\/schema\\\/person\\\/c30f2ada08e5d4836b12fd3782d3958f\",\"name\":\"Marce Medina\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/0a5f9094a8c7354a8f35685f8ee6e2089cfd977a0e269cab521f33c67ea47559?s=96&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/0a5f9094a8c7354a8f35685f8ee6e2089cfd977a0e269cab521f33c67ea47559?s=96&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/0a5f9094a8c7354a8f35685f8ee6e2089cfd977a0e269cab521f33c67ea47559?s=96&r=g\",\"caption\":\"Marce Medina\"},\"sameAs\":[\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Iframes: Integra contenido externo en tu web f\u00e1cilmente \u2714 2024","description":"Descubre qu\u00e9 son los iframes, c\u00f3mo usarlos y sus ventajas \u2705 Aprende a integrar mapas, v\u00eddeos y m\u00e1s en tu web. \u00a1Mejora tu sitio hoy!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.hostinet.com\/formacion\/diseno-web\/que-es-un-iframe\/","og_locale":"es_ES","og_type":"article","og_title":"Iframes: Integra contenido externo en tu web f\u00e1cilmente \u2714 2024","og_description":"Descubre qu\u00e9 son los iframes, c\u00f3mo usarlos y sus ventajas \u2705 Aprende a integrar mapas, v\u00eddeos y m\u00e1s en tu web. \u00a1Mejora tu sitio hoy!","og_url":"https:\/\/www.hostinet.com\/formacion\/diseno-web\/que-es-un-iframe\/","og_site_name":"Hostinet","article_published_time":"2024-07-31T07:53:37+00:00","article_modified_time":"2024-08-19T08:09:15+00:00","og_image":[{"width":600,"height":400,"url":"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2024\/07\/que-es-iframe.jpg","type":"image\/jpeg"}],"author":"Marce Medina","twitter_card":"summary_large_image","twitter_creator":"@Hostinet","twitter_site":"@Hostinet","twitter_misc":{"Escrito por":"Marce Medina","Tiempo de lectura":"8 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hostinet.com\/formacion\/diseno-web\/que-es-un-iframe\/#article","isPartOf":{"@id":"https:\/\/www.hostinet.com\/formacion\/diseno-web\/que-es-un-iframe\/"},"author":{"name":"Marce Medina","@id":"https:\/\/www.hostinet.com\/formacion\/#\/schema\/person\/c30f2ada08e5d4836b12fd3782d3958f"},"headline":"Qu\u00e9 es un Iframe y c\u00f3mo se utiliza en la web","datePublished":"2024-07-31T07:53:37+00:00","dateModified":"2024-08-19T08:09:15+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hostinet.com\/formacion\/diseno-web\/que-es-un-iframe\/"},"wordCount":1410,"commentCount":0,"publisher":{"@id":"https:\/\/www.hostinet.com\/formacion\/#organization"},"image":{"@id":"https:\/\/www.hostinet.com\/formacion\/diseno-web\/que-es-un-iframe\/#primaryimage"},"thumbnailUrl":"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2024\/07\/que-es-iframe.jpg","articleSection":["Dise\u00f1o Web"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.hostinet.com\/formacion\/diseno-web\/que-es-un-iframe\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.hostinet.com\/formacion\/diseno-web\/que-es-un-iframe\/","url":"https:\/\/www.hostinet.com\/formacion\/diseno-web\/que-es-un-iframe\/","name":"Iframes: Integra contenido externo en tu web f\u00e1cilmente \u2714 2024","isPartOf":{"@id":"https:\/\/www.hostinet.com\/formacion\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hostinet.com\/formacion\/diseno-web\/que-es-un-iframe\/#primaryimage"},"image":{"@id":"https:\/\/www.hostinet.com\/formacion\/diseno-web\/que-es-un-iframe\/#primaryimage"},"thumbnailUrl":"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2024\/07\/que-es-iframe.jpg","datePublished":"2024-07-31T07:53:37+00:00","dateModified":"2024-08-19T08:09:15+00:00","description":"Descubre qu\u00e9 son los iframes, c\u00f3mo usarlos y sus ventajas \u2705 Aprende a integrar mapas, v\u00eddeos y m\u00e1s en tu web. \u00a1Mejora tu sitio hoy!","breadcrumb":{"@id":"https:\/\/www.hostinet.com\/formacion\/diseno-web\/que-es-un-iframe\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hostinet.com\/formacion\/diseno-web\/que-es-un-iframe\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.hostinet.com\/formacion\/diseno-web\/que-es-un-iframe\/#primaryimage","url":"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2024\/07\/que-es-iframe.jpg","contentUrl":"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2024\/07\/que-es-iframe.jpg","width":600,"height":400,"caption":"Qu\u00e9 es un Iframe y c\u00f3mo se utiliza en la web"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hostinet.com\/formacion\/diseno-web\/que-es-un-iframe\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/www.hostinet.com\/formacion\/"},{"@type":"ListItem","position":2,"name":"Dise\u00f1o Web","item":"https:\/\/www.hostinet.com\/formacion\/category\/diseno-web\/"},{"@type":"ListItem","position":3,"name":"Qu\u00e9 es un Iframe y c\u00f3mo se utiliza en la web"}]},{"@type":"WebSite","@id":"https:\/\/www.hostinet.com\/formacion\/#website","url":"https:\/\/www.hostinet.com\/formacion\/","name":"Hostinet","description":"Hosting y dominios en Espa\u00f1a. La mejor calidad a precios baratos","publisher":{"@id":"https:\/\/www.hostinet.com\/formacion\/#organization"},"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/www.hostinet.com\/formacion\/#organization","name":"Hostinet SLU","url":"https:\/\/www.hostinet.com\/formacion\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.hostinet.com\/formacion\/#\/schema\/logo\/image\/","url":"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2016\/06\/hostinet-logo.jpg","contentUrl":"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2016\/06\/hostinet-logo.jpg","width":600,"height":245,"caption":"Hostinet SLU"},"image":{"@id":"https:\/\/www.hostinet.com\/formacion\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/x.com\/Hostinet"]},{"@type":"Person","@id":"https:\/\/www.hostinet.com\/formacion\/#\/schema\/person\/c30f2ada08e5d4836b12fd3782d3958f","name":"Marce Medina","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/secure.gravatar.com\/avatar\/0a5f9094a8c7354a8f35685f8ee6e2089cfd977a0e269cab521f33c67ea47559?s=96&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/0a5f9094a8c7354a8f35685f8ee6e2089cfd977a0e269cab521f33c67ea47559?s=96&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/0a5f9094a8c7354a8f35685f8ee6e2089cfd977a0e269cab521f33c67ea47559?s=96&r=g","caption":"Marce Medina"},"sameAs":["https:\/\/www.hostinet.com\/formacion\/"]}]}},"_links":{"self":[{"href":"https:\/\/www.hostinet.com\/formacion\/wp-json\/wp\/v2\/posts\/44613","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinet.com\/formacion\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinet.com\/formacion\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinet.com\/formacion\/wp-json\/wp\/v2\/users\/14"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinet.com\/formacion\/wp-json\/wp\/v2\/comments?post=44613"}],"version-history":[{"count":3,"href":"https:\/\/www.hostinet.com\/formacion\/wp-json\/wp\/v2\/posts\/44613\/revisions"}],"predecessor-version":[{"id":44619,"href":"https:\/\/www.hostinet.com\/formacion\/wp-json\/wp\/v2\/posts\/44613\/revisions\/44619"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hostinet.com\/formacion\/wp-json\/wp\/v2\/media\/44615"}],"wp:attachment":[{"href":"https:\/\/www.hostinet.com\/formacion\/wp-json\/wp\/v2\/media?parent=44613"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinet.com\/formacion\/wp-json\/wp\/v2\/categories?post=44613"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinet.com\/formacion\/wp-json\/wp\/v2\/tags?post=44613"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}