Skip to main content
SiteIndex
DeveloperReady to use

OGP Tag Generator

Generate Open Graph and Twitter/X meta tags from a title, description, image, and URL.

Guide

Interactive workspace

No account required
OGP Tag Generator

Generate Open Graph and Twitter/X meta tags from a title, description, image, and URL.

Reads the page's existing Open Graph and Twitter tags and fills the form below.

Images (og:image) — up to 10

Image 1 (primary)

Twitter Card

Common-mistakes check

Title is setPass
Title is 60 characters or fewerPass
Description is setPass
Description is 160 characters or fewerPass
At least one og:image is setFix
Image URLs are absolute public HTTPS URLsCheck
First image has width and height (1200x630 recommended)Check
First image has alt textCheck
Page URL is an absolute HTTPS URLPass
Twitter card type is selectedPass
Add an image URL or upload a local image to preview the crop.
www.siteindex.app · Facebook
SiteIndex — Free Online Tools
Fast, free online tools for checking websites, networks, domains, and data.

Large-card crop simulation: 1200×630. Recommended source image: 1200×630. Actual previews vary by app, device, and cache.

How to use it

  1. Enter a page-specific title, description, and absolute page URL.
  2. Add your own public image URL and resolve the field warnings.
  3. Copy the escaped tags into your page head and check the platform previews.
What is OGP Tag Generator?

Generate Open Graph and Twitter/X meta tags from a title, description, image, and URL.

How it works

SiteIndex builds a complete set of Open Graph and Twitter/X meta tags from the title, description, image URL, page URL, and type you enter, with a live social preview.

Common uses
  • Generate the meta tags needed for a new page's social preview.
  • Standardize Open Graph tags across a set of pages.
  • Preview how a page will look before writing the tags into your template.
Limitations
  • Results depend on the browser, network, input, and external service involved.
  • This tool is informational and does not replace specialist diagnostics or professional advice.
Frequently asked questions
Do I need both Open Graph and Twitter tags?
Most platforms read Open Graph tags, and X/Twitter can fall back to them. Adding both gives more explicit control over your preview.
Why is the image field blank?
You must choose your own public image URL. Missing image tags are omitted and flagged so a sample SiteIndex image cannot be published by accident.
Are preview tabs exact replicas of social apps?
No. They simulate common large-card crops. Actual previews vary by app, device, cache, and platform policy.

Related tools

OGP Checker
Fetch a public page and review its Open Graph and Twitter/X card tags with a social preview.
OGP Image Simulator
Preview how a title, description, and image will look as a shared social link card.
Heading Extractor
Fetch a public page and list its title, meta description, and H1–H6 heading structure in order.
HTML Escape / Unescape
Escape HTML special characters into entities or unescape entities back into raw HTML text.
Meta Tag Generator
Create escaped page title, description, canonical, robots, viewport, and optional author tags.