Ivy is built with clean semantic HTML and a solid SEO foundation. Configure this before going live.
Access SEO settings for each page: select the page in the left panel → Settings tab → scroll to SEO.
Configure all three fields for every page:
| Field | What to write |
|---|---|
| Page title | Studio name + page descriptor. 50–60 characters. |
| Meta description | 1–2 sentences. What the page is and who it’s for. 150–160 characters. |
| OG image | 1200×630px. Appears when links are shared on social. |
Replace Ivy Studio with your actual studio name.
| Page | Title format |
|---|---|
| Homepage | [Studio Name] — Design Studio for [descriptor] |
| Branding | Brand Identity — [Studio Name] |
| Websites | Website Design & Development — [Studio Name] |
| About | About — [Studio Name] |
| Work | Work — [Studio Name] |
| Journal | Journal — [Studio Name] |
| Contact | Start a Project — [Studio Name] |
| Case study | [Project Name] — [Studio Name] |
| Journal article | [Article Title] — [Studio Name] |
For CMS-driven pages (case studies, journal articles), Framer auto-generates metadata from CMS fields. Configure the mapping in CMS → Projects → SEO Settings.
Projects:
| CMS field | Maps to |
|---|---|
Title |
Page title (with studio name suffix) |
Short descriptor |
Meta description |
Cover image |
OG image |
Journal articles:
| CMS field | Maps to |
|---|---|
Title |
Page title |
Opening paragraph (first 160 chars) |
Meta description |
Cover image |
OG image |
Framer generates a sitemap automatically at yourdomain.com/sitemap.xml. Verify it’s live after connecting your domain.