What does the kitchen timer example emit?

Title Kitchen timer is 13 characters, under the 60 soft limit. Description A free browser timer for cooking. is 33 characters. Image https://utilihub.net/og/kitchen.jpg yields twitter:card summary_large_image and no errors.

Does this fetch the image?

No. The snippet is built locally. A 200 response and the real dimensions are not checked.

Why does a missing image warn on summary_large_image?

That card expects og:image and twitter:image. The tags are still emitted, with an image-missing warning. Switch to summary if you have no image.

Open Graph tag generator

Build Open Graph and Twitter card meta tags in the browser, with length and absolute-URL checks.

Title (13/60)Description (33/200)Canonical URLAbsolute image URLSite name

og:typetwitter:cardog:locale

No warnings. The image is not fetched.

<meta property="og:title" content="Kitchen timer" />
<meta property="og:description" content="A free browser timer for cooking." />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://utilihub.net/tools/kitchen-timer" />
<meta property="og:image" content="https://utilihub.net/og/kitchen.jpg" />
<meta property="og:site_name" content="UtiliHub" />
<meta property="og:locale" content="en_US" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Kitchen timer" />
<meta name="twitter:description" content="A free browser timer for cooking." />
<meta name="twitter:image" content="https://utilihub.net/og/kitchen.jpg" />

Loading tool…

Recommended next step

Related developer tools

After using Open Graph tag generator, continue with Cron expression generator.

Open next

Tools selected to complete the same task.

4 steps

Cron expression generatorBuild a 5-field cron expression, explain each field, and preview the next local runs.DeveloperRandom generators

Gitignore generatorBuild a .gitignore from Node, Python, macOS, VS Code, and Next.js stacks without uploading the file.DeveloperRandom generators

JSON to TypeScriptTurn a JSON sample into TypeScript interfaces in the browser.DeveloperJSON & dataRandom generators

PWA manifest generatorBuild a web app manifest from name, start URL, display mode, and colors. Empty name does not invent a file.DeveloperJSON & dataColor

Tool guide

Open Graph tag generator: how it works

Practical information to understand the result and use this tool correctly.

About Open Graph tag generator

Open Graph tags are what Facebook, LinkedIn, Slack, and WhatsApp read for a link preview. Twitter cards use a parallel set of name attributes.

This generator only writes the HTML snippet. It does not fetch og:image, so a broken image URL still looks valid here.

og:title is warned past 60 characters and og:description past 200. Relative image or page URLs are rejected because crawlers resolve them inconsistently.

How to use it

1Enter the title, description, canonical URL, and absolute image URL.
2Pick website or article, and summary or summary_large_image.
3Copy the meta tags and paste them in the page head.

Frequently asked questions

What does the kitchen timer example emit?: Title Kitchen timer is 13 characters, under the 60 soft limit. Description A free browser timer for cooking. is 33 characters. Image https://utilihub.net/og/kitchen.jpg yields twitter:card summary_large_image and no errors.
Does this fetch the image?: No. The snippet is built locally. A 200 response and the real dimensions are not checked.
Why does a missing image warn on summary_large_image?: That card expects og:image and twitter:image. The tags are still emitted, with an image-missing warning. Switch to summary if you have no image.