Journal

Framer SEO settings that actually matter

A pre-launch checklist of the Framer SEO settings worth your time: page metadata, CMS variables, social previews, indexing and redirects.

Framer SEO settings that actually matter

Framer handles a lot of technical SEO for you. Pages are server-rendered, a sitemap is generated automatically, and the HTML it outputs is clean enough that search engines have little trouble reading it. That convenience is also a trap: because so much works by default, it is easy to publish a site with every page titled the same, no descriptions, and social previews showing a random screenshot.

The good news is that the settings that genuinely move the needle fit on one short list. In this guide we will go through them in the order you should check them before launch, explain what each one does, and point out the ones you can safely leave alone. Everything here uses settings that exist in Framer today, so you can follow along in your own project.

Start with site-wide title and description

Open Site Settings and fill in the Site Title and Site Description. These act as the default for every page that does not have its own values, and they are what search engines show for your homepage if you leave it unchanged.

Write the site title as your brand plus a short descriptor, for example a studio name followed by what the studio does. Keep the description to one or two sentences that say who the site is for and what they will find. Avoid keyword lists. Search engines frequently rewrite descriptions that read like spam, and people skip them anyway.

After saving, publish the site. Changes to metadata only reach the live site, and eventually search results, once they are published.

Give every page its own title and description

Default metadata is a safety net, not a strategy. Each important page should have a title and description written for that page. In Framer, open the page's settings and use the Title and Page Description fields. Framer's help article on updating page titles, descriptions and social images walks through exactly where these live.

A simple pattern that works for most sites:

  • Title: what the page is about, then your brand. For example, "Brand identity design for startups" followed by a separator and the studio name.
  • Description: one sentence on what the visitor gets, one on why it is worth clicking. Aim for roughly 150 to 160 characters so it is less likely to be cut off.
  • Uniqueness: no two pages should share a title. Duplicate titles make it harder for search engines to understand which page answers which query.

Use CMS variables for blog posts and case studies

If your site has a CMS collection for posts, projects or case studies, do not leave their detail pages on the default metadata. Instead, add plain text fields for an SEO title and description in the collection, fill them in for each item, then open the CMS page's settings and reference those fields.

In the Title field you can type a variable such as {{Title}}, and in Page Description a variable such as {{Description}}, using whatever names your fields have. You can also add static text around them, for instance the variable followed by a dash and "Blog". Now every new post gets correct metadata the moment you fill in its fields, with no extra step.

If you only fix one thing on a content-heavy Framer site, fix CMS page metadata. It is usually where most of the indexable pages live.

Set social preview images on purpose

When someone shares your link on LinkedIn, Slack or a messaging app, the preview image does most of the work of getting it clicked. Framer lets you set this per page under Page images, in the Social preview option. For CMS pages, choose CMS Variables and point it at an image field, such as the post's cover image.

Framer recommends a 1200 by 630 pixel aspect ratio. Keep important content away from the edges, since some platforms crop the image, and avoid small text that becomes unreadable at thumbnail size. A strong photo or a simple, bold layout performs better than a dense screenshot.

Control what gets indexed

Not every page should appear in search results. Thank-you pages, internal style guides, password-protected client previews and half-finished landing pages are better kept out. In each page's settings, under Search, you will find two options: Show page in search engines and Show page in Site Search. Turn the first off for pages you do not want indexed.

Framer generates sitemap.xml and robots.txt for you automatically, so you do not need to maintain them by hand. Once the site is live, submit your sitemap in Google Search Console so you can see which pages are indexed and catch problems early.

Set up redirects whenever a URL changes

Redesigns and content clean-ups often change page paths. Without redirects, old links from other sites and existing search results land on a 404, and you lose the visibility those pages had built up. Framer lets you add redirects in Site Settings by specifying an old path and a new one.

Make this part of your routine:

  1. Before renaming or deleting a page, note its current path.
  2. After publishing the change, add a redirect from the old path to the most relevant new page.
  3. When migrating from another platform, export the old site's URL list first and map each one before you switch the domain.

Get the on-page basics right

Settings panels only go so far. A few on-page habits matter just as much, and Framer's guide to SEO features and tools covers them as well:

  • One clear H1 per page. Check the heading tag on your hero text. Visually large text is not automatically an H1, and decorative headings should not all be marked as headings.
  • Logical heading order. Use H2 for main sections and H3 inside them, so both people using screen readers and search engines can follow the structure.
  • Alt text on meaningful images. Describe what the image shows in plain words. Purely decorative images can be left without it.
  • Structured data where it fits. For articles, products or local businesses, JSON-LD markup can help search engines understand the page. Add it only when it accurately describes the content.

Settings you can usually leave alone: you do not need to write your own sitemap, edit robots.txt for a normal site, or chase meta keywords, which major search engines ignore.

Conclusion

Good SEO in Framer is mostly about not skipping the basics. Fill in site-wide defaults, write a real title and description for every important page, wire up CMS variables for posts and projects, set deliberate social preview images, hide pages that should not be indexed, and add redirects whenever a path changes. Run through this list before every launch and after every redesign, and your Framer site will give search engines and people sharing your links exactly what they need.

Oybek Ruziev

Designer & Framer developer · AidanCreates

Keep reading

All posts