Part of 100+ video lessons
Short, step-by-step lessons you can rewatch anytime.
Hands-on project
Follow along in the host project and build as you learn.
Certificate path
Counts toward your Framer Fundamentals certificate.
Start with the site defaults, then override per page, then handle the CMS template.
A global title, description and social image, used wherever a page doesn't set its own.
Give every real page its own title and description rather than letting it inherit the default.
Inject the item's fields into the template's title and description so each item is distinct.
WRITE TITLES AND DESCRIPTIONS THAT GET USED
Set them per page instead of letting one site default cover everything.
MAKE CMS PAGES UNIQUE
Pull item fields into the template so every item has its own metadata.
CONTROL INDEXING AND SOCIAL PREVIEWS
Set the social image, manage redirects and decide what search engines can see.
Accessibility in Framer
Alt text, colour contrast, readable type, and the accessibility settings that decide what screen readers and Googlebot pick up.
CMS Detail Pages in Framer
One page template that renders every item in a collection, with referenced fields and links from your list.
CURRICULUM
WHAT YOU’LL LEARN IN THIS COURSE
In the Ultimate Framer Masterclass, you’ll master Framer from the ground up. Follow real projects, get expert feedback, and finally design and ship the way you’ve always wanted to.
Give three pages their own titles and descriptions, then open a CMS detail template and add variables so every item gets its own.
05:33
PUBLISH CHECKLIST
Site defaults set
Page titles written
Descriptions under 160
CMS variables added
Social image set
Indexing checked
TRY IT OUT
Cesar Rodrigues
Founder, Craate Creative
FREQUENTLY ASKED QUESTIONS
Everything you need to know about this lesson.
Where are the SEO settings in Framer?
Site-wide title, description and social image live in site settings. Each page then has its own SEO panel that overrides those defaults.
How do I set SEO for CMS pages in Framer?
Open the CMS detail page's SEO settings and insert variables from the collection, so each item's title and description come from its own fields.
Is Framer good for SEO?
Yes, provided you set it up. Framer renders real HTML and generates a sitemap, but per-page titles, descriptions and CMS variables still have to be filled in.
CERTIFICATION
BECOME A CERTIFIED FRAMER MASTER
Earn 3 official certifications that show you don’t just know Framer, but you can
design, build, and execute real pixel-perfect sites.
Rated excellent by 900+ students
4.8
Lifetime access
14-day money-back guarantee
Stream anywhere
