Zain Ul Abdin logo
Tell me what's stuck

Open Graph Tags Generator (100% FREE)

This open graph tags generator makes shared links easier to recognize. Enter your page details and get copy ready Open Graph tags for social previews, then check the text and image URL before adding the code.

Make shared links easier to recognize.

Free, no signup. Runs in your browser, nothing is sent anywhere.

A public image you already have, ideally 1200 × 630.

Runs in your browser. Your image URL is only written into the tags; it isn't loaded or checked.

Add the page title and URL. Your meta tags build here as you type.

How it works

How to use the Open Graph Tags Generator in three steps.

  1. Step 1

    Add the basics

    Add your page title and its full URL.

  2. Step 2

    Add a description and image

    Add a short description and a real preview image if you have one.

  3. Step 3

    Paste and test

    Copy the tags into your page's head and test the live link.

Open Graph fields including title, description, and image are composed into a readable social sharing card.

Examples

Open Graph tags, for real pages.

Illustrative pages. The tags only ever contain what you enter.

  1. A blog index

    Input: Title Marketing Guides, URL https://example.com/blog, description Practical research and guides for growing a small business. No image was given, so no og:image tag is added.

    Resultog:title, og:description, og:url and og:type website.

  2. An article with an image

    Input: Article title, URL, description and https://example.com/img/cover.jpg, type article. A real image makes the preview clearer.

    ResultFull OG set plus og:image and a summary_large_image X card.

  3. A long title

    Input: A 120 character page title. Shorter titles show in full more often.

    ResultTags generated, with a warning that platforms may cut the title short.

Good to know

Social previews, explained.

  1. What are Open Graph tags?

    Open Graph metadata helps social networks and messaging apps understand a page's title, description, image and type. Real previews vary, because each platform fetches and caches metadata in its own way.

  2. Use an actual preview image

    Give a publicly accessible image URL that represents the page. The generator never creates an image or promises a particular crop. Without an image, platforms may pick their own fallback.

FAQ

Questions, answered.

What is Open Graph metadata?

Page tags many platforms use to build link previews.

Do I need an OG image?

It isn't required to generate tags, but a relevant, accessible image makes previews clearer.

Are OG tags the same as SEO title tags?

No. Social preview tags and the search result title element do different jobs.

Why does my old social preview still appear?

Platforms cache metadata. Use their debugging tools to refresh it and allow some time.

Will the preview look identical on every platform?

No. Cropping, text limits and caching differ between services.

Where do I add these tags?

In the page's head section, or through your framework's metadata settings.

Keep going

More free tools for the next step.

Explore all free tools

Links not getting clicks? Let's change that.

I help brands get more from every post and share.

See social media services