Web / SEO

Open Graph and Social Preview Generator

Create meta tags for link previews on Facebook, LinkedIn, X/Twitter and general messengers. The generator shows a preview card and creates the matching HTML code for the <head> section of your website.

Create social preview data

Enter a title, description, page URL, image URL and page type. The tool creates Open Graph tags and optional Twitter/X Card tags. All values stay locally in your browser and are not sent to a server.

Generator

The preview helps you check typical link cards for social networks and messengers before adding the tags to your page.

0 characters. A short, clear title usually works best for link cards.

0 characters. The description should summarize the content clearly.

The URL should be absolute and match the final canonical page.

A wide preview image is commonly used for social previews.

Preview

The preview is an approximation. Every platform may crop, cache or display link cards differently.

Facebook

Image preview not loaded

example.com

Page title

Page description

LinkedIn

Image preview not loaded

example.com

Page title

Page description

X / Twitter

Image preview not loaded

Page title

Page description

example.com

General link preview

Image preview not loaded

example.com

Page title

Page description

HTML output

Copy the generated code into the <head> section of your page. Check existing tags first to avoid contradictory values.

Notes

Image URL

The image URL should be publicly reachable. Platforms often cache previews, so changes may appear with a delay.

Title and description

Short and specific text usually works better in link cards than long, generic descriptions.

Page type

website fits normal pages, article fits guides and posts, and product fits product pages.