Enter the details, watch the share card appear.
Overview
When a link is shared on X, Facebook, LinkedIn, Slack or iMessage, a small card appears with an image, title and description, built from the Open Graph tags in your page <head>. Paste a URL and we fetch its tags automatically, or fill the fields in by hand. Preview the card on each platform, and copy ready-made <meta> tags straight into your site.
Test a link
We fetch the page and read its Open Graph tags, so you can see how it looks when shared. You can then tweak the fields below.
Preview
Fill in the fields and pick a platform. The card updates as you type.
vefapp.is
Vefapp · websites and web apps
We design and build fast, multilingual websites and web apps with Next.js, Tailwind and Supabase.
Meta tags
Copy these Open Graph and Twitter tags into your page <head>. Only fields you fill in are included.
Fill in the fields above to generate the tags.How it works
The Open Graph tags
The card people see when sharing comes from <meta property="og:…"> tags in your <head>. Title, description and image control how the link looks, independent of the page content itself.
Every platform reads the same tags
X, Facebook, LinkedIn, Slack, Discord and iMessage all use the same OG tags but render them slightly differently. The preview shows each one so you see what actually appears.
Get the image size right
OG images work best at 1200×630 (a 1.91:1 ratio). Keep the title under ~60 characters and the description under ~160 so nothing gets clipped on smaller cards.
Next step
Want every link from your site to look perfect when shared? We set up Open Graph, preview images and SEO from the ground up.
Request a quote