Ahreon

Open Graph & Social Tags

Create Open Graph and Twitter Card tags so links look great when shared on social media.

SEO Tools INPUT → OG TAGS
Loading tool…

Files are processed in your browser. Nothing is uploaded to a server.

When someone pastes your link into Facebook, LinkedIn, WhatsApp, Slack or X, those platforms look for Open Graph and Twitter Card tags to build the preview card — the title, description and image people actually see. Without them you get a bare, uninviting link.

This tool generates a complete set of social tags from a single form, including the Twitter-specific equivalents, so your shares look intentional everywhere.

How to create social preview tags

  1. Enter the page title and description you want shown on the card.
  2. Paste the full URL of the page and the absolute URL of your share image.
  3. Pick a content type (most pages are website or article) and a Twitter card style.
  4. Copy the tags into your <head> and validate with the platform’s sharing debugger.

Image sizes that look best

Platform Recommended image Aspect ratio
Facebook / LinkedIn 1200 × 630 px 1.91 : 1
X (Twitter) large card 1200 × 628 px 1.91 : 1
X (Twitter) summary 400 × 400 px 1 : 1
WhatsApp / Slack 1200 × 630 px 1.91 : 1

Tip: keep important text away from the edges, since some apps crop the preview slightly.

What you get

  • Open Graph tags (og:title, og:description, og:image, og:url, og:type).
  • Matching Twitter Card tags for a consistent look on X.
  • Properly escaped output that validates in social debuggers.
  • A live preview hint so you can sanity-check the copy before publishing.

Frequently asked questions

My image is not showing when I share. Why?
Use an absolute URL (starting with https://), an image at least 600 px wide, and re-scrape the link in the platform’s debugger to clear its cache.
Do I need both Open Graph and Twitter tags?
X will fall back to Open Graph tags, but adding Twitter-specific tags gives you control over the card type and looks more polished.
Where do these tags go?
Inside the <head> section of the page, the same place as your other meta tags.