How to use Meta Tag Generator
- 1
Open the Meta Tag Generator
Go to tools.slaytic.com and open the Meta Tag Generator. No sign-up or account required.
- 2
Fill in your page details
Add the title, description, canonical URL, share image and site name.
- 3
Copy the generated tags
Take the complete block covering standard SEO, Open Graph and Twitter Card tags.
- 4
Paste into your page head
Place them inside the head element, then test the preview with a platform debugger.
How this works in your browser
The tool assembles three overlapping sets of tags from the same inputs: standard meta tags that search engines read, Open Graph properties that Facebook and LinkedIn consume, and Twitter Card tags. They overlap heavily but are not interchangeable, which is why writing them by hand is tedious and error-prone, and why generating all three from one set of fields eliminates the mismatches that cause a link to preview correctly on one platform and not another. Values are HTML-escaped so an apostrophe or ampersand in your title cannot break the markup. Everything is generated in your browser, so nothing about an unpublished page is transmitted anywhere.
Meta Tag Generator vs. traditional online converters
| Feature | Meta Tag Generator (in-browser) | Traditional online converters |
|---|---|---|
| File upload required | No - never leaves your device | Yes - file is sent to a server |
| Processing queue | None - starts instantly | Often, especially at peak times |
| Watermark on output | Never | Common on free plans |
| Usage limits | None - free, unlimited use | Often capped per day or file size |
| Works offline once loaded | Yes, for most tools | No - requires a live connection |
| Account required | No | Often, for anything beyond a trial |
Who uses Meta Tag Generator
Launching a new page
Produce a complete, correct tag block without looking up property names.
Fixing broken link previews
Replace incomplete tags that cause shares to appear without a title or image.
Landing pages and campaigns
Control exactly how a marketing page appears when it is shared.
Learning the tag formats
See how the SEO, Open Graph and Twitter sets relate to one another.
Frequently asked questions
Where do these tags go?
Paste the generated tags inside the head section of your HTML page.
What is Open Graph?
A protocol (originally by Facebook) that controls how a link preview looks when shared on social platforms like Facebook and LinkedIn.
Do I need all the fields filled in?
Title and description are the most important; URL, image, and site name are optional but recommended for richer social share previews.
How long should the title and description be?
Titles are generally shown up to around 60 characters and descriptions to around 155 before search results truncate them. Put the important words first, since a truncated tail costs you less than a truncated opening does.
Does the meta description affect my ranking?
Not directly. Google has been explicit that it is not a ranking factor, and it frequently rewrites descriptions using page text anyway. What a good description does affect is whether someone clicks your result over the one above it, which is worth the effort for a different reason than most people assume.
What size should the social share image be?
1200 by 630 pixels is the standard that both Open Graph and Twitter Cards handle well, and it must be an absolute URL rather than a relative path. Relative image paths are the most common reason a share preview shows no image at all.
My preview is not updating after I changed the tags. Why?
Because platforms cache what they scraped previously. Facebook’s Sharing Debugger and LinkedIn’s Post Inspector both let you force a re-scrape, which is usually the fastest way to confirm your new tags are live.