Create Open Graph meta tags for a webpage’s title, description, canonical URL, content type, site name, and preview image. Copy the generated HTML into your page’s head section.

What this tool can do

• Title and description: set the text displayed in supported sharing previews.
• Canonical page URL: provide the absolute URL for the shared page.
• Preview image: optionally add a publicly accessible image URL.
• Content type and site name: include common Open Graph properties.
• Copy-ready HTML: generate meta elements for your page.

How to use the open graph generator

1. Enter the page title, description, and absolute URL.
2. Add a preview image URL and site name if needed.
3. Choose the content type.
4. Click Generate Meta Tags and copy the output.
5. Add the tags to the page head and test the URL with the relevant platform’s sharing debugger.

Important notes

• Use accurate text that matches the page content.
• Use an absolute image URL that can be accessed publicly.
• Social platforms may cache previews, so changes might not appear immediately.

Frequently asked questions

What are Open Graph tags?

Open Graph tags describe a page’s title, description, URL, image, and type for services that use the Open Graph protocol.

Where do I add the tags?

Place them in the HTML head section of the relevant page, or use your CMS or SEO plugin’s social metadata settings.

Why is the old image still showing?

A social platform may have cached the previous preview. Use its sharing debugger or refresh tool where available.

Do Open Graph tags improve Google rankings directly?

They primarily control supported sharing previews and are not a direct Google ranking factor.

Related free tools

➜ Customizer Settings Generator Tool
➜ Widgets Generator Tool
➜ HTML Formatter
➜ CSS / JS Minifier Tool