OneWebDesk

Open Graph Tag Generator

Generate Open Graph and Twitter card meta tags.

When you share a link on Facebook, LinkedIn, Slack, KakaoTalk or X (Twitter), the platform reads the Open Graph (og:) and Twitter Card (twitter:) meta tags inside your page's <head> to build the preview card — title, description and thumbnail. Without these tags the title and image may be guessed incorrectly, or the card may render empty.

This generator turns a few fields — title, description, URL, image and more — into a ready-to-paste block of meta tags. Everything runs in your browser and nothing you type is sent to a server. After adding the tags to your page's <head>, verify the result with each platform's official debugger.

Generated meta tags
<meta property="og:type" content="website" />
<meta name="twitter:card" content="summary_large_image" />

What each tag does

A social preview is usually built from these fields. Empty values are omitted from the output automatically.

  • og:title — the bold headline on the card. Keep it under ~50-60 characters to avoid truncation.
  • og:description — the supporting line below the title. Around 110 characters works well.
  • og:url — the canonical, absolute URL of the content being shared.
  • og:image — the absolute URL of the thumbnail; it largely decides preview quality.
  • og:type — the page type. Use website for generic pages, article for posts/news.
  • og:site_name — the name of your site or brand.
  • twitter:card — the X card shape: summary_large_image for a big image, summary for a small thumbnail.

Recommended image: 1200×630

Most platforms render large cards at a 1.91:1 aspect ratio. The standard recommended size is 1200×630, and you generally need at least 600×315 to qualify for a large card. Use an absolute image URL (starting with https://) and keep files under ~5MB as JPG or PNG. If you place text in the image, keep it centered because the edges can be cropped.

Cache busting: scrapers remember the old result

Social platform scrapers cache the metadata they fetch for several days, so editing your tags often leaves the preview looking unchanged. When that happens, force a re-fetch with each platform's official debugger.

  1. Facebook: paste the URL into the Sharing Debugger and click "Scrape Again".
  2. X (Twitter): re-check the URL in the Card Validator.
  3. LinkedIn: clear the cache with the Post Inspector.
  4. KakaoTalk: caching is slow, so appending a query like ?v=2 to create a fresh URL is a common workaround.

After adding the tags, check how the live share card looks with the Open Graph preview. Title and description length also affect search snippets, so review your meta description length too.

Frequently asked questions

Can og:image be a relative path?
No. og:image must be an absolute URL beginning with https://. Relative paths like /img/og.png are not recognized by most scrapers, leaving the thumbnail blank.
If I omit the twitter tags, will the card break on X?
X falls back to og: tags when twitter: tags are missing. However, the card shape (summary / summary_large_image) is only set by twitter:card, so include it if you want a large-image card.
I edited the tags but the preview is unchanged.
The platform scraper cached the previous result. Force a re-fetch with Facebook's 'Scrape Again' in the Sharing Debugger, the X Card Validator, or LinkedIn's Post Inspector. If it still sticks, append a query string to create a new URL.
Is my input sent to a server?
No. The tool only assembles your values into a string inside your browser and never transmits any data externally.
What should I set og:type to?
Use website for generic pages like landing pages or home pages, and article for content pieces such as blog posts or news. With article, some platforms can show extra info like published time or author.

Related tools

SEO / Indexing