Open Graph Preview

Open Graph is the metadata protocol that decides how a URL renders when it is shared: og:title, og:description, og:image, og:url and og:type in the page head, with X reading the parallel twitter:card tags. See how your link looks when it is shared on Facebook, X and LinkedIn — the cards and the og: and twitter: meta tags update live as you type. Everything runs in your browser.

Free, no sign-up, no usage limits Runs in your browser — your tags are never uploaded Facebook, X and LinkedIn cards side by side

Preview

Facebook
No image

X / Twitter
No image

LinkedIn
No image

Meta tags

How to use the Open Graph preview

Fill in your page's title, description, image URL and canonical URL, and the three cards redraw to show how the link will look when it is shared. Use an image of about 1200×630 pixels for the large card so it stays sharp on every platform. When the preview looks right, copy the generated og: and twitter: tags and paste them into the <head> of your page.

The cards are an approximation, not a live scrape: the tool never fetches your page. It builds the preview from what you type, trimming the title to 70 characters and the description to 120 in the Facebook and X cards, so the real platforms may cut at slightly different points. The only network request the page makes is your own browser loading the image URL you enter so it can draw it — the images are requested with referrerpolicy="no-referrer", and nothing you type is sent to LK Forge or to any server.

Social platforms cache the first preview they see, so after you publish new tags you may need to refresh them with the platform's own sharing debugger. For a fuller set of SEO and social tags in one place, use the Meta Tag Generator, check the Google-side snippet with the SERP snippet preview, and add structured data with the schema markup generator.

Frequently Asked Questions

What is Open Graph?
Open Graph is a small set of meta tags, added to the head of a page, that tell social platforms how to display a link. Tags such as og:title, og:description and og:image control the headline, summary and image shown in the preview card on Facebook, LinkedIn, Slack, iMessage and most other apps that unfurl links. This preview writes og:type, og:url, og:title, og:description, og:image and og:site_name, which is the set most unfurlers read.
What image size should I use?
Use an image of 1200 by 630 pixels, a ratio of about 1.91 to 1, for the large summary_large_image card. That size looks sharp on high-density screens and is scaled down cleanly by every major platform. Keep important text away from the edges, since some layouts crop slightly.
What is the difference between Open Graph and Twitter Cards?
Open Graph is read by most platforms, including Facebook and LinkedIn. X reads its own twitter: tags, such as twitter:card and twitter:image, but falls back to the Open Graph tags when they are missing. Providing both gives you the most control, which is why this tool outputs the og: and twitter: tags together.
Why is my preview not updating on Facebook or LinkedIn?
Platforms cache the preview the first time a link is shared, so edits to your tags will not appear until the cache is refreshed. Re-scrape the URL with the platform's own sharing debugger, such as the Facebook Sharing Debugger or the LinkedIn Post Inspector, to force a fresh fetch of your tags and image. Changing the image filename, or adding a version such as ?v=2 to its URL, also helps, because some caches key on the image URL rather than the page URL.

Related SEO tools

Sitemap Generator

Paste your page URLs and build a valid sitemap.xml with lastmod, changefreq and priority.

SEO

→

Sitemap Validator

Check a sitemap for invalid locs, bad dates, wrong changefreq values and the 50,000-entry limit.

SEO

→

Schema Markup Generator

Build valid JSON-LD for Article, Breadcrumb, LocalBusiness, Product and more.

SEO

→

FAQ Schema Generator

Turn a list of questions and answers into FAQPage JSON-LD ready to paste into your page.

SEO

→

SERP Preview

See how your title and description render in Google, measured in pixels for desktop and mobile.

SEO

→

Readability Checker

Score any text on Flesch Reading Ease, Flesch–Kincaid, Gunning Fog and SMOG as you type.

SEO

→

Keyword Density Checker

Count single words and two- and three-word phrases, with stop words filtered out.

SEO

→

URL Slug Generator

Turn a headline into a clean, lowercase, hyphenated URL slug with accents transliterated.

SEO

→

UTM Builder

Add utm_source, utm_medium and utm_campaign to any URL for a ready-to-share tracking link.

SEO

→

robots.txt Tester

Check whether a given crawler and URL are allowed or blocked by your robots.txt rules.

SEO

→

llms.txt Generator

Write the llms.txt file that tells AI search engines what your site is and what it offers.

SEO

→

AI Crawler Control

Generate robots.txt rules that allow or block AI training and answer-engine crawlers.

SEO

→

Meta Tag Generator

Create SEO title/description, Open Graph and Twitter Card tags with a live preview.

Generators

→

robots.txt Generator

Build a valid robots.txt with allow/disallow rules, crawl-delay and a sitemap URL.

Generators

→

All SEO Tools

Sitemaps, schema, SERP and social previews, readability, and AI-crawler control in one place.

SEO

→