{"id":11583,"date":"2023-04-11T13:52:25","date_gmt":"2023-04-11T13:52:25","guid":{"rendered":"https:\/\/breadstack.com\/?p=11583"},"modified":"2023-06-30T17:04:46","modified_gmt":"2023-06-30T17:04:46","slug":"iframe-guide","status":"publish","type":"post","link":"https:\/\/breadstack.com\/insights\/marketing\/iframe-guide\/","title":{"rendered":"What is an iFrame?"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"11583\" class=\"elementor elementor-11583\" data-elementor-post-type=\"post\">\n\t\t\t\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-79d776a elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"79d776a\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-ad6f8f7\" data-id=\"ad6f8f7\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-f54e87d elementor-widget elementor-widget-text-editor\" data-id=\"f54e87d\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>If you&#8217;ve ever set up an interactive element on your website, chances are you&#8217;ve used an iFrame, but what is an iFrame?\u00a0<\/p><p>In this article, we&#8217;ll give you all the information you need to know about iFrames.<\/p><p>Let&#8217;s get started.\u00a0<\/p><ul><li><a href=\"#second-heading\">What is an iFrame?<\/a><\/li><li><a href=\"#third-heading\">Pros and cons of iFrames<\/a><\/li><li><a href=\"#fourth-heading\">Do iFrames affect SEO ranking?<\/a><\/li><li><a href=\"#fifth-heading\">Should you use iFrames?<\/a><\/li><\/ul>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5ed205d elementor-widget elementor-widget-image\" data-id=\"5ed205d\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"640\" height=\"384\" src=\"https:\/\/breadstack.com\/wp-content\/uploads\/2023\/04\/shutterstock_1160577928-1024x614.jpg\" class=\"attachment-large size-large wp-image-11589\" alt=\"Using iframes within your website.\" loading=\"lazy\" srcset=\"https:\/\/breadstack.com\/wp-content\/uploads\/2023\/04\/shutterstock_1160577928-1024x614.jpg 1024w, https:\/\/breadstack.com\/wp-content\/uploads\/2023\/04\/shutterstock_1160577928-300x180.jpg 300w, https:\/\/breadstack.com\/wp-content\/uploads\/2023\/04\/shutterstock_1160577928-768x461.jpg 768w, https:\/\/breadstack.com\/wp-content\/uploads\/2023\/04\/shutterstock_1160577928-1536x922.jpg 1536w, https:\/\/breadstack.com\/wp-content\/uploads\/2023\/04\/shutterstock_1160577928-2048x1229.jpg 2048w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-827aeb7 elementor-widget elementor-widget-menu-anchor\" data-id=\"827aeb7\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id=\"second-heading\" class=\"elementor-menu-anchor\"><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-21c5d94 elementor-widget elementor-widget-heading\" data-id=\"21c5d94\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-large\">What is an iFrame?\n<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7b22706 elementor-widget elementor-widget-text-editor\" data-id=\"7b22706\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">IFrame, which stands for the inline frame, is an <a href=\"https:\/\/www.w3schools.com\/html\/html_elements.asp\" target=\"_blank\" rel=\"noopener\">HTML element<\/a> that allows you to embed another HTML element.\u00a0<\/span><\/p><p><span style=\"font-weight: 400;\"><strong>IFrame&#8217;s are more commonly used with embedding content<\/strong> such as videos, tags, shop menus or any other interactive element.\u00a0<\/span><\/p><p><span style=\"font-weight: 400;\">They also make it easy for web designers to put elements within the web pages.\u00a0 <\/span><\/p><p><span style=\"font-weight: 400;\">Google Maps and Youtube are examples of companies that both employ iFrames for other parties to use their content. <\/span><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4c835e9 elementor-widget elementor-widget-menu-anchor\" data-id=\"4c835e9\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id=\"third-heading\" class=\"elementor-menu-anchor\"><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7a9749e elementor-widget elementor-widget-heading\" data-id=\"7a9749e\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-large\">Pros and cons of iFrames<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cec9fae elementor-widget elementor-widget-text-editor\" data-id=\"cec9fae\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Many developers have varying thoughts on iFrames. Here are the pros and cons of iFrames. <\/span><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4831e99 elementor-widget elementor-widget-heading\" data-id=\"4831e99\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h3 class=\"elementor-heading-title elementor-size-medium\">Pros<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f2ca007 elementor-widget elementor-widget-heading\" data-id=\"f2ca007\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h4 class=\"elementor-heading-title elementor-size-medium\">Easily share external media<\/h4>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-645d3b1 elementor-widget elementor-widget-text-editor\" data-id=\"645d3b1\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\"><strong>IFrames make it easy to share external media files<\/strong>. Without using an iFrame, developers have to download the file and upload it to be used in the backend.<\/span><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-932d502 elementor-widget elementor-widget-heading\" data-id=\"932d502\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h4 class=\"elementor-heading-title elementor-size-medium\">Low risk of affecting code <\/h4>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b51be14 elementor-widget elementor-widget-text-editor\" data-id=\"b51be14\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\"><strong>IFrames work as an isolated element in the webpage<\/strong>, meaning they won&#8217;t interact with other elements on the webpage. <\/span><\/p><p><span style=\"font-weight: 400;\">I<\/span><span style=\"font-weight: 400;\">f your website has various CSS or javascript base codes, the iFrame won\u2019t interfere with these ensuring a seamless experience. <\/span><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-605bbff elementor-widget elementor-widget-heading\" data-id=\"605bbff\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h4 class=\"elementor-heading-title elementor-size-medium\">Quickly add interactive elements\n<\/h4>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-247e67a elementor-widget elementor-widget-text-editor\" data-id=\"247e67a\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\"><strong>IFrames let you add store menus or navigation bars easier on the webpage and other elements<\/strong>. <\/span><\/p><p><span style=\"font-weight: 400;\">It gives you flexibility and eases to add new elements to give your website visitors a better experience. <\/span><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3930dec elementor-widget elementor-widget-image\" data-id=\"3930dec\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"640\" height=\"640\" src=\"https:\/\/breadstack.com\/wp-content\/uploads\/2023\/04\/shutterstock_1784581850-1024x1024.jpg\" class=\"attachment-large size-large wp-image-11591\" alt=\"Implementing iframes on your website.\" loading=\"lazy\" srcset=\"https:\/\/breadstack.com\/wp-content\/uploads\/2023\/04\/shutterstock_1784581850-1024x1024.jpg 1024w, https:\/\/breadstack.com\/wp-content\/uploads\/2023\/04\/shutterstock_1784581850-300x300.jpg 300w, https:\/\/breadstack.com\/wp-content\/uploads\/2023\/04\/shutterstock_1784581850-150x150.jpg 150w, https:\/\/breadstack.com\/wp-content\/uploads\/2023\/04\/shutterstock_1784581850-768x768.jpg 768w, https:\/\/breadstack.com\/wp-content\/uploads\/2023\/04\/shutterstock_1784581850-1536x1536.jpg 1536w, https:\/\/breadstack.com\/wp-content\/uploads\/2023\/04\/shutterstock_1784581850.jpg 2000w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1d6d819 elementor-widget elementor-widget-heading\" data-id=\"1d6d819\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h3 class=\"elementor-heading-title elementor-size-medium\">Cons <\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b3bd7ca elementor-widget elementor-widget-heading\" data-id=\"b3bd7ca\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h4 class=\"elementor-heading-title elementor-size-medium\">Security risk for iFrames<\/h4>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-527a73f elementor-widget elementor-widget-text-editor\" data-id=\"527a73f\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\"><strong>IFrames are embedded from third-party sources<\/strong>, meaning you have no control over the data your website interacts with. <\/span><\/p><p><span style=\"font-weight: 400;\">This can pose a vulnerability threat. Ensure your iFrame is from a trustworthy source to avoid any issues of potential threats. <\/span><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-232e054 elementor-widget elementor-widget-heading\" data-id=\"232e054\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h4 class=\"elementor-heading-title elementor-size-medium\">Site speed can hinder<\/h4>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6b589eb elementor-widget elementor-widget-text-editor\" data-id=\"6b589eb\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\"><strong>Using an iFrame on your site means you&#8217;re essentially loading two pages<\/strong>. The webpage has to load your page and embed the iFrame. <\/span><\/p><p><span style=\"font-weight: 400;\">This can cause site speed issues, if you\u2019re webpage isn\u2019t able to handle the bandwidth. <\/span><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-22e1e8e elementor-widget elementor-widget-heading\" data-id=\"22e1e8e\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h4 class=\"elementor-heading-title elementor-size-medium\">Missed analytics with iFrames<\/h4>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9830285 elementor-widget elementor-widget-text-editor\" data-id=\"9830285\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Knowing your website metrics is essential for business owners, however, with<strong> an integrated iFrame it can be hard to track metrics<\/strong>.<\/span><\/p><p><span style=\"font-weight: 400;\">Since your iFrame content isn\u2019t from your own site it can be hard to gain the metrics with your analytics. <\/span><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4aaf968 elementor-widget elementor-widget-menu-anchor\" data-id=\"4aaf968\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id=\"fourth-heading\" class=\"elementor-menu-anchor\"><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-44334f5 elementor-widget elementor-widget-heading\" data-id=\"44334f5\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-large\">Do iFrames affect SEO ranking?<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ad9d58d elementor-widget elementor-widget-text-editor\" data-id=\"ad9d58d\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">IFrames for SEO were at one point a terrible decision. The search engine robots couldn&#8217;t access the content causing these issues and then couldn&#8217;t exit the iFrame to crawl the rest of your site.\u00a0<\/span><\/p><p><span style=\"font-weight: 400;\">Indexing was also a problem as iFrames are part of another site, and Google didn\u2019t know if it should be indexed.\u00a0<\/span><\/p><p><span style=\"font-weight: 400;\">Of course, not having your web page crawled or indexed would cause major SEO issues, but now <strong>Google has changed the way they do iFrames<\/strong>.\u00a0<\/span><\/p><p><span style=\"font-weight: 400;\">Google can render an iFrame and inject its content as part of the hosting page, so the iFrame content is seen as one page within the page it\u2019s embedded on.<\/span><\/p><p><span style=\"font-weight: 400;\">However, it may not be perfect. John Mueller Google\u2019s Search Advocate mentioned if you want something indexed, work on including it directly than <a href=\"https:\/\/www.searchenginejournal.com\/google-iframes-debunking-myths-understanding-seo-impact\/484037\/\" target=\"_blank\" rel=\"noopener\">relying on iFrames<\/a>.\u00a0<\/span><\/p><p><span style=\"font-weight: 400;\">With this being said, <strong>Google still recommends not using iFrames when possible, especially with important content<\/strong>. <\/span><\/p><p><span style=\"font-weight: 400;\">It\u2019s better to use other embedding techniques to ensure the best SEO results for your webpage. Consider this limitation with your own website.<\/span><\/p><p><span style=\"font-weight: 400;\">For more SEO tips check out our article &#8220;<a href=\"https:\/\/breadstack.com\/marketing-sales\/how-to-improve-seo\/\" target=\"_blank\" rel=\"noopener\">How to improve SEO ranking in 7 steps<\/a>&#8220;<\/span><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3efe364 elementor-widget elementor-widget-image\" data-id=\"3efe364\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"640\" height=\"426\" src=\"https:\/\/breadstack.com\/wp-content\/uploads\/2023\/04\/shutterstock_1918015178-1024x681.jpg\" class=\"attachment-large size-large wp-image-11592\" alt=\"Deciding on using iframes on your website.\" loading=\"lazy\" srcset=\"https:\/\/breadstack.com\/wp-content\/uploads\/2023\/04\/shutterstock_1918015178-1024x681.jpg 1024w, https:\/\/breadstack.com\/wp-content\/uploads\/2023\/04\/shutterstock_1918015178-300x200.jpg 300w, https:\/\/breadstack.com\/wp-content\/uploads\/2023\/04\/shutterstock_1918015178-768x511.jpg 768w, https:\/\/breadstack.com\/wp-content\/uploads\/2023\/04\/shutterstock_1918015178-1536x1022.jpg 1536w, https:\/\/breadstack.com\/wp-content\/uploads\/2023\/04\/shutterstock_1918015178-2048x1362.jpg 2048w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5aac2fc elementor-widget elementor-widget-menu-anchor\" data-id=\"5aac2fc\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id=\"fifth-heading\" class=\"elementor-menu-anchor\"><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e473563 elementor-widget elementor-widget-heading\" data-id=\"e473563\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-large\">Should you use iFrames?<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4027e89 elementor-widget elementor-widget-text-editor\" data-id=\"4027e89\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">There isn\u2019t a right or wrong way to use iFrames, however, there are some best practices. As we mentioned above iFrames can be good to embed interactive elements easily.\u00a0<\/span><\/p><p><span style=\"font-weight: 400;\"><strong>It\u2019s when it comes to your main pages, you may want to stay away from iFrames<\/strong>. Those pages are the ones you want to rank for and don\u2019t want to worry about iFrames affecting your reach.\u00a0<\/span><\/p><p><span style=\"font-weight: 400;\">Think of all the pros and cons of iFrames and base your decision accordingly. IFrames can be useful for your website.\u00a0<\/span><\/p><p>Looking for more help with your business? Breadstack is here to help. We can improve your digital footprint to appear professional and trustworthy online.\u00a0<\/p><p>To learn more check out our sales solutions.\u00a0<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c0ff8aa elementor-align-center elementor-widget elementor-widget-button\" data-id=\"c0ff8aa\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/breadstack.com\/solutions\/sales\/\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-text\">Click here to learn more!<\/span>\n\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>If you&#8217;ve ever set up an interactive element on your website, chances are you&#8217;ve used an iFrame, but what is an iFrame?\u00a0 In this article, we&#8217;ll give you all the information you need to know about iFrames. Let&#8217;s get started.\u00a0 What is an iFrame? Pros and cons of iFrames Do iFrames affect SEO ranking? Should [&hellip;]<\/p>\n","protected":false},"author":5,"featured_media":11599,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[30],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v20.5 (Yoast SEO v20.5) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>What is an iFrame? | Breadstack Dispensary eCommerce Software<\/title>\n<meta name=\"description\" content=\"If you&#039;ve ever set up an interactive element on your website, chances are you&#039;ve used an iframe, but what is an iframe? Click here!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/breadstack.com\/insights\/marketing\/iframe-guide\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"What is an iFrame? | Breadstack Dispensary eCommerce Software\" \/>\n<meta property=\"og:description\" content=\"If you&#039;ve ever set up an interactive element on your website, chances are you&#039;ve used an iframe, but what is an iframe? Click here!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/breadstack.com\/insights\/marketing\/iframe-guide\/\" \/>\n<meta property=\"og:site_name\" content=\"Breadstack Dispensary eCommerce Software\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Breadstacktech\" \/>\n<meta property=\"article:published_time\" content=\"2023-04-11T13:52:25+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-06-30T17:04:46+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/breadstack.com\/wp-content\/uploads\/2023\/04\/shutterstock_1914164533.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"2500\" \/>\n\t<meta property=\"og:image:height\" content=\"1875\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"CJ\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@Breadstacktech\" \/>\n<meta name=\"twitter:site\" content=\"@Breadstacktech\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"CJ\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/breadstack.com\/insights\/marketing\/iframe-guide\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/breadstack.com\/insights\/marketing\/iframe-guide\/\"},\"author\":{\"name\":\"CJ\",\"@id\":\"https:\/\/breadstack.com\/#\/schema\/person\/1e85faf0d645f997bcaae4ded6543489\"},\"headline\":\"What is an iFrame?\",\"datePublished\":\"2023-04-11T13:52:25+00:00\",\"dateModified\":\"2023-06-30T17:04:46+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/breadstack.com\/insights\/marketing\/iframe-guide\/\"},\"wordCount\":737,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/breadstack.com\/#organization\"},\"articleSection\":[\"Marketing\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/breadstack.com\/insights\/marketing\/iframe-guide\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/breadstack.com\/insights\/marketing\/iframe-guide\/\",\"url\":\"https:\/\/breadstack.com\/insights\/marketing\/iframe-guide\/\",\"name\":\"What is an iFrame? | Breadstack Dispensary eCommerce Software\",\"isPartOf\":{\"@id\":\"https:\/\/breadstack.com\/#website\"},\"datePublished\":\"2023-04-11T13:52:25+00:00\",\"dateModified\":\"2023-06-30T17:04:46+00:00\",\"description\":\"If you've ever set up an interactive element on your website, chances are you've used an iframe, but what is an iframe? Click here!\",\"breadcrumb\":{\"@id\":\"https:\/\/breadstack.com\/insights\/marketing\/iframe-guide\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/breadstack.com\/insights\/marketing\/iframe-guide\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/breadstack.com\/insights\/marketing\/iframe-guide\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/breadstack.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"What is an iFrame?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/breadstack.com\/#website\",\"url\":\"https:\/\/breadstack.com\/\",\"name\":\"Breadstack\",\"description\":\"It might be time to upgrade your dispensaries eCommerce experience\",\"publisher\":{\"@id\":\"https:\/\/breadstack.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/breadstack.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/breadstack.com\/#organization\",\"name\":\"Breadstack\",\"url\":\"https:\/\/breadstack.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/breadstack.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/breadstack.com\/wp-content\/uploads\/2021\/10\/logo-breadstack.svg\",\"contentUrl\":\"https:\/\/breadstack.com\/wp-content\/uploads\/2021\/10\/logo-breadstack.svg\",\"width\":192,\"height\":28,\"caption\":\"Breadstack\"},\"image\":{\"@id\":\"https:\/\/breadstack.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/Breadstacktech\",\"https:\/\/twitter.com\/Breadstacktech\",\"https:\/\/www.linkedin.com\/company\/breadstack-technologies-inc\",\"https:\/\/www.instagram.com\/breadstacktech\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/breadstack.com\/#\/schema\/person\/1e85faf0d645f997bcaae4ded6543489\",\"name\":\"CJ\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/breadstack.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/1a7056a8251d25bf0488ae6ead69e69b?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/1a7056a8251d25bf0488ae6ead69e69b?s=96&d=mm&r=g\",\"caption\":\"CJ\"}}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"What is an iFrame? | Breadstack Dispensary eCommerce Software","description":"If you've ever set up an interactive element on your website, chances are you've used an iframe, but what is an iframe? Click here!","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:\/\/breadstack.com\/insights\/marketing\/iframe-guide\/","og_locale":"en_US","og_type":"article","og_title":"What is an iFrame? | Breadstack Dispensary eCommerce Software","og_description":"If you've ever set up an interactive element on your website, chances are you've used an iframe, but what is an iframe? Click here!","og_url":"https:\/\/breadstack.com\/insights\/marketing\/iframe-guide\/","og_site_name":"Breadstack Dispensary eCommerce Software","article_publisher":"https:\/\/www.facebook.com\/Breadstacktech","article_published_time":"2023-04-11T13:52:25+00:00","article_modified_time":"2023-06-30T17:04:46+00:00","og_image":[{"width":2500,"height":1875,"url":"https:\/\/breadstack.com\/wp-content\/uploads\/2023\/04\/shutterstock_1914164533.jpg","type":"image\/jpeg"}],"author":"CJ","twitter_card":"summary_large_image","twitter_creator":"@Breadstacktech","twitter_site":"@Breadstacktech","twitter_misc":{"Written by":"CJ","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/breadstack.com\/insights\/marketing\/iframe-guide\/#article","isPartOf":{"@id":"https:\/\/breadstack.com\/insights\/marketing\/iframe-guide\/"},"author":{"name":"CJ","@id":"https:\/\/breadstack.com\/#\/schema\/person\/1e85faf0d645f997bcaae4ded6543489"},"headline":"What is an iFrame?","datePublished":"2023-04-11T13:52:25+00:00","dateModified":"2023-06-30T17:04:46+00:00","mainEntityOfPage":{"@id":"https:\/\/breadstack.com\/insights\/marketing\/iframe-guide\/"},"wordCount":737,"commentCount":0,"publisher":{"@id":"https:\/\/breadstack.com\/#organization"},"articleSection":["Marketing"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/breadstack.com\/insights\/marketing\/iframe-guide\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/breadstack.com\/insights\/marketing\/iframe-guide\/","url":"https:\/\/breadstack.com\/insights\/marketing\/iframe-guide\/","name":"What is an iFrame? | Breadstack Dispensary eCommerce Software","isPartOf":{"@id":"https:\/\/breadstack.com\/#website"},"datePublished":"2023-04-11T13:52:25+00:00","dateModified":"2023-06-30T17:04:46+00:00","description":"If you've ever set up an interactive element on your website, chances are you've used an iframe, but what is an iframe? Click here!","breadcrumb":{"@id":"https:\/\/breadstack.com\/insights\/marketing\/iframe-guide\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/breadstack.com\/insights\/marketing\/iframe-guide\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/breadstack.com\/insights\/marketing\/iframe-guide\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/breadstack.com\/"},{"@type":"ListItem","position":2,"name":"What is an iFrame?"}]},{"@type":"WebSite","@id":"https:\/\/breadstack.com\/#website","url":"https:\/\/breadstack.com\/","name":"Breadstack","description":"It might be time to upgrade your dispensaries eCommerce experience","publisher":{"@id":"https:\/\/breadstack.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/breadstack.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/breadstack.com\/#organization","name":"Breadstack","url":"https:\/\/breadstack.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/breadstack.com\/#\/schema\/logo\/image\/","url":"https:\/\/breadstack.com\/wp-content\/uploads\/2021\/10\/logo-breadstack.svg","contentUrl":"https:\/\/breadstack.com\/wp-content\/uploads\/2021\/10\/logo-breadstack.svg","width":192,"height":28,"caption":"Breadstack"},"image":{"@id":"https:\/\/breadstack.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/Breadstacktech","https:\/\/twitter.com\/Breadstacktech","https:\/\/www.linkedin.com\/company\/breadstack-technologies-inc","https:\/\/www.instagram.com\/breadstacktech\/"]},{"@type":"Person","@id":"https:\/\/breadstack.com\/#\/schema\/person\/1e85faf0d645f997bcaae4ded6543489","name":"CJ","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/breadstack.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/1a7056a8251d25bf0488ae6ead69e69b?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/1a7056a8251d25bf0488ae6ead69e69b?s=96&d=mm&r=g","caption":"CJ"}}]}},"_links":{"self":[{"href":"https:\/\/breadstack.com\/wp-json\/wp\/v2\/posts\/11583"}],"collection":[{"href":"https:\/\/breadstack.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/breadstack.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/breadstack.com\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/breadstack.com\/wp-json\/wp\/v2\/comments?post=11583"}],"version-history":[{"count":40,"href":"https:\/\/breadstack.com\/wp-json\/wp\/v2\/posts\/11583\/revisions"}],"predecessor-version":[{"id":14333,"href":"https:\/\/breadstack.com\/wp-json\/wp\/v2\/posts\/11583\/revisions\/14333"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/breadstack.com\/wp-json\/wp\/v2\/media\/11599"}],"wp:attachment":[{"href":"https:\/\/breadstack.com\/wp-json\/wp\/v2\/media?parent=11583"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/breadstack.com\/wp-json\/wp\/v2\/categories?post=11583"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/breadstack.com\/wp-json\/wp\/v2\/tags?post=11583"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}