How to Use This Tool
Fill in the fields and copy the tags. The generator writes the smallest set that works, resolves your image URL to an absolute one, and previews the card so you can see it before you ship.
Why most twitter: tags are pointless
Twitter's crawler reads Open Graph tags. If twitter:title is missing it uses
og:title; the same holds for description and image. So a generator that emits
twitter:title, twitter:description and twitter:image alongside
the og: versions is duplicating three tags that already work by inheritance.
The one tag Twitter does not infer is twitter:card, which chooses the layout. That is
the tag you actually need. twitter:site and twitter:creator are optional
handles. Everything else, leave to Open Graph.
The absolute-URL trap
This breaks more previews than anything else. A relative image path like /og/bmi.png
works when you load the page, because your browser resolves it against the current URL. A
scraper has no current URL — it is fetching your page from the outside — so a relative path resolves to
nothing and the card comes up blank.
og:image, og:url and the canonical must all be absolute,
including https://. This tool takes your page URL and resolves the image against it
automatically, so you can type a path and get a full URL out.
Titles and descriptions are cut differently per platform
There is no single correct length. Each platform truncates its card at its own width, and the limits change. Rough guidance that ages well: keep the title under about 60 characters and the description under about 110, and put the meaningful part first so a cut tail costs nothing. That is the same front-loading rule that applies to search snippets.
What these tags do and do not do
Open Graph tags control how a link looks when shared. They are not a ranking factor — Google does not rank you higher for having them. What they change is the click: a link with a clear title, description and image is shared and clicked more than a bare URL. That is the whole value, and it is a real one.
Two caveats worth knowing. Platforms cache your card aggressively, so after changing tags you often need each platform's debugger to refresh them — the link will otherwise show the old card for days. And a preview here is an approximation; the platforms restyle constantly, so treat the card above as a sanity check, not a pixel-exact render.
