Free Open Graph Tag Generator for Websites

Enter your page details below, and it will generate OG meta tags automatically. Click Copy button to copy the tags and use them in your website's section.

Fill in required fields.

Title

Site Name

Site URL

Description

Type

Number of Images

Code

Copy your code.

<meta property="og:title" content="">
<meta property="og:site_name" content="">
<meta property="og:url" content="">
<meta property="og:description" content="">
<meta property="og:type" content="">

Your SEO Tip of the DayCompress images and optimize them for faster loading times.

Turbo Open Graph Generator

Ever shared your website on Facebook or LinkedIn, only to see a broken or boring preview? That’s where Open Graph tags come in.

You Might Like: How to Run a Full Website SEO Audit for Free (Step-by-Step Guide)?

In this beginner-friendly guide, you’ll learn exactly how to generate Open Graph tags for your website, even if you don’t know a single line of code.

Let’s make your website look amazing on social media!

What Are Open Graph Tags?

Open Graph tags are small pieces of HTML code that help you control how your website appears when someone shares it on social media like Facebook, LinkedIn, or Twitter.

Think of OG tags as your site’s “preview settings” for social platforms.

Here are the most important ones:

og:title – The title that shows up in the preview
og:description – A short summary of your page
og:image – The image people see when your link is shared
og:url – The full page link

If you want to see your current OG tags or check if they exist, you can try our Open Graph Checker.

You Might Like: Top 10 Social Media Strategies That Skyrocket Your SEO

Why Should You Use Open Graph Tags?

Adding Open Graph tags helps you:

✅ Control how your content appears on social media

✅ Show the right image, title, and description

✅ Make your links more clickable

✅ Boost shares, clicks, and traffic

Without OG tags, social media might pick up random content—or show nothing at all. That means fewer clicks and a less professional appearance.

You Might Like: How to make use of YouTube SEO to rank better?

Need help writing a perfect description? Use our Meta Description Generator to create SEO-optimized summaries for your OG tags.

How to Generate Open Graph Tags for Your Website (No Coding Needed)

The easiest way to create OG tags? Use a free generator tool.

Here’s how to do it:

Step 1: Go to https://www.turboseotools.com/open-graph-generator

Step 2: Enter your page title, description, image URL, website link, Select your website type

Step 3: Click on the Copy button to copy the generated OG code

You Might Like: How to Write Effective Content for Social Media

Step 4: Paste it into the <head> section of your site’s HTML

Done! Your site is now ready for social sharing.

If your image is not hosted online yet, you can use our Image to Base64 Converter to embed it directly in the tag.

Want to Add Tags Manually? (Optional)

Here’s an example of what OG tags look like in raw HTML:

<head>
  <meta property="og:title" content="Your Page Title" />
  <meta property="og:description" content="A short description of the page." />
  <meta property="og:image" content="https://yourwebsite.com/image.jpg" />
  <meta property="og:url" content="https://yourwebsite.com/page-url" />
</head>

✅ Make sure your image is at least 1200 x 630 pixels.
To clean up your HTML or escape special characters, use our HTML Encoder before placing it into your code.