What the snippet preview shows

The Google Snippet preview sits between the score header and the editable Title and Description fields in the per-page right panel. It renders your page the way Google does: a blue title link on top, a green URL or breadcrumb below, and gray description text underneath.

Because the preview reads from the same fields you are editing, it updates the moment you type. You never have to publish, switch tabs, or guess.

Anatomy of the preview

1. Blue title link

The top line of the snippet renders your SEO Title in Google's blue link style. This is the most clickable element in a real result, so write it for humans first. If your title runs long, the preview shows where Google would cut it off with an ellipsis.

2. Green URL or breadcrumb

Below the title, the preview shows your page URL in Google's green breadcrumb style. This reflects the canonical path of the page so you can confirm the URL slug looks clean and readable before launch.

3. Gray description text

The final block renders your Meta Description in gray. Google truncates descriptions around 160 characters, and the preview makes the cut-off point obvious so you can keep the most important phrase up front.

4. Live updates as you type

Every keystroke in the Title or Description fields flows straight into the preview. There is no Save or Refresh step. Use this to test variations side by side until the snippet reads naturally.

Truncation rules to watch

Google does not truncate by character count alone, but these limits are reliable benchmarks:

• Titles are usually cut around 60 characters or 600 pixels.

• Descriptions are usually cut around 160 characters on desktop.

• Mobile descriptions are often shorter, around 120 characters.

Put your primary keyword and your strongest hook in the first 50 characters of the description. If Google truncates, the value still lands.

Editing workflow

1. Open the page in the right panel: Select any page from the Pages list to load its score, snippet preview, and editable fields.

2. Edit Title and Description: Watch the snippet update in real time. Stop when the preview reads naturally without truncation mid-word.

3. Confirm the URL line: Verify the green breadcrumb shows the slug you expect. Rename the page in Framer if the path looks off.

4. Save and re-score: Save the changes in Framer. RankFrame will recalculate the page score using your new metadata.

Google sometimes rewrites titles and descriptions based on the search query. The preview shows your declared metadata, which is still the best starting point.