Pages
Per-Page Split View
Edit a Framer page's SEO while watching its live preview. The RankFrame split view shows the page on the left and the full SEO control surface on the right.
Last Updated on
Read Time
3 min read
Opening the split view
From the Pages list, click any page row. The view splits into two panels. On the left you get the actual Framer page rendered live. On the right you get every SEO control for that single page. Changes on the right affect that page only, not the site default.
Anatomy of the split view
1. Back to pages link
The Back to pages link sits in the top bar. Click it to return to the full Pages list. Your edits are saved automatically before you leave.
2. Download button
The purple Download button in the top bar exports a per-page audit PDF for the page you are viewing. Use it for client handoffs or to track fixes over time.
3. Left panel
The left panel is a live preview of the actual Framer page. Header, hero image, content, and everything else renders just like a visitor would see it. The panel is scrollable so you can inspect any part of the page without leaving RankFrame.
4. Right panel
The right panel is the SEO control surface for the page. From top to bottom you will find the score header, the Google Snippet preview, title and description fields with AI helpers, and five collapsible audit sections.
5. Score header
At the top of the right panel sits the Rankframe SEO X/100 score header with a purple progress bar. This is the single number that summarizes how the page is doing. Watch it move as you fix issues.
6. Five collapsible audit sections
Below the title and description fields you get five audit sections you can collapse independently.
Keyword Analysis: target keyword usage and density.
Basic SEO: titles, descriptions, headings, alt text.
Advanced SEO: canonical, robots, schema, social tags.
Performance: page weight, load signals, image sizing.
Security: HTTPS and security headers.
Working in the split view
Scroll the left panel: Get a feel for the page as a visitor sees it before changing copy.
Check the score: Note the starting number so you can measure your progress.
Update title and description: Use the AI helpers if you want a brand-aligned starting point.
Expand audit sections one at a time: Tackle Basic SEO first, then move into Advanced SEO, Performance, and Security.
Download the PDF: Export an audit PDF when you want a snapshot of the current state.
Resize your RankFrame panel wider when you can. The left preview becomes far more useful when you can see the page at close to its real width.
Edits in the split view apply to this page only. To change site-wide defaults, open Global Settings.
Frequently asked questions
How do I open the split view?
Click any page row in the Pages list. The split view opens with a live page preview on the left and the SEO control surface on the right.
