An embedded demo is an iframe, and its contents are a separate document. A search engine indexing your page does not treat what is inside it as your page's content.
This is a genuine limitation, including of this product, and it changes how a page carrying a demo should be built.
What a crawler actually gets
- The iframe tag, and nothing that would help it rank your page.
- Screenshot steps are images. Text inside them is pixels, unreadable to any crawler or model.
- Even structure-captured steps live in a separate document, not in your page.
- Captions inside the demo are not your page's text either.
- So a page that is a headline and an embed has almost nothing to index.
Why that is usually fine
A demo is there to convert the human who arrived, not to attract them. The page around it does the attracting.
The failure is only when a page is *only* an embed — a "/demo" page with a sentence and an iframe has nothing for search to work with, and will not bring anyone.
What to put around it
- Real prose describing what the demo shows, in the words someone would search.
- A short list of what happens in it, which doubles as orientation for the viewer.
- An FAQ, since those questions are what people actually type.
- A link to a hosted version, so the demo is a URL a crawler can reach rather than only an embed.
The accessibility parallel
The same fact explains why demo captions matter for screen readers: a screenshot is an image and carries no text of its own, so anything not in your captions is unavailable to a reader who cannot see it.
Writing a page that works without the demo, and captions that work without the screenshots, solves both problems at once.
Frequently asked questions
- Can Google index the content inside an embedded demo?
- No. An embedded demo is an iframe and its contents are a separate document, so what is inside does not count as your page's content. Screenshot steps are images, meaning their text is pixels and unreadable to any crawler.
- Does that mean embedding a demo hurts SEO?
- No -- it simply does not help it. The demo converts the person who arrived; the page around it has to do the attracting. The failure case is a page that is only a headline and an iframe, which has nothing to index.
- What should go on a page with an embedded demo?
- Real prose describing what the demo shows in searchable words, a short list of what happens in it, an FAQ using the questions people actually type, and a link to the hosted version so the demo is a reachable URL.
This is what Demorta does
Click through it — the same kind of demo you can record of your own product.
Try it on your own product
Record your first interactive demo free.
Five demos on the free plan, forever. No credit card, no trial countdown, no sales call. Install the Chrome extension, click through your product once, and you have a shareable link in about ten minutes.
Start free →