Tool
What the Open Graph Generator does
Open Graph Generator: generates Open Graph tags from og:title, og:description and og:url. Example: og:title How to Choose a Mortgage in 2026, og:image (1200×630 recommended) https://example.com/og/mortgage.png and og:site_name Example gives open graph tags <meta property="og:type" content="website"> <meta property="og:title" content="How to Choose a Mortgage in 2026">….
The inputs are og:title, og:description, og:url and og:image (1200×630 recommended); the output is Open Graph tags. Adjust anything and the figures re-derive on the spot.
Most people who open the Open Graph Generator are anyone tuning a snippet. What Google displays is rarely exactly what you wrote, and the difference costs clicks.
Nothing is sent to a server, which means you can safely check drafts and staging content.
The field reference, the method and a worked example using the default inputs follow the tool itself.
What do the Open Graph Generator fields mean?
The Open Graph Generator uses 6 inputs. The page opens in a usable state: real values in, real answer out, ready to edit.
| Field | What to enter | Default |
|---|---|---|
| og:title | required | How to Choose a Mortgage in 2026 |
| og:description | paste or type any amount of text | A plain-English walkthrough of fixed vs variable, what lenders actually check, and the fees nobody mentions. |
| og:url | required | https://example.com/blog/choose-a-mortgage |
| og:image (1200×630 recommended) | required | https://example.com/og/mortgage.png |
| og:site_name | optional | Example |
| og:type | choose from website, article, product or profile | website |
How does the Open Graph Generator work?
Each output is derived from the inputs above in a single pass; there is no hidden state carried between runs, so the same inputs always give the same generated output.
Each field is verified before use; failures are reported explicitly rather than swallowed.
Worked example
These are the values the Open Graph Generator loads by default, and the result it produces from them. Below is the same computation the tool performs on load, step by step.
| og:title | How to Choose a Mortgage in 2026 |
|---|---|
| og:description | A plain-English walkthrough of fixed vs variable, what le… |
| og:url | https://example.com/blog/choose-a-mortgage |
| og:image (1200×630 recommended) | https://example.com/og/mortgage.png |
| og:site_name | Example |
| og:type | website |
| Open Graph tags | <meta property="og:type" content="website"> <meta property="og:title" content="How to Choose a Mortgage in 2026">… |
|---|
The one dimension platforms actually agree on
Facebook, LinkedIn and most other Open Graph consumers converge on the same recommended image size: 1200×630 pixels, a 1.91:1 ratio. Below roughly 600×315, several platforms will decline to render a large-image card at all.
Worth knowing
- LinkedIn reads standard Open Graph tags rather than maintaining its own tag family. There is no separate set of LinkedIn-specific meta tags to add.
- Facebook and LinkedIn both cache the preview the first time a URL is shared. Changing og:image or og:title afterward will not update links already shared until the cache is forced to refresh (Facebook’s Sharing Debugger, LinkedIn’s Post Inspector). Editing the live tag alone is not enough.
- og:url should point at the canonical version of the page. Sharing a URL with tracking parameters attached can fragment the cached preview and share count across several cached versions of what is really one page.
- Without an og:image, most platforms fall back to a bare text link with no card at all. Of every Open Graph tag, the image is the one whose absence is most visible to an end user.
Read next: Title Tags and Meta Descriptions: What Still Matters
How to use it
- Key in og:title.
- Paste your content into og:description.
- Type og:url.
- Enter og:image (1200×630 recommended).
- Set og:site_name.
- Pick a value for og:type: the options are website, article, product or profile.
- There is nothing to click. The answer keeps pace with your edits.
- Read Open Graph tags in the results panel.
- Copy Link when you want to return to this exact configuration; Print when someone needs it on paper.
What this tool does not do
- This inspects the markup you supply; it cannot see server headers or your live rankings.
- Search engines weigh hundreds of signals. No single on-page check predicts position.
- The tool answers exactly the question it is given; it cannot know the context around your numbers.
Frequently asked questions
Only og:title, og:description, og:url, og:image (1200×630 recommended), og:site_name and og:type. Every box already holds a working value, so you can change one value at a time and watch how the result responds.
With the values loaded when the page opens, open graph tags comes out as <meta property="og:type" content="website"> <meta property="og:title" content="How to Choose a Mortgage in 2026">…. Adjust any field to see how much the answer depends on it.
No. Nothing is sent to a server, which means you can safely check drafts and staging content.
No charge. Everything on the page is available without signing in.
It is accurate to the method shown. Rounding only affects what is displayed, never what is computed.