Public Ticket #1809295
SEO limitation from iFrame


  • Cory started the conversation

    Hello, although I have many questions related to fine tuning my website, I will stick to one question for now.  It is related to the use of iFrame and the limitations with search engine visibility. Bye the way, thank you for the website theme as I am enjoying the process working with it.

    As I build my website I am simultaneously working on the SEO strategy including the labels, texts, titles, headers, and ALT text in images.  I have spent considerable amount of time working on the search engine strategy as there really is minimal purpose for a website if it can't be found by the search engines and potential customers.  In addition to the SEO techniques I am analysing my website with various online websites that check various components of the website to determine the potential success with search engine visibility.  In many of these assessments the websites are mentioning that there is an error and difficulty in search engines finding my site due to something called iFrame.  Below are comments/suggestions made by three different websites stating something similar.

    1) It looks like you have iframe content on your site. For best SEO results we recommend that you not place content within iframes.

    2) No TITLE attributes found for the frames on these pages. 

    Add a TITLE attribute to each FRAME and IFRAME element (e.g. TITLE="Main Content"). Without a TITLE some screen readers read out the FRAME filename, which is usually meaningless.

    WCAG 2.0 A 2.4.1 Section 508 (2017) A 2.4.1 1 pages

    3) iFrames Used?

    Your page appears to be using iFrames. iFrames are discouraged as they can complicate navigation of content in mobile and have historically been harder to index for search engines. There are particular coding libraries however such as Google Tag Manager that require iFrames as part of their functionality.


    To be perfectly honest, I have never done any web development training and therefore at this point am lost in terminology and the ability to rectify this issue.   Can you please comment and make suggestions to help me through this issue.

    NOTE: I have also added a screenshot of one of the pages with various error messages.


    Much appreciated,


  •  522
    Vasilis replied

    Hi there,

    Thank you for your feedback! We are really happy when people enjoy working with our themes!

    Now, The theme itself does not use any iframe code anywhere. So, I am guessing this something caused by a third party plugin,  Facebook/Twitter or Youtube widget (probably this is more likely since I noticed a lot of YouTube videos). 

    I suggest ignoring these warnings if your iframes come from Youtube or Facebook widgets.

  • Cory replied

    Hi Vasilis, thanks for your prompt reply.  It looks like you are correct by saying it is most likely "youtube"; I do have 2 videos attached on the home page and I searched the “editor” which showed this.  These videos have been inserted on the landing page as a link from youtube which is where I stored the video.  The reason I linked it from youtube is because when I attempted to do it directly from the media library it did not allow for it to work.  It is currently working fine from the youtube link, but for future reference how do I add a video onto a page using a video that I upload to my media library?

    Also, when the error message shows that there is poor SEO due to the iFrame, will it affect the entire landing
    page SEO or only referring to the video search visibility.


  •  522
    Vasilis replied


    even if you did import them from the media library an iframe will be exported also.

    Of course a series of YouTube videos will not affect your seo! Unless you have only these and not any other content. In general SEO crawlers warn you in case you are using iframe to show any other content from a different domain which will be unreachable for Google bot.

    Now, here is an example of embedding a video from youtube without iframes:

    <div style="width:100%;height:100%;width: 820px; height: 461.25px; float: none; clear: both; margin: 2px auto;">
      <embed src="http://www.youtube.com/v/GlIzuTQGgzs?version=3&hl=en_US&rel=0&autohide=1&autoplay=1" wmode="transparent" type="application/x-shockwave-flash" width="100%" height="100%" allowfullscreen="true" title="Adobe Flash Player">

    Add this in a simple text/html widget,

    Let me know if you need additional help on this.