Framer SEO Guide 2026: Rank Your Framer Site

What Framer handles for you

Framer's hosting guide says every site is pre-rendered on the server and served from AWS on a global edge network. Images are resized and served in modern formats such as AVIF, fonts load in two stages to limit layout shifts, and a sitemap is generated for every published site. That covers most of the technical work a self-hosted site needs before it can rank.

What Framer cannot do for you: write titles that earn the click, describe your content in structured data, connect Search Console, or fix a hero section built around a heavy autoplay video. The seven steps below cover those.

Step 1: Set up your SEO metadata

Page title and meta description

In Page Settings, give every page its own title and description. Google says there is no limit on how long a title element can be, but the title link is shortened to fit the device, so I keep titles under about 60 characters with the main keyword near the front. Meta descriptions work the same way: no fixed limit, truncated as needed, and Google often builds the snippet from the page text instead. Write one or two plain sentences that say what the page answers.

CMS items need the same care. On the CMS detail page, bind the title and description to fields, so every post gets its own pair instead of the template default.

Open Graph image

The social image is what LinkedIn, Slack or WhatsApp shows when someone shares the page. Set one per page in Page Settings, and one per CMS item through a bound image field. It does not change Google rankings; it decides how a shared link looks, which is reason enough to set it.

Step 2: Optimise for Core Web Vitals

Google recommends good Core Web Vitals for success with Search: Largest Contentful Paint within 2.5 seconds, Interaction to Next Paint under 200 milliseconds and Cumulative Layout Shift under 0.1, measured on real visitors. A PageSpeed Insights lab score is a different thing. Framer's help centre puts it plainly: PageSpeed Insights scores have no effect on search rankings, and the score can move by up to 15 points between runs. Use the lab test to find problems, then confirm fixes in the Core Web Vitals report in Search Console.

Largest Contentful Paint (LCP)

LCP is usually the hero image or headline. Compress the hero image before upload, avoid autoplay video above the fold, and never hide the headline behind a preloader or an intro animation. My Core Web Vitals guide for Framer has the full fix list.

Cumulative Layout Shift (CLS)

CLS counts how much the layout jumps while the page loads. Framer sizes its own images and loads fonts in two stages, so the usual culprits are code components and embeds that load content without a fixed height, and banners that push the page down. Give every embed a fixed size.

Interaction to Next Paint (INP)

INP replaced First Input Delay as a Core Web Vital in March 2024 and measures how fast the page responds to taps and clicks. On Framer it suffers from heavy custom code, chat widgets and tag managers in the page head. Keep only the third-party scripts you use, and limit how many elements animate at once on long pages.

Step 3: Add structured data (Schema.org)

Structured data tells Google what a page is: an article, a person, an organization. Framer's documentation says to add JSON-LD through the Custom Code feature, and on CMS detail pages to insert CMS variables with the json filter, so every post gets its own BlogPosting markup. Validate the live page in Google's Rich Results Test.

Be realistic about what markup earns. Google limited FAQ rich results to well-known government and health sites in August 2023, and its Search Central changelog records that the feature stopped appearing in Search on 7 May 2026. Review stars a business adds to its own pages about itself are not shown either. Use structured data to describe the page accurately: BlogPosting for posts, Person or Organization and WebSite on the home page, BreadcrumbList on deeper pages.

Step 4: Submit your sitemap to Google

Framer publishes the sitemap at /sitemap.xml. To connect Search Console, Framer's help article recommends a URL prefix property verified with a meta tag: paste Google's tag at the end of the head section in your site's General Settings, publish, then press Verify. Then submit sitemap.xml under Sitemaps.

Do not expect results the next day. Google says crawling can take anywhere from a few days to a few weeks, and a sitemap helps discovery without guaranteeing that every URL gets indexed.

Step 5: CMS SEO for blog and portfolio pages

Each CMS item needs its own title, description, slug and social image. On the CMS detail page, bind the page title to the headline field, the description to a summary field and the social image to the cover field. Use short, descriptive slugs: /blog/framer-seo-guide-2026 tells a reader and a search engine more than /blog/article-14.

If you rename a slug after launch, add a redirect from the old URL. Framer's redirect settings do not update themselves when a path changes in the canvas or the CMS, and redirects are part of the Pro plan.

Step 6: Earn links

Links still matter for discovery: Google's SEO Starter Guide says most of the new pages Google finds every day are found through links. Earn them with content other sites want to cite: original data, clear guides, case studies with real numbers. Profiles on the platforms your buyers use, and mentions in roundups, add up over time. Do not buy links: Google's spam policies treat buying links for ranking as link spam.

Step 7: Monitor with Google Search Console

In the first month, check the Pages report weekly for URLs Google cannot index; Framer's indexing troubleshooting guide explains each status. After that, a monthly look at the Performance report is enough: pages with many impressions and few clicks need a better title or description, and pages stuck on page two need more depth.

Common Framer SEO mistakes to avoid

• Blank or duplicate titles and descriptions on CMS pages.
• Default slugs such as /projects/project-1.
• Renamed pages without a redirect from the old URL.
• A heavy autoplay video or a preloader in front of the hero.
• Third-party scripts nobody remembers adding.
• Checking only on desktop: Google uses the mobile version of a site for indexing and ranking.
• Connecting Search Console months after launch.

Want an SEO-first Framer website?

Every Framer site I build ships with this setup: unique metadata on every page and CMS item, JSON-LD per page type, the sitemap in Search Console, redirects for any changed URL and llms.txt for AI assistants. A landing page starts at $1,200 and a multi-page site at $3,000. Get in touch for a new build, or see technical SEO for a site that is already live.