Guide · Framer

How to publish a Framer site

Publishing in Framer is one click. What happens before and after that click determines whether the site actually works. Here's the full checklist.

Before you publish

01

Set your meta titles and descriptions

Site Settings → SEO. Set a site-wide title and description as fallbacks. Then open each page's settings and write a specific title and description. Generic titles like "Home" or "About" hurt your search visibility.

02

Add an OG image

Without an Open Graph image, social shares show a blank preview. Upload a 1200×630px image in Site Settings → SEO → Social image. Override it on key pages — homepage, main product page.

03

Check heading structure

Every page should have exactly one H1. Open each page, select each text layer, verify the tag in the right panel. Headings set to H1 for size reasons only — not structure — are a common mistake.

04

Test all links

Nav links, CTA buttons, footer links, internal links in copy. Preview mode in Framer is reliable — go through every page and click everything.

05

Test your forms

Submit a test entry through every form on the site. Check that you receive it in your provider's dashboard. Check the success state looks correct. Don't skip this — broken forms are the most common post-launch issue.

06

Check on mobile

Framer's responsive breakpoints work well but aren't automatic. Use the preview at mobile width, then check on a real device. Text overflow, image sizing and button tap targets are the common problems.

Publishing to a custom domain

01

Add the domain in Framer

Site Settings → Custom Domain. Enter your domain — with or without www. Framer shows you the DNS records to add. Keep this tab open.

02

Add the DNS records at your registrar

Log into wherever your domain is registered — Namecheap, Cloudflare, Google Domains, wherever. Add the A record or CNAME that Framer gives you. Propagation takes a few minutes to a few hours depending on your registrar.

03

Wait and verify

Framer checks the DNS automatically and shows a green status when it resolves. SSL is provisioned automatically once the domain is verified. You don't need to do anything for HTTPS — it just works.

After you publish

01

Submit your sitemap to Google Search Console

Add your property in Search Console, verify ownership via the DNS TXT record, then submit your sitemap at yourdomain.com/sitemap.xml. Framer generates this automatically — you just need to tell Google it exists.

02

Run PageSpeed Insights

Go to pagespeed.web.dev and enter your live URL. Check the mobile score — Google indexes mobile-first. LCP, TBT and CLS are the metrics to focus on. Images without explicit dimensions and heavy animations are the common culprits.

03

Request indexing for key pages

In Google Search Console, use the URL Inspection tool to request indexing on your homepage and main landing pages. Don't wait for the crawler to find them on its own.

04

Set up analytics

Site Settings → Integrations. Add Google Analytics, Plausible, Fathom or any other provider via the script injection field. Verify it's tracking before you start driving traffic.

Related