OG Title Generator
Generate the og:title meta tag
from your page title.
Open Graph Generator
This Tool provides a simple way to create Open Graph meta tags for websites and blogs, allowing you to control how your content appears when shared on social media.
Preview
Your Image Preview will appear here...
example.com
Your Title Here
Your description will appear here...
Meta Tags
FREE ONLINE OPEN GRAPH GENERATOR — NO SIGN UP REQUIRED
Open Graph Generator
Create Open Graph Meta Tags for Your Website
Generate Open Graph meta tags for your web pages and control how your content can appear when shared on supported social platforms and messaging services.
Useful for bloggers, developers, SEO professionals, marketers, content creators, agencies, and website owners who want better social sharing previews.
100% Free
Instant Generation
Social Sharing SEO
Browser Based
Quick Tool Overview
The All Free Tool's Open Graph Generator helps you create Open Graph meta tags for individual web pages without writing each tag manually.
Enter details such as your page title, description, URL, image, site name, and other supported Open Graph properties. The generator then creates the corresponding HTML meta tags for your page.
Open Graph tags can help supported platforms understand which title, description, image, and URL to use when your page is shared.
About the Open Graph Generator
What Is Open Graph?
Open Graph is a protocol that uses metadata in a web page's HTML to describe how content should be represented when shared through supported social networks and other services.
Why Use Open Graph Tags?
Open Graph metadata can provide platforms with specific information about a page, including its title, description, URL, content type, and preview image.
Important Open Graph Tags
Common Open Graph properties include og:title,
og:description,
og:image,
og:url, and
og:type.
The exact metadata needed can depend on the page and
the platform using it.
How the Open Graph Generator Works
Enter the relevant information for your web page. The generator uses those values to create the corresponding Open Graph HTML meta tags, which you can copy into the head section of your page.
Improve Social Sharing Previews
Providing accurate Open Graph metadata gives supported platforms clear information about your content and can help produce more consistent link previews when your pages are shared.
Key Features
OG Description
Create the og:description metadata
for your page sharing information.
OG Image URL
Add the image URL used for supported social sharing previews.
OG URL
Generate the canonical page URL property for your Open Graph metadata.
OG Type
Specify the Open Graph content type appropriate for your page.
Site Name
Add the site name property when it is relevant to your Open Graph implementation.
Ready-to-Copy HTML
Generate formatted meta tags that can be copied directly into your page HTML.
Social Sharing Optimization
Prepare important metadata for more consistent link previews on supported platforms.
Developer Friendly
Quickly generate Open Graph markup without manually writing every property.
Browser Based
Use the generator directly from your browser without installing additional software.
How to Use the Open Graph Generator
Follow these simple steps to create Open Graph meta tags for your web page.
Enter Your Page Title
Enter the title you want associated with your page when it is shared through supported platforms.
Pro Tip: Keep the title accurate and closely aligned with the actual page content.
Add the Page Description
Enter a concise description that explains what users can expect from the shared page.
Pro Tip: Write a useful description for people, not simply a collection of keywords.
Enter the Page URL
Provide the full URL of the page that the Open Graph metadata describes.
Pro Tip: Use the exact page URL you want associated with the shared content.
Add the Social Image
Enter the URL of the image you want supported platforms to use for the link preview.
Pro Tip: Use a publicly accessible image URL that is appropriate for your page.
Select the Content Type
Select the appropriate Open Graph content type when the generator provides that option.
Pro Tip: Choose a type that accurately represents the content of the page.
Add Optional Metadata
Add supported optional properties such as site name or other relevant Open Graph information.
Pro Tip: Only add metadata that accurately represents your page.
Generate the Meta Tags
Generate the Open Graph HTML markup from the information you entered.
Pro Tip: Review the generated values before adding them to your website.
Copy the Generated Code
Copy the generated Open Graph meta tags from the output area.
Pro Tip: Keep the generated markup together with your page metadata for easier maintenance.
Add the Tags to Your Page
Place the generated Open Graph meta tags inside the head section of the appropriate HTML page.
Pro Tip: Make sure the tags are added to the page they actually describe.
Test Your Social Preview
After publishing the changes, verify how the page is represented when shared through the platforms you care about.
Pro Tip: Social platforms may cache previews, so updated metadata may not appear immediately.