Open Graph Preview

When you share a link on Facebook, LinkedIn, WhatsApp or Slack, the app reads Open Graph tags to build a card. Enter your values (or paste your page’s <head> HTML) to preview a generic card and catch missing images or overly long text before you publish.

…or preview a local image
Approximate preview. Real search and social layouts vary by device, language and platform updates.

Runs entirely in your browser. Your input and files are not uploaded to any server.

How to use

  1. Enter title, description, URL and an image (URL or local file), or paste existing HTML and press Read tags.
  2. Review the preview and the warnings.
  3. Copy the og: tags into your page.

Examples

Product launch

Check that the 1200 × 630 image is not cropped awkwardly before the announcement.

Existing page

Paste the page source to see which og: tags are missing.

Privacy

Runs entirely in your browser. Your input and files are not uploaded to any server. See the privacy policy for what is stored in your browser (favorites and history only). Privacy policy

Check it yourself: open your browser’s developer tools, select the Network tab and use the tool. Your file never appears in an upload request. Once this page is saved for offline use, you can also disconnect from the internet and keep working. Ads and anonymous visit statistics, when enabled, make their own requests, but they never receive your files or text.

Frequently asked questions

Does this fetch my live page?

No. Browsers block reading other sites’ HTML from a web page, and we do not use a server. Paste the HTML or type the values yourself. If you enter an image URL, your browser loads that image directly to display it.

What image size works best?

1200 × 630 pixels (about 1.91:1) is widely recommended. Keep important content away from the edges because some apps crop to a square.

Is this exactly what Facebook shows?

No. It is a neutral approximation. Each platform styles and truncates cards differently and changes them over time.

Related tools

All SEO Tools
Twitter / X Card PreviewPreview a summary or large-image card for X (Twitter), check text and image guidance, and generate the twitter: meta tags.
Meta Tag GeneratorGenerate clean HTML meta tags for a page: title, description, canonical, robots, Open Graph and Twitter Card tags, with length guidance.
Image ResizerResize JPG, PNG and WebP images to exact pixel dimensions or a percentage, with optional aspect-ratio lock.
Favicon GeneratorGenerate a complete favicon set from an image or a letter: favicon.ico, 16–512 px PNGs, Apple touch icon, web manifest and HTML tags, in one ZIP.

Search tools