How to Check an SEO Preview Before You Publish

By Om Usturge · Updated November 2, 2026 · 3 min read

An SEO preview shows how your page will appear in Google search results and on social platforms before you publish. Checking it takes two minutes and prevents the most common on-page mistake: a title or description that gets cut off mid-sentence, or a social card that looks broken when shared.

What an SEO preview actually shows

A preview typically renders three things:

• Title tag as it appears in Google results (usually truncated around 60 characters).
• Meta description (usually truncated around 155-160 characters).
• URL / breadcrumb as Google displays it.

Social previews add an image, a larger title and a description for platforms like X, LinkedIn and Facebook, driven by Open Graph and Twitter Card tags.

Why previews get cut off

Google does not count characters; it measures pixel width. A title full of wide letters (W, M) truncates sooner than one full of narrow letters (i, l). Descriptions are cut at roughly 920 pixels on desktop. Social cards have their own limits and image aspect ratios.

Common failures:

• Title too long, ending in "...".
• Description missing entirely, so Google pulls random body text.
• Open Graph image missing or wrong size, producing a blank or cropped card.
• Title and H1 disagree, confusing both users and search engines.

How to check an SEO preview

Method 1: Use an SEO optimizer

The fastest route is an automated check. Paste your draft title, meta description and URL into the SEO Optimizer and it renders an approximate Google-style snippet plus flags length and pixel issues. URL analysis fetches the live page and checks the actual tags.

Method 2: Browser devtools

Open the page, view source, and find the <title> and <meta name="description"> tags. Count characters: aim for 50-60 in the title and 150-160 in the description. Then resize your browser to roughly 600px wide to see how mobile truncation behaves.

Method 3: Social preview tools

Paste your URL into a social preview debugger (LinkedIn Post Inspector, Facebook Sharing Debugger, X Card Validator) to see the exact card that will be shared. Fix missing og:image, og:title and og:description tags there.

A good vs bad example

Bad title (78 chars): "How to Check an SEO Preview Before You Publish Your Blog Post or Landing Page Today" Good title (58 chars): "How to Check an SEO Preview Before You Publish"

Bad description (190 chars): "Learn how to preview how your page will look in Google search results and social feeds before publishing, and fix titles, meta descriptions and Open Graph tags that get cut off." Good description (152 chars): "Preview how your page looks in Google and social feeds before publishing. Fix cut-off titles, meta descriptions and Open Graph tags in two minutes."

Quick checklist

• Title 50-60 characters, front-loaded with the main topic.
• Meta description 150-160 characters, with a clear value proposition.
• Title and H1 are aligned but not identical.
• og:title, og:description, og:image present and correct size (1200x630).
• Twitter Card tags present (twitter:card, twitter:title, twitter:description, twitter:image).
• Previewed on both desktop and mobile widths.

Fix order

1. Fix the title first; it has the biggest impact on clicks.
2. Fix the description; it supports the title.
3. Fix Open Graph and Twitter tags; they affect shares and social traffic.
4. Re-check with the SEO Optimizer after each change.

Summary

An SEO preview is the cheapest quality check in SEO. Render the title, description and social card before publishing, trim what gets cut off, and align the title with the H1. Two minutes of previewing saves a month of lost clicks.