FAHAQ

Open Graph Generator

Generate Open Graph tags with a live preview card.

Social card preview
fahaq.com
Free Online Tools — FAHAQ
A growing collection of fast, private, free tools. No accounts, nothing uploaded.
Open Graph tags
<meta property="og:type" content="website" />
<meta property="og:title" content="Free Online Tools — FAHAQ" />
<meta property="og:description" content="A growing collection of fast, private, free tools. No accounts, nothing uploaded." />
<meta property="og:url" content="https://fahaq.com" />
<meta property="og:image" content="https://fahaq.com/og.png" />
<meta property="og:site_name" content="FAHAQ" />
ShareXFacebookLinkedInWhatsAppRedditEmail

Free Open Graph generator. Fill in the title, description, URL, image and type to generate og: meta tags for rich link previews, with a live social card preview. Copy and paste into your <head>.

What Open Graph tags do

Open Graph (OG) tags are <meta property="og:..."> tags that control how your URL appears when shared on Facebook, LinkedIn, WhatsApp, Slack and most other platforms. Without them, a shared link renders as a bare URL or a randomly-chosen image and blurb. With them, you control the title, description and preview image — which directly affects share click-through.

OG tags aren't a Google ranking factor, but the social traffic and links they help earn indirectly support SEO.

The essential tags

Four tags cover most cases:

<meta property="og:title" content="Best Running Shoes 2026">
<meta property="og:description" content="12 shoes tested and ranked for road, trail and race day.">
<meta property="og:image" content="https://example.com/img/shoes.jpg">
<meta property="og:url" content="https://example.com/best-running-shoes">

Also useful: og:type (website, article, product) and og:site_name. For the image, use an absolute URL and a 1200×630 JPG/PNG (1.91:1) for the large preview.

Common mistakes

  • Relative og:image URLs — crawlers can't resolve them; always use https://.
  • Images too small or the wrong ratio, so platforms crop or skip them.
  • Missing og:image entirely, leaving a blank grey card.
  • Forgetting that platforms cache scraped tags — use the platform's debugger (e.g. Facebook Sharing Debugger) to force a refresh after changes.
  • Assuming Twitter/X uses OG for everything — it reads Twitter Card tags first, then falls back to OG.

How to use the Open Graph Generator

  1. 01Enter the og:title, description, URL and image.
  2. 02Pick the og:type and site name.
  3. 03Check the live social card preview.
  4. 04Copy the Open Graph tags into your page <head>.

Frequently asked questions

What image size should I use for og:image?

A 1200×630 pixel image (1.91:1 ratio) is the recommended size for large link previews on Facebook, LinkedIn and most platforms.

Do Open Graph tags help SEO?

They don't affect rankings directly, but they control how your links look when shared, which improves click-through and reach on social platforms.