OGP & Meta Tag Preview

See exactly how your page appears when it is shared on Google, X (Twitter), Facebook, and LINE — then copy the meta tags that fix what is missing. Free, no signup.

What is OGP (Open Graph)?

Open Graph Protocol (OGP) is a small set of <meta> tags you put in the <head> of a web page. They tell other services — social networks, chat apps, and increasingly AI assistants — the title, description, and image to use when your link is shown as a card.

When someone pastes your link into X, Facebook, LINE, Slack, or Discord, that platform reads your Open Graph tags and builds a preview card. If the tags are missing, the card falls back to whatever it can scrape, which is often a bare, unappealing link with no image. Twitter (X) uses a closely related set called Twitter Cards; most sites set both.

Why it matters — for clicks and for AI

A rich card with a clear title, a one-line description, and a 1200×630 image gets far more clicks than a plain URL. That is the direct, human reason to get OGP right.

There is a second reason that is easy to miss: the same title and description meta tags are among the first things large language models and AI search engines read to understand what a page is about. Clean, accurate Open Graph tags make your page easier for both people and AI to summarise correctly. Getting them wrong — or leaving them empty — means a machine has to guess.

How to use this tool

  1. Paste the full URL of the page you want to check.
  2. Read the preview cards to see how Google, X, Facebook, and LINE will render your link.
  3. Look at the missing-tags list to see exactly what is absent.
  4. Copy the ready-to-paste meta block and add it inside your page’s <head>. Replace the image placeholder with a real 1200×630 image.
  5. Re-check to confirm the card now looks the way you want.

The tags that matter

These are the Open Graph and Twitter Card tags this tool looks for and generates:

og:title
The headline shown on the card. Keep it under about 60 characters.
og:description
A one- or two-line summary. Aim for 60–160 characters.
og:image
The preview image. Use 1200×630 pixels for the large summary card.
og:url
The canonical URL of the page, so shares point to the right address.
og:type
Usually "website" for a page or "article" for a post.
og:site_name
The name of your site, shown alongside the card.
twitter:card
Use "summary_large_image" to get the big-image card on X.

Frequently asked questions

Is this OGP checker free?
Yes. Paste a URL and get the preview, the missing-tags list, and ready-to-paste code with no signup and no credit card.
What image size should og:image be?
Use 1200×630 pixels for the large card that X, Facebook, and LINE prefer. Smaller images may be cropped or shown as a small thumbnail.
My tags look right but the old card still shows. Why?
Platforms cache Open Graph data. After you update the tags, use the platform’s own debugger (for example Facebook’s Sharing Debugger) to force a refresh.
Do Open Graph tags help with AI search?
They help. The title and description you set are among the signals AI assistants and AI search engines use to understand and summarise your page. They are one part of a bigger picture — run the free 10-point check for the rest.