OGP Tag Generator (Auto output og:title/og:image etc.)
Enter URL, title, description, and image URL. Generate Open Graph + Twitter Card meta tags together.
Fetch runs directly in your browser (CORS limits apply).
Вхід
1) Core info
Choose website or article.
2) Twitter Card
Collapsible / On by default
Include Twitter Card tags
- • If twitter:title is empty, use og:title.
- • If twitter:description is empty, use og:description.
- • If twitter:image is empty, use og:image.
3) Advanced
Open only if you need to fine-tune.
Accessibility text. X indicates up to 420 characters.
Adding width/height can help crawlers render faster. (Facebook Developers)
Use ISO 8601 if needed.
Generated meta tags
Перегляд
Налаштування
Використання / Приклади
- Fill in URL, title, description, and image URL.
- Choose og:type and (optionally) Twitter Card settings.
- Copy the generated tags and paste into <head>.
Enter URL + title + image, then copy the recommended set.
Notes & tips
What is OGP?
OGP (Open Graph Protocol) lets social platforms read your page title, description, and image.
By setting og:title/og:description/og:image, you can control how shared links appear.
Twitter Cards (X) use similar metadata and can fall back to OG tags.
Image size guidance (to stabilize previews)
- • Minimum 200×200.
- • For better display, 1200×630 or larger; at least 600×315 is referenced. (Facebook Developers)
- • A ratio close to 1.91:1 helps avoid cropping (approximate, not strict).
- • File size guidance includes 8MB or less.
- • summary_large_image supports 2:1 ratio; minimum 300×157, max 4096×4096. (X Developer)
- • File size under 5MB and common formats (JPG/PNG/WEBP/GIF) are referenced.
When changes don’t show up (cache & re-fetch)
- • SNS crawlers cache OG data. Use each platform’s debugger/inspector to re-fetch. (Facebook Developers)
- • If you replaced the image but it won’t update, the image URL itself may be cached; change the filename or add a query string.
- • Adding og:image:width/height can improve render stability. (Facebook Developers)
Поширені запитання
Include Twitter Card tags too?
Yes. twitter:card and related tags can be generated together. X can fall back to OG tags, so minimal setups still work. (X Developer)
Recommended image size?
As a guide, Meta suggests 1200×630 or larger (minimum 600×315) and a ratio close to 1.91:1. X’s summary_large_image has a different ratio and minimums. Choose the target platform.
Preview doesn’t update
Most often it’s cache. Re-fetch via debuggers/inspectors, and if you changed the image, use a new image URL.