Open Graph Meta Tag Generator
Open Graph Meta Tag Generator
Generate Open Graph meta tags and Twitter Card tags for social media previews. Add your title, description, URL, image, site name, and content type to create copy-ready HTML for WordPress, custom websites, blogs, tools, and landing pages.
Open Graph tags control how your page appears when shared on social media. The most important tags are og:title, og:description, og:url, og:image, og:type, and og:site_name. Twitter Card tags help previews on X/Twitter.
Create Open Graph and Twitter Card tags
Social preview
riazhatvi.com
Open Graph Meta Tag Generator
Generate Open Graph and Twitter Card tags for clean social previews.
Copy-ready meta tags
Your Open Graph and Twitter Card meta tags will appear here.
Add these tags inside the <head> section of your page. In WordPress, SEO plugins may already generate some tags, so avoid duplicate OG tags on the same page.
What is an Open Graph meta tag generator?
An Open Graph meta tag generator creates the HTML tags that tell social platforms how your page should appear when shared. These tags can control the preview title, description, URL, image, content type, and site name.
Good Open Graph tags help your links look cleaner on Facebook, LinkedIn, WhatsApp, Slack, X/Twitter, Discord, and other platforms that show link previews.
How to create Open Graph tags
- Enter the page title, description, page URL, and image URL.
- Choose the content type, locale, and Twitter Card type.
- Click “Generate Meta Tags”.
- Copy the generated HTML tags.
- Paste them into the page head or configure them in your SEO plugin.
Recommended Open Graph image size
A common Open Graph image size is 1200 × 630 pixels. This gives a wide preview format that usually looks good across major social platforms. Keep the image clear, branded, and readable on mobile.
- Use a strong title or visual hook.
- Keep text large enough to read on mobile.
- Use a full HTTPS image URL.
- Avoid tiny, low-quality, or blocked images.
Common use cases
- Create social preview tags for WordPress pages.
- Generate OG tags for landing pages and tool pages.
- Create Twitter Card tags for blog posts and guides.
- Preview how a shared link may look before publishing.
- Prepare meta tags for custom HTML websites.
Related free tools
FAQ
What are Open Graph tags?
Open Graph tags are HTML meta tags that help social platforms understand the title, description, image, URL, and type of a webpage when it is shared.
Where do I add Open Graph meta tags?
Add Open Graph meta tags inside the head section of your HTML page. In WordPress, you can also add them through SEO plugins or theme settings.
What is the best OG image size?
A common recommended size is 1200 × 630 pixels because it works well for large social media link previews.
Do I need Twitter Card tags too?
Twitter Card tags help control link previews on X/Twitter. They are useful when you want a stronger preview with title, description, and image.
Does this tool store my page data?
No. This tool runs in your browser. Your title, URL, description, and image URL are not uploaded or stored on WordPress or Hostinger.
Can duplicate OG tags cause issues?
Yes. If your SEO plugin already adds Open Graph tags, avoid adding duplicate tags manually because platforms may read the wrong version.
Need more SEO and developer tools?
Use free browser-side tools for Open Graph tags, URL slugs, JSON formatting, image compression, schema, and website optimization.