🔗

Link Preview Generator

Preview and generate Open Graph link cards for Twitter, Facebook, LinkedIn, Discord, and Slack.

Preview

example.com
Example Site - 100+ Free Online Tools
A collection of free online tools for developers, designers, and creators. Convert, compress, generate, and more - all in your browser.

Platform Style

Link Preview Settings

Recommended: 1200x630px (1.91:1 ratio)

HTML Meta Tags

<meta property="og:url" content="https://example.com" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Example Site - 100+ Free Online Tools" />
<meta property="og:description" content="A collection of free online tools for developers, designers, and creators. Convert, compress, generate, and more - all in your browser." />
<meta property="og:site_name" content="Example Site" />
<!-- Add og:image for preview image -->

<!-- Twitter Card -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Example Site - 100+ Free Online Tools" />
<meta name="twitter:description" content="A collection of free online tools for developers, designers, and creators. Convert, compress, generate, and more - all in your browser." />

Features

  • • Preview how links appear on Twitter, Facebook, LinkedIn, Discord, and Slack
  • • Customize title, description, and preview image
  • • Download preview images for documentation or testing
  • • Generate Open Graph meta tags for your website

About this tool

Preview how a link will look when shared on social platforms, customize the OG title/description/image, and copy ready-to-use meta tags.

Key Features

  • ✓ 5 platform styles
  • ✓ Custom image/favicon
  • ✓ OG meta tag export