Start a project

Tool 20 of 29 · SEO

Meta & Social Previewer

See how a page will look in Google, on X, on LinkedIn and in iMessage before you publish it, with length checks and the tags written for you.

Meta & Social Previewer

Your page

Read the tags from existing HTML

Previews

Google

X

LinkedIn

iMessage

Previews are close approximations: each network changes its layout from time to time.

Your tags

Paste into the <head>

01

What it does

Title and description checks, Google, X, LinkedIn and iMessage previews, and ready-to-paste meta and Open Graph tags.

  • Title and description length checks with pixel width
  • Google, X, LinkedIn and iMessage previews
  • Share image size and ratio checks
  • Read tags from existing HTML

02

Private by design

Everything happens in your browser. Nothing you type, paste or upload is sent anywhere, and it keeps working offline once the page has loaded.

03

What you get

Meta, Open Graph and X tags, with a Copy and a Download button on every result.

  • Open Graph
  • X cards
  • Meta description
  • SEO

Why it matters

The title and description are the first thing people see of your page in search results and when it's shared. A title that's cut off mid-word or a share card with no image gets fewer clicks, however good the page is.

Google cuts titles at about 600 pixels wide rather than a set number of characters, and each social network crops images differently. This tool measures the title the way Google does, shows the four places a link is most often seen, and writes the Open Graph and X tags that control them.

How to use it

  1. Type the page title, description and address, or paste existing HTML under Read the tags.
  2. Add the share image to check its size and see it in the previews.
  3. Adjust until the meters are green and nothing is cut off.
  4. Copy or download the tags and paste them into the page's <head>.

FAQ

How long should a title be?

Aim for 30 to 60 characters, and under about 600 pixels wide, which is what Google shows on desktop. Put the words people search for first.

How long should a meta description be?

120 to 160 characters. Google may rewrite it, but a clear, specific description is still used most of the time.

What size should a share image be?

1200×630 pixels (a 1.91:1 ratio), as a JPEG or PNG under 5 MB. Keep text away from the edges in case it's cropped.

Why can't I preview an image from a link?

To keep everything private, this page never loads anything from other sites. Choose the image file instead; the address you type is only used to write the tag.

Work with me

Want a site that gets these right?

I build fast, accessible websites and web apps that pass these checks from day one. Tell me about your project and I'll reply personally with honest next steps.

All developer tools · Back to leej.uk