Skip to content
Searchpedia SEO field notes Callum Bennett Callum

Site ops

Iframe SEO

An iframe is an HTML element that embeds another web page or document inside the current page, usually for third-party content like videos, maps, ads, or widgets.

Beginner3 min readUpdated 2026-07-27Notes by Callum Bennett

Start here

  • Audit your existing iframes — move primary content out of them.
  • Always add a title attribute and surrounding context text.
  • Lazy-load iframes below the fold to protect performance.
  • Avoid embedding low-quality or untrusted third-party content.
  • If the iframe content is critical to the page, find a way to include it in your HTML instead.

Iframes are everywhere — YouTube embeds, Google Maps, social widgets — but most people don't think about how they affect search.

What I'd do first

  • Audit your existing iframes: open DevTools and search for <iframe in the page source. List every embed.
  • For each iframe, ask: Is this the main reason someone visits this page? If yes, move that content into your page HTML.
  • Add a title attribute to every iframe (e.g., title="Product demo video").
  • Wrap each embed with 2–3 sentences of unique context text so the page makes sense even if the iframe doesn't load.
  • Set loading="lazy" on any iframe below the fold to protect load time.

Plain-English take

Think of an iframe like a TV in your living room. The TV shows a different channel (another website), but your living room is still your space. Google can see what's on the TV, but it won't give you credit for that show — it credits the channel. So if you want to rank for "best hiking boots," don't put that text inside an iframe. Put it in your page's own HTML. Use iframes for things that add value but aren't your main argument: a map of your store, a YouTube tutorial, a tweet embed.

When it actually matters

  • Maps & locations: Embedding a Google Map on a contact page is fine — the map is supplemental, and you've already written your address in text.
  • Video tutorials: A YouTube iframe on a recipe page works because the recipe steps are in your HTML. The video is extra.
  • Social proof: Embedding a tweet or Instagram post can add credibility, as long as the page still stands alone without it.
  • Ads: Ad iframes are common, but they can slow your page. Lazy-load them and monitor Core Web Vitals.
  • Dashboards or interactive tools: If you're embedding a third-party calculator or chart, make sure the key data is also summarized in text nearby.

What I got wrong

  • I used to think iframes were invisible to Google. They're not — Google can crawl and index them — but the content is attributed to the embedded page, not yours. That means you can't rank for it.
  • I once embedded a whole product description inside an iframe to "save time" on a client site. The page never ranked for those keywords. We had to rewrite the content in the parent HTML.
  • I skipped title attributes because "it's just a map." That hurts accessibility and gives search engines less context. Now I treat title as mandatory.
  • I didn't lazy-load iframes early on. A single heavy embed can push Largest Contentful Paint (LCP) past 4 seconds. Now I lazy-load everything below the fold.

Next step

Quick answers

Does Google index iframe content?

Google can index iframe content, but it's not guaranteed. The embedded page must be crawlable, and the content may not be attributed to your parent page.

Are iframes bad for SEO?

Not inherently, but they're risky for primary content. Use them for supplemental embeds only, and always provide unique context around them.

What's the difference between embed and iframe?

The embed element is for plugins like PDFs or Flash. Iframe embeds an entire HTML document and is more flexible for web content.

Sources

Primary documentation is linked directly. Anything commercial is marked nofollow.

Notes from Callum Bennett.