Toolspica
Toolspicaby Hostspica

Open Graph Tag Generator

Generate OG Tags for Rich Social Media Previews

Need to use Open Graph Tag Generator right now?

Controls exactly how your page's link preview looks when shared on Facebook, LinkedIn, or Slack, instead of leaving it to guesswork.

No sign-upNo uploads 100% free

Generated tags

<meta property="og:type" content="website" />
<meta name="twitter:card" content="summary_large_image" />

Features

  • Runs entirely in your browser
  • Privacy-first — your data is never uploaded
  • Real-time, instant results
  • 100% free, no sign-up required
  • Works on desktop, tablet, and mobile
  • No installation needed

Who uses this tool?

SEO specialistsContent marketersWeb developersSmall business owners

People also search for

Open Graph GeneratorMeta Tag Generator toolRobots.txt Generator toolSitemap Generator toolKeyword Density Checker tool

About Open Graph Tag Generator

Open Graph tags control how your page looks when it's shared on Facebook, LinkedIn, Slack, iMessage, and most other platforms that generate a link preview card — the title, description, and image that show up automatically. Get these wrong or leave them out entirely, and shared links show an ugly blank card or pull the wrong content from your page.

This tool builds a complete set of Open Graph meta tags from a simple form, and shows a live preview card as you type so you can see roughly how your link will actually look when shared, before you ever publish it. The recommended 1200×630 image size is called out directly, since undersized or oddly-cropped images are one of the most common Open Graph mistakes.

It also includes the Twitter Card meta tag needed for large-image previews on X specifically, since Open Graph tags alone aren't always sufficient there. Whether you're launching a new landing page, sharing a blog post, or setting up social previews for a product page, this generator handles the full correctly-formatted tag set in one pass.

How it works

  1. Fill in your page details. Title, description, image URL, and page URL.
  2. Preview the share card. See roughly how the link will look when shared.
  3. Copy the meta tags. Paste into your page's <head> section.

Examples

Setting up a blog post preview

Input

Title, description, 1200×630 image

Output

A complete og: meta tag set plus a live preview card

Frequently asked questions