Meta Tag & OGP Generator
Enter a page title, description, URL, and OGP image, and the tool instantly generates the basic tags (<title>, <meta name="description">, …), Open Graph tags (og:title, …), and Twitter Card tags. Only tags for the fields you fill in are output, so there are no empty attributes cluttering the result. Paste the generated HTML directly into your page's <head>. If you need a placeholder image sized for OGP testing, the Placeholder Image Generator can help.
🔒 Runs in your browser · Your data is never sent to a server
Page info
Share preview
Notes
- A field left empty produces no corresponding tag — the tool never outputs an empty `content` attribute.
- The recommended OGP image size is about 1200×630px (a 1.91:1 aspect ratio), which also matches the Twitter Card `summary_large_image` format.
- Since this site never makes network requests, the share preview's image area only displays the URL you entered — it does not actually load the image. After publishing, verify the real appearance with each platform's own debugging tool (e.g. the Facebook Sharing Debugger).
- Characters like `<` and `"` in your input are automatically escaped so the generated HTML stays valid.
Glossary
OGP (Open Graph Protocol)
A specification that controls how a shared URL appears on platforms like Facebook and X (Twitter) — as a card with a title, description, and image. Declared in `<head>` via `<meta property="og:...">` tags.
Twitter Card
Meta tags that control how a shared link is displayed on X (Twitter). `twitter:card` selects the layout, such as summary or summary_large_image.
canonical URL
When the same content is reachable at multiple URLs, this link tells search engines which one is the authoritative version: `<link rel="canonical" href="...">`.
FAQ
What is the recommended OGP image size?
About 1200 × 630 px (aspect ratio 1.91:1). The Twitter/X summary_large_image card expects roughly the same ratio.
What happens to fields I leave empty?
Only tags for filled-in fields are output; tags with empty content attributes are never generated.
Does the share preview match the real appearance?
Not exactly. Because the tool makes no network requests, it only shows the image URL without loading it. Check the real result with each platform's official debugger after publishing.
Share this page