ToolJutsu
All tools
Web & SEO Tools

Open Graph Generator

Generate Open Graph tags for rich social previews.

38 / ~60
121 / ~110

Recommended size: 1200×630 pixels (1.91:1 ratio).

Link preview

How the page looks when shared on Facebook, LinkedIn or Slack.

TOOLJUTSU.COM

Privacy-First Online Tools — ToolJutsu

A fast, free collection of developer and SEO tools that run entirely in your browser. Nothing you enter is ever uploaded.

Generated code

Paste these tags inside the <head> of your page.

<meta property="og:title" content="Privacy-First Online Tools — ToolJutsu" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://tooljutsu.com/" />
<meta property="og:image" content="https://tooljutsu.com/og-cover.png" />
<meta property="og:description" content="A fast, free collection of developer and SEO tools that run entirely in your browser. Nothing you enter is ever uploaded." />
<meta property="og:site_name" content="ToolJutsu" />
<meta property="og:locale" content="en_US" />
Processed on your device. We never see your files.

How to use Open Graph Generator

What this tool does

The Open Graph Generator builds the block of <meta property="og:..." /> tags that decides how your page looks the moment someone shares its link. Fill in a title, description, page URL, image URL, content type, site name and locale, and the tool assembles valid, ready-to-paste markup. As you type, a live link-card preview shows the image, headline, description and domain laid out the way Facebook and LinkedIn render them — so you can see the result before the tag ever reaches your site. Copy the generated code with one click and drop it into the <head> of your page.

Open Graph is the protocol, originally created by Facebook, that almost every major platform now reads: Facebook, LinkedIn, Slack, WhatsApp, Discord, Pinterest, iMessage and more. Set the tags once and a single, controlled preview follows your link everywhere.

Why it matters for SEO

Open Graph tags do not directly change your Google rankings, but they have a real, measurable effect on the traffic SEO is meant to produce. A shared link with a crisp custom image, a clear title and a tidy description is far more clickable than a bare URL or an auto-picked thumbnail of a random logo. Higher click-through on social shares means more visits, more time on page, and more of the engagement signals and backlinks that genuinely move organic rankings.

There is also a control argument. Without Open Graph tags, the platform guesses — grabbing whatever image and text it can scrape, often the wrong ones. With them, every share of your page looks deliberate and on-brand. For content marketing, where a single post can be shared thousands of times, that consistency compounds.

How to use it

  1. Enter your og:title — the headline for the card. Keep it close to 60 characters so it is not truncated.
  2. Write a short og:description, ideally around 110 characters, summarising the page in one sentence.
  3. Paste the canonical og:url of the page — the full address including https://.
  4. Paste an og:image URL. Use a 1200×630-pixel image hosted on a public, crawlable URL.
  5. Pick the og:type (website, article, product, profile or video) and set og:site_name. Adjust og:locale only if your audience is not en_US.
  6. Check the live preview, then copy the generated code into your page’s <head>.

SEO best practices

Always supply an absolute og:image URL — a relative path will not resolve when a crawler fetches it from another domain. Match og:url to your canonical URL so all social signals consolidate on one address rather than scattering across query-string variants. Use article for blog posts and news so platforms can show richer metadata, and website for home and landing pages. Keep the image text large and legible, because cards are often viewed on phones at small sizes. Finally, validate every important page in Facebook’s Sharing Debugger before you promote it.

Common mistakes to avoid

The most frequent error is a missing or wrongly sized image: no og:image means a blank or low-quality card, and an oddly shaped one gets cropped awkwardly. Another is using a relative image path, which silently fails for external crawlers. Watch for stale caches — after editing tags, force a re-scrape rather than assuming the change is live. Avoid stuffing the title or description with keywords; social cards reward clarity, not density. And do not forget that Open Graph does not replace your standard <title> and meta description, which still control your Google search snippet.

Privacy & your data

Everything here happens inside your browser. The tool is plain JavaScript: the titles, descriptions, URLs and image links you enter are processed locally and never sent to a server, never logged, and never stored between visits. The live preview loads your image URL directly from its host into your own browser, exactly as a normal web page would. There is no account, no tracking and no upload — when you close the tab, nothing about your input remains anywhere.

Frequently asked questions

What size should an Open Graph image be?
Use 1200×630 pixels — that is the 1.91:1 ratio Facebook, LinkedIn and Slack crop to, and it stays sharp on high-density screens. Keep the file under about 5 MB and avoid putting important text near the edges, since some platforms trim a few pixels. PNG and JPG both work; a JPG is usually smaller for photographic covers.
How long should the og:title and og:description be?
Aim for an og:title of roughly 60 characters and an og:description of around 110 characters. Facebook and LinkedIn truncate longer text with an ellipsis, so a front-loaded, self-contained title and a one-sentence description survive the cut. Treat the limits as guidance, not hard rules — clarity matters more than hitting an exact count.
Do I still need a regular <title> and meta description?
Yes. Open Graph tags only control how a link looks when shared on social platforms; they have no effect on what Google shows in search results. The standard element and still drive your search snippet, so keep both. Open Graph tags are an addition, not a replacement.
Why doesn't my new image show when I share the page?
Facebook and LinkedIn cache the first card they fetch for a URL, sometimes for days. After changing your tags, run the URL through the platform's official debugger (Facebook's Sharing Debugger or LinkedIn's Post Inspector) and use its 'scrape again' option to force a refresh. Until the cache clears, shares keep showing the old preview.
Is the data I enter kept private?
Yes. This generator runs entirely in your browser using JavaScript. The titles, descriptions and URLs you type are never uploaded, logged or stored on a server, and the image preview loads the image URL directly from its host to your browser. Close the tab and nothing remains.

Related tools

Twitter Card Generator

Generate Twitter Card markup for your pages.

Meta Tag Generator

Generate SEO meta title, description, and keyword tags.

Schema Markup Generator

Generate JSON-LD structured data markup.

Canonical URL Builder

Build canonical URL tags to avoid duplicate content.

Image Compressor

Shrink image file size while keeping quality high.

Slug Generator

Generate clean, SEO-friendly URL slugs.