Social Tools
Open Graph Generator
Generate Open Graph and Twitter Card meta tags for any page. Fill in the fields, see a live social preview, and copy the complete HTML block.
<!-- Open Graph --> <meta property="og:title" content="My Awesome Page" /> <meta property="og:description" content="A short description that appears when this page is shared on social media." /> <meta property="og:image" content="https://apps.astroworldmc.com/astroworld-logo.png" /> <meta property="og:url" content="https://example.com/page" /> <meta property="og:site_name" content="My Website" /> <meta property="og:type" content="website" /> <!-- Twitter / X Card --> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:title" content="My Awesome Page" /> <meta name="twitter:description" content="A short description that appears when this page is shared on social media." /> <meta name="twitter:image" content="https://apps.astroworldmc.com/astroworld-logo.png" />
How Open Graph works
When you share a URL on social media, the platform's crawler fetches the page and reads the og: meta tags to display a rich preview card with a title, description, and image.
Frequently asked questions
What are Open Graph tags?
Open Graph tags are HTML meta tags that control how a URL is displayed when shared on social media like Facebook, LinkedIn, and messaging apps.
Do Twitter and X use Open Graph?
X (Twitter) has its own twitter:card tags but also falls back to og: tags if Twitter tags are missing. Using both ensures broad compatibility.
What image size is recommended?
1200×630 pixels is the recommended size for Open Graph images. Use at least 600×315 for acceptable quality. Most social platforms crop to roughly 1.91:1 ratio.
Where do I put these tags?
Place them inside the <head> element of your HTML page. They must be present at page load — client-side rendering is not detected by most crawlers.