How long should a page title and description be?

Aim for roughly 50 to 60 characters for a title and 150 to 160 characters for a meta description. Google can rewrite or truncate both based on the query.

What image size works for social link previews?

Use a 1200 x 630 pixel image with a 1.91:1 aspect ratio for large Facebook, LinkedIn, X and WhatsApp previews.

Why does the real preview look different?

Each platform measures text in pixels, changes layouts, and may rewrite titles. These cards are an approximation to help you catch obviously long or missing metadata before publishing.

SERP & Social Preview

See how a page title, description and image look in Google search results and when the link is shared on Facebook, LinkedIn, X and WhatsApp.

Page title (44/60)

Meta description (116/160)

Page URL

Site name

Social image URL

Large link previews work best with a public 1200 x 630 image (1.91:1).

Title length: 44 characters - fits the desktop result.

Description length: 116 characters - good length for a search snippet.

Page URL: Previewing complextoeasy.com/tools/serp-social-preview.

Social image: Image URL is set. Use a 1200 x 630 image for large link previews.

Live preview

Approximate platform layout

Complex To Easy

complextoeasy.com › tools › serp-social-preview

SERP & Social Preview Tool | Complex To Easy

Preview how your page title, description and image appear in Google, Facebook, X and WhatsApp before you publish it.

What gets truncated

Google desktop: 44/60 title, 116/160 description.

Google mobile: 44/78 title, 116/130 description.

Facebook / LinkedIn: 44/95 title, 116/200 description.

X / Twitter: 44/70 title.

WhatsApp: 44/65 title, 116/120 description.

These are practical character estimates. Google truncates by pixel width, and social platforms can change fonts, crops and layouts at any time.

Writing a stronger snippet

Lead with the page's main topic instead of the site name.
Make the description useful as a standalone summary, not a list of keywords.
Keep titles unique across pages so results do not compete with each other.
Use a high-contrast 1200 x 630 image with the important subject in the centre.

From preview to published tags

When the preview looks right, generate the actual tags with the Meta Tag Generator and add them to the page head. Then test the live URL in the platform's sharing debugger.

Generate meta tags

Frequently asked questions

What is a SERP snippet?

A search engine results page snippet is the title, URL and description shown for a page in search results. It is generated from your metadata but search engines may rewrite it.

Which tags control social previews?

Open Graph tags such as og:title, og:description and og:image control most link cards. X also reads Twitter card tags when they are present.

Why is the image cropped differently?

Facebook, X and WhatsApp use different card sizes and crop rules. A central subject and a 1.91:1 source image reduce the chance of important details being cut off.

Build custom software with us

From internal tools to full platforms — we deliver end to end.

Start a Project

Was this tool useful?

Runs in your browser — nothing is uploaded.