---
title: "Framer SEO Guide: Settings, CMS, Structure | Utkarsh Panwar"
description: "A practical Framer SEO guide: what Framer handles, the settings to fill in per page, CMS templates, and the restructure that doubled xPay's indexed pages."
url: https://www.utkarshdesign.com/guides/framer-seo
author: Utkarsh Dhairya Panwar
updated: 2026-10-08
---

# Framer SEO guide for startup websites

Guide · 7 min read · By [Utkarsh Dhairya Panwar](https://www.utkarshdesign.com/about) · Updated 8 Oct 2026

**Framer handles technical SEO: pre-rendered HTML, sitemap.xml, robots.txt, canonical tags and per-page metadata. Page structure is still yours. At xPay I restructured 10+ Framer pages so each covered one topic, with proper headings and internal links, and indexed pages doubled.**

## What Framer already does for you

A lot of "Framer SEO" advice covers things Framer already does on its own. Tick these off and spend your effort elsewhere.

- Pre-rendered pages: your text is in the HTML when the page arrives instead of being injected later by a script. When I checked every Summer 2026 YC homepage, 27 coded sites sent an empty shell and none of the Framer sites did.
- sitemap.xml, generated and updated on publish, CMS pages included.
- robots.txt, generated with the sitemap's address in it.
- Canonical tags. The CodeAnt and Zania homepages both carry one pointing at their own domain, added without anyone touching it.
- Image resizing and modern formats on Framer's CDN. Alt text is still yours to write.
- hreflang tags when you use Framer's localization, so each language version points to the others.

Redirects live under Site Settings, then Hosting, then Redirects. On Framer's current plans they're a Pro feature, so a site replacing an old one should be on Pro before launch.

## Settings to fill in on every page

1. **Title**: Under 60 characters, main phrase first, brand last, written for every page. A shared default title makes every page look the same in results.
2. **Description**: One or two sentences that would make someone click. Google rewrites plenty of descriptions, but it often keeps a good one.
3. **Slug**: Short, lowercase, hyphenated and settled before launch: /pricing rather than /pricing-page-new-2. Changing it later means adding a redirect.
4. **Social image**: Set one for the site and override it on pages people share. Without it, a link pasted into Slack or LinkedIn shows a bare title.
5. **Heading tags**: Select a text layer and set its tag. One H1 per page, H2s for sections. A paragraph styled to look like a heading is still a paragraph to a crawler.
6. **Search visibility**: Hide thank-you pages, drafts and test duplicates from search in the page settings so they don't compete with the real pages.

If you count H1s in the page source, expect duplicates. Framer writes out the page for each breakpoint and hides the others with CSS, so a homepage with three layouts carries its H1 three times (CodeAnt's does, and it's fine). What needs fixing is two different H1s, usually from an announcement banner or a reused component set to Heading 1.

## Design choices that decide whether pages get found

Rankings depend on plenty that isn't design, like links, brand searches and domain age. But much of what holds a startup site back is decided before anyone opens Framer: five products crammed onto one page, headings picked for size instead of meaning, or a features page nobody searches for while the comparison every buyer types into Google has no page at all.

| Design choice | Why search cares |
| --- | --- |
| One topic per page | Each page can match one query instead of half-matching five |
| A real heading hierarchy | Crawlers and AI tools read the structure, whatever the font size says |
| Comparison and use-case pages | They match how buyers search late in a decision |
| Words as live text | A headline baked into a PNG can't be indexed or quoted |
| Light pages | Speed and layout stability are measured, and people leave slow pages |

So I map pages before designing them: which question each answers, which are missing, which two should become one. I agree that map with whoever writes the copy before visual design starts.

## CMS templates: one design, many pages

A CMS collection is a table of rows, and each row becomes a page on one shared template. Comparison pages, integrations, use cases, glossary terms and blog posts all fit that shape.

- Add SEO title and description fields to the collection, then point the CMS page settings at them. Each row gets its own metadata instead of the template's.
- Treat the slug field as permanent. Framer's help docs note that changing a path in the canvas or CMS doesn't update your redirects, so a renamed slug breaks the old URL without any warning.
- Bind the H1 to a field and give each row its own intro paragraph. Pages that differ only by a swapped logo read as near-duplicates.
- Link between rows. A comparison page should link to the integration and use-case pages it mentions, and they should link back.

![CodeAnt mobile web page titled Sonarqube vs CodeAnt AI with both logos, a Start 14 Days Free Trial button and enterprise logos, in an iPhone frame](https://www.utkarshdesign.com/images/jdYLausb0Sdy2sZ05YOCI5QdomM.webp)

_A comparison page on CodeAnt's Framer site. The set shares one template, but each page makes its own argument._

## How I restructured xPay's Framer pages

I joined xPay (YC W24) as a product design intern in January 2024 and learned Framer there in about three days. Its go-to-market pages were already in Framer and looked fine. The problem was overlap: pages weren't each clearly about one thing, and when two pages half-cover the same idea, Google often indexes one and ignores the other.

1. **One topic per page**: Each page got one job. Where two pages covered the same idea, the content was split cleanly between them.
2. **One H1 that names the topic**: The H1 says what the page is about, and H2s follow in a logical order underneath it.
3. **Internal links**: Related pages link to each other, so the set reads as one structure instead of loose pages.

- **10+** Framer GTM pages restructured
- **2×** Indexed pages afterwards

The visual design barely changed. Indexed pages doubled, and the team saw more qualified inbound demo requests. A lot of SEO work on a startup site is information architecture, because Google indexes pages it can tell apart.

> Quick learner and strong designer. Picked up Framer in just 3 days and shipped landing pages, decks, graphics, and marketing assets end-to-end.
> (Aniket Gupta, Co-Founder, xPay (YC W24))

## Where Framer stops

- Old domains. Framer redirects paths on the domain it hosts. If you're leaving olddomain.com, the domain-level redirect has to be set up wherever that old domain lives.
- Structured data. There's no schema builder, so JSON-LD (Organization, FAQ, Article, Product) goes in through custom code in the page head.
- Page weight. Framer won't stop you from putting a 4 MB video and three scroll animations above the fold.
- Hosting tricks. I've seen a Framer site shown inside an iframe on a separate server, so search engines saw an almost empty page on the real domain. Connect the domain in Framer instead.

Launch week comes down to three checks: pick one primary domain (www or not) and redirect the other to it, view the source of your five main pages and search for each headline, and open /sitemap.xml to confirm your CMS pages are listed. Moving an existing site is covered in the migration guide.

[Website launch checklist](https://www.utkarshdesign.com/templates/website-launch-checklist): Every check before and after go-live, with how to test each one and the Framer-specific rows.

## Questions people ask

### Is Framer good for SEO?

For a marketing site, yes. It publishes pre-rendered HTML with sitemaps, canonical tags and per-page metadata. Rankings then depend on page structure and content, which no builder does for you.

### Can I add schema markup to a Framer site?

Yes, as JSON-LD in custom code on the page or the whole site. There's no visual schema editor, so someone has to write it.

### Do I need Framer Pro for SEO?

Not for the basics. You need Pro for redirects, and those matter as soon as a URL changes or you replace an older site.

### Do you offer SEO services?

I cover the design side: page map, structure, metadata and a fast Framer build, on new or existing sites. I don't do link building, content programmes or ranking guarantees; pair me with an SEO specialist for those.

## Sources

1. [Guide to Framer SEO optimization features](https://www.framer.com/help/articles/guide-to-seo-features-and-tools/), Framer Help
2. [How to setup redirects to maintain SEO ranking](https://www.framer.com/help/articles/how-to-setup-redirects-to-maintain-seo-ranking/), Framer Help
3. [Pricing](https://www.framer.com/pricing), Framer
4. [How to Write Meta Descriptions](https://developers.google.com/search/docs/appearance/snippet), Google Search Central

## Working on this?

Tell me what you're building and where it's stuck: [book a 30-minute call](https://cal.com/utkarsh-design/30min), email [work@utkarshdesign.com](mailto:work@utkarshdesign.com) or [send a brief](https://www.utkarshdesign.com/contact).

## Related

- [Framer developer and designer for hire, based in India](https://www.utkarshdesign.com/services/framer-developer)
- [How to migrate a website without losing SEO](https://www.utkarshdesign.com/guides/website-migration-seo)
- [Website launch checklist for Framer, Webflow and WordPress](https://www.utkarshdesign.com/templates/website-launch-checklist)
- [Framer website examples for SaaS](https://www.utkarshdesign.com/guides/framer-website-examples)

---

Utkarsh Dhairya Panwar, Founding Product Designer and Design Engineer (IIT Roorkee; Founding Designer at CodeAnt AI, YC W24). Email: work@utkarshdesign.com · Book a call: https://cal.com/utkarsh-design/30min · Hire: https://www.utkarshdesign.com/hire · About: https://www.utkarshdesign.com/llms.txt