Open Graph Generator
Generate og: meta tags for rich social media previews
Everything runs in your browser. Your data never leaves your device.
Related tools
How to use
Fill in the Open Graph fields on the left. The output pane shows the corresponding HTML meta tags, ready to paste into your page head.
Enter title, description, and image
The OG title and description are shown in social sharing cards — keep the title under 95 characters and the description under 200. Use an absolute HTTPS URL for the image; a 1200×630 pixel image renders correctly on most platforms.
Set the URL, type, and site name
The og:url should be the canonical URL of the page, not the current URL with query strings. Set og:type to website for most pages or article for blog posts. og:site_name appears in some card layouts.
Copy the output and add it to your page
Click Copy and paste the tags inside the head element of your HTML. Test the result with Facebook's Sharing Debugger or LinkedIn's Post Inspector after deploying.
Examples
Setting up sharing for a blog post
Set og:type to article, og:title to the post headline, og:description to a two-sentence summary, og:image to the featured image URL, and og:url to the canonical post URL. This produces a rich preview card when the link is shared on Facebook or LinkedIn.
Configuring a product page
Use og:type product and set og:image to the primary product photo at 1200×630. Include a brand-specific og:site_name so the card shows your brand name rather than the raw domain. The description should highlight the key selling point in one sentence.
About this tool
Generate Open Graph meta tags that control how your page appears when shared on Facebook, LinkedIn, Slack, Discord, and other platforms that support the OG protocol. Fill in title, description, image URL, page URL, type, site name, and locale, then copy the ready-to-use HTML snippet. Everything runs in your browser.