TOOL · DEV
Meta tag generator (SEO and social)
Fill in the form and take the block ready for your <head>: title, description, canonical, Open Graph and Twitter Cards — with a live preview of how the link looks when someone shares it.
share preview
Your title shows up here
And the description right below, the way social networks show it.
code ready for the <head>
fill in at least the title — the block shows up here.
Processed in your browser — your files never leave your computer.
How it works
-
Fill in the fields
Title (counter up to 60), description (up to 155), canonical URL, OG image, site name and Twitter handle. Fill only what you have — empty tags stay out of the block.
-
Check the preview
The social-style card updates with every keystroke: image, domain, title and description, the way WhatsApp and LinkedIn show it.
-
Copy the block
Click "Copy code" and paste it inside the <head> of your pages. The block comes grouped: basics, Open Graph and Twitter.
Frequently asked questions
Why the 60 and 155 character limits?
That is the space Google usually displays in results: titles beyond ~60 characters and descriptions beyond ~155 get cut with an ellipsis. The counter turns red when you go over — it warns, never blocks.
What is Open Graph?
The standard WhatsApp, Facebook, LinkedIn and friends read to build the link card: image, title and description. Without it, each network improvises your preview — usually badly.
Do I need to fill every field?
No. The block includes only what you filled in. For a decent minimum: title, description and canonical URL. For pretty shares: add the OG image.
What OG image size should I use?
1200×630 px (1.91:1 ratio) is the safe size — it covers Facebook, LinkedIn, WhatsApp and the large Twitter/X card without awkward cropping.
Is the preview identical to the networks?
It is a faithful approximation of the common format (image, domain, title, description). Each network rounds corners and truncates text its own way — for the final check, use the network's own validator.
Is what I type sent to a server?
No. The block is assembled inside your browser and copied straight to your clipboard. Nothing is sent or stored.