Open Graph Generator

Amaze SEO Tools provides a free Open Graph Generator that produces complete Open Graph meta tag markup from six simple inputs, giving you the HTML code needed to control your social media share previews without writing a single line of code manually.

When someone shares a link on Facebook, LinkedIn, Twitter, Slack, WhatsApp, or Pinterest, the platform reads Open Graph (OG) meta tags in the page's HTML to determine what title, image, description, and site name to display in the preview card. Pages without OG tags leave the platform to guess — often pulling the wrong image, an incomplete title, or irrelevant text from the page body. Pages with properly configured OG tags control the narrative completely, ensuring every share presents a polished, professional, and clickable preview.

Our generator removes the need to understand meta tag syntax. Fill in your page details, click Generate, and receive clean HTML code that implements the Open Graph protocol correctly — ready for immediate deployment.

Input Fields

Site Title

The first field is labelled "Site Title" where you enter the title of the specific page or piece of content being shared. This becomes the og:title tag — the bold, clickable headline that appears at the top of social share preview cards. Write a concise, compelling title that communicates the page's value and encourages clicks. For example, "10 Proven SEO Strategies for Small Businesses" or "Handcrafted Leather Wallets — Free Shipping Today."

Site Name

The second field is labelled "Site Name" where you enter the name of your overall website or brand. This becomes the og:site_name tag, which platforms display alongside the page title to identify the source — for example, "TechCrunch," "Your Company Blog," or "Sarah's Kitchen." The site name provides brand recognition and context, telling viewers which website the shared content comes from.

Site URL

The third field is labelled "Site URL" where you enter the canonical URL of the page. This becomes the og:url tag — the definitive address that the share preview links to. Enter the full URL including the protocol — for example, https://www.yoursite.com/blog/post-title. Using a canonical URL ensures that all social engagement (likes, shares, comments) consolidates under a single address rather than splitting across URL variations.

Select Type

A dropdown labelled "Select type" with the default set to "Website". This generates the og:type tag, which tells platforms what kind of content the page represents. Common options include:

• Website — The default type for general web pages, homepages, and landing pages.
• Article — For blog posts, news articles, editorials, and written content pieces.
• Product — For e-commerce product pages and individual item listings.
• Profile — For personal profile pages and about-me pages.
• Video — For pages primarily featuring video content.
• Music — For music-related content, albums, and audio pages.

Selecting the correct type helps platforms format the preview appropriately and provides semantic context about your content.

Number of Images

A field labelled "Number of Images" with a green "+" button that lets you add image URLs. Enter the full URL of each image you want to include in the OG markup — for example, https://www.yoursite.com/images/share-image.jpg. The primary image becomes the og:image tag that platforms display as the visual centrepiece of the share preview card. You can add multiple images by clicking the "+" button, giving platforms alternative image options to choose from.

