Omnikit
DevFilesMoneyAll tools
Ctrl K
Dev toolsFile toolsMoney calculatorsAll tools
HomeDeveloper toolsMeta Tag GeneratorOpen Graph Tag Generator

Open Graph Tag Generator

dev

Generate og:title, og:description, og:image and og:url tags

Runs in your browser. Nothing you type is sent anywhere. Updated on 24 Oct 2026.

Open Graph tags are what Facebook, LinkedIn, WhatsApp and Slack read when someone pastes your link into a message. Fill in the title, description and an absolute image address, and this page writes the og: block and draws the card each network would build from it. It also flags the two mistakes that break most cards: a relative image path and a missing og:url.

Next:
  • Open Graph Checker Check the live Open Graph and Twitter card tags of any URL and see what is missing

How to add Open Graph tags to a website

1

The page opens with the Open Graph tags shown on the right.

2

Fill in the Page title, Meta description and Site name.

3

Paste a full https:// address into Share image (og:image); 1200 x 630 pixels works on every network.

4

Fill in the Canonical URL, which is also written as og:url.

5

Press Facebook, LinkedIn and the other chips under Shared link card to check each card, then press Copy.

How Open Graph Tag Generator works

This meta tag generator writes the block of HTML that goes in the head of a page: title, description, canonical, robots, Open Graph and Twitter card tags. You fill in plain fields, and the finished markup appears next to a preview of the Google result and the share card each network would draw from it.

Most people reach for it in two situations. The first is a new page on a hand-built site or a static site generator, where the head has to be written once and correctly. The second is a page that shares badly: the link looks like a bare URL in WhatsApp, or Google prints a sentence nobody wrote. Seeing the preview usually shows the cause in a few seconds, which is normally a relative og:image path or a missing canonical.

Copy the block with one click, or download it as a .html snippet. If you already have a page and want to check what it publishes, use the Open Graph Preview tool instead, and Sitemap Generator once the page is live.

The rest of the article, and all 6 questions about Meta Tag Generator, are on the Meta Tag Generator page.

Frequently asked questions

Do meta keywords still matter?

No. Google stopped using the keywords meta tag in 2009 and Bing treats it as a spam signal. This generator does not write one. Put your keywords in the title, the description and the page text instead, where they are actually read.

What is a canonical tag for?

A canonical tag tells search engines which address is the real one when the same page is reachable at several URLs, for example with tracking parameters or with and without a trailing slash. The value must be an absolute URL, starting with https://, or it is ignored.

Why does my link have no image when I share it?

Almost always a missing or relative og:image. Networks fetch the image from their own servers, so the address must be absolute and publicly reachable. Facebook and LinkedIn also cache old cards, so refresh them in their debugger after fixing the tag.

Do I need both Open Graph and Twitter card tags?

X falls back to og: tags when twitter: tags are missing, so the og block alone works. Add twitter:card if you want the wide image, and twitter:site or twitter:creator if you want the account credited on the card.

Still stuck? Ask about Meta Tag Generator and anybody who knows can answer. No account needed.

More ways to use Meta Tag Generator

  • Meta Tag GeneratorWrite title, description, canonical, Open Graph and Twitter tags with a live preview
  • Meta Description GeneratorWrite a description that fits the snippet instead of being cut off
  • Twitter Card GeneratorBuild summary and summary_large_image card tags for X

Same job, other tools: Open Source License Comparison – Compare MIT, Apache 2.0, GPL 3.0, MPL 2.0, AGPL and more side by side, then make the file.

On the related tools: Cron Expression Generator – Generate a cron expression by choosing when the job should run.

Related tools

All developer tools
License GeneratorMake a LICENSE file: MIT, Apache 2.0, GPL 3.0 and 20 more, with your name and yearGlassmorphism CSS GeneratorFrosted glass CSS with backdrop-filter, the Safari prefix, a fallback and a contrast checkMock Data GeneratorRows of realistic test data as JSON, CSV, SQL or XML, the same every time from one seedUUID GeneratorRandom v4 and time-ordered v7 UUIDs, up to 1,000 at once, plus a validatorHash GeneratorMD5, SHA-1, SHA-256, SHA-384 and SHA-512 of text or files, with checksum compareCron Expression BuilderBuild a cron schedule from menus, read it in plain English, see the next runsSlug GeneratorClean URL slugs from titles, including accented and Hindi text, one or hundreds at onceRobots.txt GeneratorBuild a robots.txt with presets, then check what every line really does

In the collection SEO Tools.

Was this tool helpful?
Omnikit

Small jobs, done in your browser. Free, fast and private. Files are never uploaded.

Files

  • Compress Image
  • Image to PDF
  • Merge PDF
  • Compress PDF
  • PDF to Word
  • Word to PDF

Dev

  • JSON Formatter & Validator
  • Base64 Encode & Decode
  • JWT Decoder, Verifier & Encoder
  • Password Generator
  • UUID Generator
  • Unix Timestamp Converter

Money

  • SIP Calculator
  • EMI Calculator
  • GST Calculator
  • FD Calculator
  • PPF Calculator
  • Lumpsum Calculator
GuidesQuestionsAboutHow we checkLaw library (beta)PrivacyTermsDisclosureContactMore: Exam practice (UGC NET Paper 1)Runs in your browser. Nothing is uploaded. © 2026 Omnikit (theomnikit.com)