Rank Frame Logo

Features

Developers

Company

Resouces

Get Help

Rank Frame Logo

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

  1. Scroll the left panel: Get a feel for the page as a visitor sees it before changing copy.

  2. Check the score: Note the starting number so you can measure your progress.

  3. Update title and description: Use the AI helpers if you want a brand-aligned starting point.

  4. Expand audit sections one at a time: Tackle Basic SEO first, then move into Advanced SEO, Performance, and Security.

  5. 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.

What is on the left panel?
What is on the left panel?

The left panel renders the actual Framer page including header, hero image, and content. It is scrollable so you can review the live page while editing its SEO.

What does the Download button do?
What does the Download button do?

The purple Download button in the top bar exports a per-page audit PDF for the page you are viewing.

How do I get back to the full list?
How do I get back to the full list?

Click the Back to pages link at the top of the split view to return to the Pages list.

What audit sections are available per page?
What audit sections are available per page?

The right panel includes five collapsible audit sections: Keyword Analysis, Basic SEO, Advanced SEO, Performance, and Security.

@2026 All Rights Reserve. A Product by 7 SEERS

@2026 All Rights Reserve. A Product by 7 SEERS