For best results, use images that are at least 1200 × 630 pixels with a 1.91:1 aspect ratio. Always use absolute URLs (starting with https://), not relative file paths.

Meta Description

A textarea labelled "Meta description" with the placeholder "Up to 200 characters." Enter a brief, engaging summary of the page content. This becomes the og:description tag — the supporting text displayed beneath the title and image in share preview cards. Write one to two sentences that summarise the page's value proposition and encourage the viewer to click through. Keep it within 200 characters to avoid truncation across platforms.

reCAPTCHA (I'm not a robot)

Below all fields, tick the "I'm not a robot" checkbox to pass the security verification before generating the code.

Action Button

Generate (Blue Button)

After completing all desired fields and the reCAPTCHA, click "Generate" to produce the Open Graph meta tag code. The output contains properly formatted HTML meta tags that you can copy and paste directly into the <head> section of your webpage.

How to Use Open Graph Generator – Step by Step

1. Open the Open Graph Generator on the Amaze SEO Tools website.
2. Enter the site title — the headline you want to appear in social share cards.
3. Enter the site name — your brand or website name for source identification.
4. Enter the site URL — the canonical page address the share should link to.
5. Select the content type — choose the category that best describes your page.
6. Add image URLs — enter your share image address and click "+" to add more if needed.
7. Write a meta description — a compelling 200-character summary of the page.
8. Tick the reCAPTCHA and click "Generate" to produce the code.
9. Copy the generated HTML and paste it into your page's <head> section.
10. Verify the implementation using the Open Graph Checker by Amaze SEO Tools to confirm tags are correctly detected.

What the Generated Code Looks Like

The generator produces a set of HTML meta tags following the Open Graph protocol specification. For a typical page, the output resembles:

<meta property="og:title" content="Your Page Title Here" />
<meta property="og:site_name" content="Your Brand Name" />
<meta property="og:url" content="https://www.yoursite.com/page" />
<meta property="og:type" content="website" />
<meta property="og:image" content="https://www.yoursite.com/image.jpg" />
<meta property="og:description" content="A compelling summary of your page content." />

Each tag uses the property attribute with the og: prefix and a content attribute containing your specified value. The code is ready to paste directly into your HTML — no further formatting or modification needed.

Why Open Graph Tags Matter

Control Your Social Media Appearance

Without OG tags, social platforms guess at what to display when your link is shared — often grabbing the wrong image, a truncated headline, or irrelevant body text. OG tags give you complete control over the share preview, ensuring every share presents your content exactly as you intend it to appear.

Increase Click-Through Rates on Social Shares

A professionally crafted share card with a compelling image, clear title, and enticing description generates significantly more clicks than a plain URL or an auto-generated preview with a mismatched image. Better previews mean more traffic from every share your content receives.

Expand Your Search Listing's Visual Footprint

While OG tags primarily affect social media, the effort of crafting strong titles and descriptions for social sharing also improves your overall content quality signals — and the share image can appear in Google's image search results and knowledge panels in certain contexts.

Consolidate Social Engagement

The og:url tag ensures that likes, shares, and comments from different URL variations all count toward a single canonical address. Without it, engagement may split between www and non-www versions, HTTP and HTTPS variations, or URLs with and without trailing slashes.

Real-World Use Cases

1. Launching a New Blog Post or Article

Before publishing and promoting a new article, generate OG tags that include a custom share image, an attention-grabbing title, and a summary designed to drive social clicks. This ensures the very first share of your content — whether by you or a reader — displays a polished preview.

2. Optimising E-Commerce Product Pages

Each product page should have unique OG tags displaying the product image, name, and a short description that entices viewers to click through and purchase. Generic site-wide OG tags fail to showcase individual products when customers share their favourites with friends.

3. Creating Landing Page Campaigns

Marketing campaigns driven by social media sharing need landing pages with tailored OG tags. The share image and title should match the campaign's visual branding and messaging so that shared links reinforce the campaign narrative rather than displaying disconnected default metadata.

4. Building a Portfolio or Personal Brand Site

When your portfolio page is shared on LinkedIn or Twitter, the OG tags determine whether viewers see a professional preview showcasing your best work or a generic default. Custom OG images featuring your headshot, brand colours, and tagline make shared links instantly recognisable.

5. Setting Up OG Tags for Static HTML Pages

Websites built without a CMS or SEO plugin require manually written OG tags. The generator produces the exact HTML you need to paste into static pages, eliminating syntax errors and ensuring full protocol compliance.

6. Configuring Unique Previews for Each Page of a Site

Rather than using the same share image and description across your entire website, generate unique OG tags for each important page — homepage, about page, key service pages, and top content pieces. This ensures every share is contextually relevant to the specific page being shared.

7. Preparing Content for Messaging Platform Shares

Links shared in WhatsApp, Telegram, Slack, and Discord groups all display OG-based preview cards. For content frequently shared in group chats — event pages, product launches, job postings — well-crafted OG tags ensure the preview communicates the key information before the recipient even clicks.

Open Graph Generator vs Open Graph Checker

These two Amaze SEO Tools work as complementary partners:

• Open Graph Generator (this tool) — Creates OG meta tag code from your inputs. Use it when building new pages or adding OG tags for the first time.
• Open Graph Checker — Fetches and displays the OG tags already present on a live page. Use it to verify that your generated tags are correctly implemented after deployment.

The recommended workflow: generate your OG tags with this tool, add them to your page, publish, and then verify with the Open Graph Checker to confirm everything is working correctly.

Image Best Practices for og:image

• Minimum size: 1200 × 630 pixels. This ensures the image displays as a large, attention-grabbing preview card on Facebook, LinkedIn, and other platforms. Smaller images may appear as tiny thumbnails.
• Aspect ratio: 1.91:1. This is the standard ratio for social media link preview cards. Images with different ratios may be cropped unpredictably.
• Use absolute URLs only. OG image tags must contain full URLs starting with https://. Relative paths like /images/photo.jpg will not work because external platforms cannot resolve them.
• Keep file size under 5 MB. While platforms accept large images, files under 1 MB load faster in preview cards and display more reliably across all platforms and connection speeds.
• Design images with text overlay in mind. If your share image includes text, keep it centred and away from the edges — platforms may crop the image slightly, and text at the borders risks being cut off.

Frequently Asked Questions

Q: What Open Graph tags does the generator create?

A: The tool generates og:title, og:site_name, og:url, og:type, og:image (one or more), and og:description — the core set of OG tags needed for professional social media share previews across all major platforms.

Q: Where do I paste the generated code?

A: Insert the meta tags inside the <head> section of your webpage's HTML — between the opening <head> and closing </head> tags. If using a CMS like WordPress, you can paste the code through an SEO plugin, a custom HTML header widget, or the theme's header code injection setting.

Q: Can I add more than one image?

A: Yes. Click the green "+" button next to the Number of Images field to add multiple image URLs. The first image is treated as the primary share image, and additional images give platforms alternatives to display or offer users a choice in some sharing contexts.

Q: What is the difference between Site Title and Site Name?

A: Site Title (og:title) is the specific title of the individual page being shared — like an article headline or product name. Site Name (og:site_name) is the name of your overall website or brand — like your company name. Both appear in the share preview but serve different roles.

Q: Which content type should I select?

A: Choose "Website" for general pages and homepages, "Article" for blog posts and news pieces, "Product" for e-commerce product pages, and "Profile" for personal or about-me pages. When in doubt, "Website" is a safe default that works for any page type.

Q: How do I verify my OG tags are working?

A: After adding the generated code to your page, use the Open Graph Checker by Amaze SEO Tools to inspect the live tags, or use Facebook's Sharing Debugger at developers.facebook.com/tools/debug/ to see exactly how Facebook renders your share preview.

Q: Do I need OG tags if I already have Twitter Card tags?

A: It is best to have both. While Twitter/X can fall back to OG tags when Twitter Card tags are absent, other platforms (Facebook, LinkedIn, Slack, WhatsApp) rely exclusively on OG tags. Implementing OG tags ensures coverage across all social and messaging platforms.

Q: Is my data stored or shared?

A: No. The information you enter and the generated OG tag code are not saved, logged, or transmitted to any third-party service. The generation runs entirely within the tool interface.

Create professional Open Graph meta tags for any webpage — use the free Open Graph Generator by Amaze SEO Tools to craft compelling social share previews with custom titles, images, and descriptions that drive clicks across Facebook, LinkedIn, Twitter, WhatsApp, Slack, and every platform that displays link previews!