What are Open Graph meta tags?

Open Graph (OG) tags are HTML meta tags defined by Facebook's Open Graph protocol. They tell social platforms what title, description, and image to display when a URL is shared. They are now supported by Facebook, LinkedIn, Slack, Discord, and many other platforms.

What is the recommended OG image size?

The recommended size is 1200x630 pixels (1.91:1 aspect ratio). This size renders well on both desktop and mobile across Facebook, LinkedIn, and Twitter.

Do Open Graph tags affect Google ranking?

No, OG tags do not directly affect Google rankings. However, pages with compelling OG tags get shared more on social media, which can drive traffic and indirectly benefit SEO.

What is the difference between OG tags and Twitter Card tags?

Open Graph tags are used by Facebook, LinkedIn, and most social platforms. Twitter Card tags are specific to Twitter/X. They overlap significantly, but Twitter has a few unique properties like twitter:card type.

Browse tools

Free · Fast · Privacy-first

Open Graph Meta Tags Generator

When someone shares your page on Facebook or LinkedIn, Open Graph tags determine what title, image, and description appear. Without them, social platforms guess — usually poorly. FixTools generates the correct OG tags for any page instantly.

⚡ Use Tool Now How it works

Cost: Free forever
Sign-up: Not required
Processing: In your browser
Privacy: Files stay local

⚡

Generates all essential OG properties

🔒

Image dimension guidance (1200x630px recommended)

✨

Facebook and LinkedIn compatible

SEO Tool

Meta Tags

All processing happens in your browser — your files are never uploaded to any server.

🚀Open Meta Tags

100% Free · No account · Works on any device

How to use this tool

💡

Enter your page URL, title, description, and image URL to generate a complete set of Open Graph meta tags.

How It Works

Step-by-step guide to open graph meta tags generator:

1
Enter your page URL
Provide the canonical URL of the page you are adding OG tags to. This becomes the og:url value.
2
Set the title, description, and image
Enter the og:title (up to 95 characters), og:description (up to 200 characters), and the URL of your 1200x630px og:image.
3
Choose the page type
Select the correct og:type — "website" for general pages, "article" for blog posts, "product" for e-commerce items.
4
Generate, copy, and deploy
Generate the OG tag HTML, copy it, and paste it inside the <head> of your page. Test using Facebook's Sharing Debugger after deploying.

Real-world examples

Common situations where this approach makes a real difference:

Blog post social share fix

A blogger notices their articles share with no image on LinkedIn. They generate OG tags with the correct image URL and description, and shares immediately start displaying correctly.

Product launch page

A marketing manager generating buzz for a product launch adds OG tags with a professionally designed 1200x630 campaign image to ensure the announcement looks polished when shared by employees and press.

News site template update

A developer updates the article template for a news site to include dynamic OG tags pulling from each article's featured image and excerpt, fixing hundreds of pages at once.

When to use this guide

Use this before publishing any page that will be shared on social media, or to fix broken social sharing previews on existing pages.

Pro tips

Get better results with these expert suggestions:

Use a 1200x630px image for best results

Facebook and LinkedIn both render OG images at roughly 1200x630 pixels. Using this aspect ratio ensures your image displays correctly without cropping on any platform.

Set og:type correctly

Use "article" for blog posts and news content, "product" for e-commerce items, and "website" for homepages and generic pages. The correct type unlocks additional structured metadata.

Test with Facebook Debugger

After deploying OG tags, paste your URL into the Facebook Sharing Debugger (developers.facebook.com/tools/debug/) to see exactly how it will appear and to clear any cached previews.