How to use the meta tag generator
- Type your page title and a short meta description — these are what search engines usually show in results.
- Add your canonical URL so search engines know the preferred address for the page.
- Optionally fill in the author, keywords and site name.
- Paste a social image URL and your Twitter handle to control how links look when shared.
- Click Copy and paste the generated block into the
<head>of your page.
What are meta tags and why do they matter?
Meta tags are small snippets of HTML that live in the <head> of a web page. They do not appear on the page itself, but they tell search engines and social networks what the page is about. Thetitle and meta description shape how your page appears in Google results, while the canonical link helps avoid duplicate-content problems by naming the one true URL for that content.
Open Graph tags (the ones starting with og:) control the preview card that appears when your link is shared on Facebook, LinkedIn, Slack and many other platforms — the title, description and the large image people see. Twitter Card tags do the same job for posts on X / Twitter. Setting a good og:image and description can dramatically improve how many people click a shared link, which is why filling these in is worth the extra minute.
Why are the values escaped?
This tool automatically escapes the characters &, <, >," and ' in everything you enter. That matters because a stray quote or angle bracket in a title or description can break your HTML or, worse, open a security hole. By converting those characters into safe HTML entities, the generated tags stay valid no matter what you type.
Is it private?
Yes — everything happens on your device. The form, the live code output and the copy button are all powered by a small piece of vanilla JavaScript running in your browser. There is no upload, no account and no tracking. Once the page has loaded you can even use it offline.
Frequently asked questions
How long should my title and description be?
Aim for a title under about 60 characters and a description around 150 to 160 characters, so they are not truncated in search results.
What size should the social image be?
A 1200 by 630 pixel image works well for both Open Graph and large Twitter cards. Use an absolute URL (starting with https) so platforms can fetch it.
Do I need every field?
No. Empty fields are simply left out of the output, so you only get the tags you actually filled in.