# SERP & social preview

_Source: https://seomatrix.ai/tools/serp-preview/_

---

## What it does

A SERP snippet preview shows exactly how a page's title tag and meta description will render in Google's results, and how its Open Graph card looks when the link is shared on social or chat apps — flagging titles that get truncated and descriptions that run past the pixel and character limits. This matters because the snippet is the first thing both human searchers and AI answer engines see: a title cut off mid-phrase or a missing description lowers click-through and weakens the summary a model quotes when it cites the page.

## What it checks

- **title pixel width** — Google truncates titles by rendered pixel width (around 580px), not character count, so a title that fits on desktop can be cut on mobile and hide the keyword.
- **meta description length** — Descriptions beyond roughly 155-160 characters get cut off with an ellipsis, so the check confirms the key message survives the truncation.
- **Open Graph tags** — og:title, og:description and og:image control the card shown on Facebook, LinkedIn, Slack and messengers; when they are missing the platform guesses, often badly.
- **og:image presence and ratio** — The preview image, ideally 1200x630, is the largest clickable element of a social share, so a missing or wrong-ratio image collapses the post to a bare link.
- **X (Twitter) card via Open Graph** — X falls back to og:title and og:image when the twitter:card and twitter:title tags are absent, so the same Open Graph tags this tool previews also shape the card shown on X.

## How to use it

1. Paste your page URL and run the preview to see the live Google snippet and social card side by side.
2. Review the flagged items — a title over the pixel limit, a truncated description, or missing Open Graph and og:image tags.
3. Fix the title, meta description and OG tags in your page head, then re-run to confirm the snippet renders in full.

## FAQ

### How long should a title tag be for Google?

Aim for under about 580 pixels — roughly 50-60 characters — so the title isn't cut on desktop or mobile, and place your primary keyword and brand where they'll survive the trim.

### Why does my page show no image when shared on LinkedIn or Facebook?

The platform reads the og:image tag; if it's missing, points to a broken URL, or has the wrong ratio, the share collapses to a plain link. Add a 1200x630 og:image and re-scrape the page.

### Does the meta description affect ranking?

Not directly — Google often rewrites it — but a clear, complete description raises click-through and gives AI answer engines a clean summary to quote, so it's worth getting right.

### What's the difference between the Google snippet and the Open Graph card?

The Google snippet (title + description) is what appears in search results; the Open Graph card (og:title, og:description, og:image) is what appears when the URL is pasted into social or chat apps. They use different tags, and this tool previews both.