Open Graph tag generator with card preview
Share tags and a card preview, before you publish
example.com
Your share title
The description will appear here, cut where the platform cuts it.
Tags to paste into your page
<meta property="og:type" content="website">
Everything is computed in your browser. Nothing is stored.
A link shared without Open Graph tags shows as bare text, sometimes with an image picked at random from the page. With the right tags it becomes a card: image, title, description, site name. This tool writes the tags and draws the card as each platform will render it, which saves discovering the problem after publishing, when the cache is already set.
How to use it
How it works
Start from the address
Paste the address and press Fetch: the og: tags already in place are read and filled in. On a page that is not live yet, type everything by hand.
Compare the renders
Each network cuts at a different length and imposes its own image format. The preview shows the three main cases.
Copy the tags
The block contains the Open Graph tags and the matching Twitter Card tags, to paste into the head of the page.
Worth knowing
Four things to keep in mind
Image of 1200 by 630 pixels
That is the format that passes everywhere without brutal cropping. A square image is trimmed top and bottom, an image that is too small is ignored and the card shows without a visual.
The image address must be absolute
A relative path does not work: social network crawlers cannot resolve it. The full address, protocol included, is mandatory.
Clear the cache after fixing anything
Each platform remembers the first version it saw. Facebook and LinkedIn offer a refresh tool; without it your correction stays invisible for days.
Text on the image must be big
The card often shows at under four hundred pixels wide in a feed. A title in small type on the visual becomes unreadable, though it looked perfect at design time.
FAQ
Frequently asked questions
X reads Open Graph tags as a fallback, but the twitter:card tag is still needed to choose between a large image and a thumbnail. Both sets are generated together here.
The platform looks for an image in the page, often the logo or the first illustration it finds, and sometimes finds none. The link then shows as text only, with a far lower click-through rate.
Yes. That address receives the shares and the interactions. An address with tracking parameters splits the counters across several versions of the same page.
Yes, as do most messaging apps. WhatsApp does require a much lighter image than social networks, under 300 kilobytes, or the preview stays empty.
Also
Other tools in the same family
Also
What Lokvi does for you
Now imagine all of it running without you
Review collection, replies, posts and loyalty, on your Google Business listing, automatically.
No credit card required: create your account and explore your real data.
14 days free, then 29 €/month, no commitment.