Framer CMS SEO Guide: Titles, Slugs, and Share Images

Framer is known for fast design, but it also gives you powerful tools to improve your website’s visibility. If you’re using Framer CMS, here’s how to make your blog posts more SEO-friendly.

Quick start:

To begin, click the three dots (•••) next to your CMS collection (e.g. “Articles”) in the left panel, then choose Settings. This is where you’ll set up meta titles, descriptions, social images, and more.

1. Add a unique meta title and description

In the CMS settings, go to the SEO section in the right panel. Link the meta title and description to CMS fields so each article is optimized.

• Meta title: {{title}} | YourSite

• Meta description: {{excerpt}}

  This improves how your content appears in search results and social previews.

• 
  

Helpful guide: SEO Setup in Framer

2. Set a custom social share image

In the same SEO section, scroll to “Social image.” Set it to a dynamic CMS field like {{coverImage}}. Each article now gets a unique preview when shared on social media.

Tip: Use 1200x630px for your images to get the best visual layout across platforms.

3. Clean up your article URLs

Use {{slug}} instead of auto-generated IDs to create clean, keyword-rich URLs like yoursite.com/articles/framer-seo-tips. This improves click-through rates and crawlability.

Pro tip:

Place your keywords in headings (H1, H2). For example, use “Framer CMS SEO Tips” instead of a generic “Blog.”