Meta Preview

A focused preview tool that renders your page title, URL, and description exactly as they would appear in Google SERP snippets and as link previews on X (Twitter), LinkedIn, Facebook, Slack, Discord, WhatsApp, and iMessage. Spot truncated titles, missing OG images, or weak descriptions at a glance.

Add to Chrome for free

meta-preview-hero.webp

About Meta Preview

Meta Preview gives you the same unfurled view that search engines and social platforms generate from your page — without having to deploy, share a link in every app, or wait for a cache to refresh. It is the fastest way to verify that your metadata works before it reaches an audience.

Features

See every preview that matters — search, social, and messaging — in one panel.

SERP Preview

See your title tag, URL, and meta description rendered as a Google search result — with character counts and the pixel width for every field. No more guessing where the snippet cuts off.

Social Previews

View how your link unfurls on X, LinkedIn, Facebook, Slack, and Discord — each one renders OG tags differently. Catch a missing og:image or an auto-generated description before sharing.

Messaging App Previews

Preview the unfurled card for WhatsApp and iMessage. Messaging apps use their own heuristics, and a broken preview there looks worse than on a feed.

Tag Audit

A clean list of every og:, twitter:, and standard meta tag on the page. Missing properties, duplicate values, and oversized images are flagged automatically.

How to use

1
Open InspectDev and select Meta Preview from the toolbar.
2
The tool scans the page and renders a Google SERP preview for the current URL.
3
Scroll to see social previews for X, LinkedIn, Facebook, Slack, Discord, WhatsApp, and iMessage.
4
Switch to the Tag Audit view to inspect every meta tag and OG property on the page.
5
Any missing or problematic tags are highlighted — address them directly in your markup.