What are Open Graph tags?

Open Graph (og:) meta tags tell social platforms what title, description, and image to show when someone shares your page. Without them, platforms guess from your page content and the preview often looks broken or empty.

Why does my link preview look wrong on social media?

Usually the page is missing og:image, og:title, or og:description, or the image is the wrong size. Each platform also crops and truncates differently. This tool shows you all seven major platforms side by side so you can fix it before you post.

Is this social preview tool free?

Yes, 100% free with no ads and no signup. Everything runs in your browser. Your text and any image you drop in never leave your device.

How do I add the meta tags to my store or page?

Click Copy meta tags and paste the generated block into the section of your page's HTML. On Shopify and most platforms you can add it to your theme's theme.liquid head, or via an SEO app that supports custom head code.

See how your link looks before you share it

A broken or empty preview kills clicks. Drop in your title, description, and image to see exactly how your store or product page appears on X, Facebook, LinkedIn, Discord, Google, Slack, and WhatsApp — then copy the meta tags that make every share look right.

Free · No signup · Runs in your browser · Your data never leaves your device

Your page details

Paste a live URL to auto-fill, or fill the fields in by hand. The previews update live.

Auto-fill from a live page (optional)

We read the page's existing Open Graph / Twitter tags. Nothing is stored.

Title og:title 0

Description og:description 0

Image og:image

Drag & drop an image, or browse

Preview only — local images stay on your device.

Site name og:site_name

Page URL og:url

X / Twitter card type twitter:card

Large image = full-width banner. Summary = compact thumbnail beside the text.

X site handle twitter:site

X author handle twitter:creator

Live previews

Updating live

X (Twitter)

yourstore.com

Your title goes here

Facebook

YOURSTORE.COM

Your title goes here

Your description preview.

Your title goes here

yourstore.com

Discord

Your Store

Your title goes here

Your description preview.

Google (search result)

Your Store https://yourstore.com › products

Your title goes here

Your description preview.

Slack

Your Store

Your title goes here

Your description preview.

WhatsApp / iMessage

Your title goes here

Your description preview.

yourstore.com

Tag health check

Audits the tags a crawler would read

What's present, what's missing, and what to fix before you share.

Copy your meta tags

Paste this into the <head> of your page.

Why your link preview matters for sales

When a customer shares your product on X, drops it in a Discord server, or you post it to a LinkedIn audience, the social platform pulls a title, description, and image from your page's Open Graph tags. Get those tags right and your link shows up as a polished, clickable card. Get them wrong and it shows up as a bare URL or a cropped, blurry image, and people scroll past.

Every platform crops and truncates differently. X shows a single title line over a wide banner. Facebook shrinks your title to two lines and shouts the domain in caps. LinkedIn hides the description entirely. Discord keeps the most text of all. Google, Slack, and WhatsApp each render their own way too. This tool lets you check all seven at once so a title that looks fine on your store doesn't get chopped in half where it counts.

Use a 1200×630 image for the best result everywhere, keep your title under about 60 characters, and write a description that earns the click. Then copy the generated tags into your page and re-share with confidence.

See how your link looks before you share it

Your page details

Live previews

Tag health check

Copy your meta tags

Why your link preview matters for sales

Frequently asked questions