Skip to content
ToolsNest

Open Graph preview and meta tag generator

Enter a title, description, URL and image to see an approximate share card, then copy the ready-made Open Graph and Twitter meta tags for your page.

Share-card preview (approximate)
No image URL

example.com

Your page title

Your description appears here.

Meta tags to paste into your <head>

Your text is processed in your browser as you type. It is not sent to ToolsNest servers or stored after you leave the page.

How to use the Open Graph Preview

  1. 1Fill in your page details.
  2. 2Check the share-card preview.
  3. 3Copy the meta tags into your page's <head>.

Supported formats and limits

  • Generates og:title, og:description, og:url, og:image, og:site_name and Twitter card tags.
  • The preview is approximate — each platform crops and caches cards differently.
  • Values you type are not sent anywhere.

Common uses

  • Setting up share cards for a new site.
  • Checking a title's length before publishing.
  • Generating Twitter card tags.

Frequently asked questions

Why does the real share card look different?

Platforms cache aggressively and apply their own cropping. Use their official validators after deploying your tags.

Related tools

UTM Link Builder

Build campaign tracking links with utm_source, medium and campaign.

Open tool

Text to Slug Generator

Turn titles into clean, URL-friendly slugs.

Open tool

HTML Escape / Unescape

Escape <, >, & and quotes for safe HTML, or unescape entities.

Open tool