π·οΈ
π»
Generate Meta Tags for Any Web App
Quickly scaffold the full set of head meta tags for a new page or site.
Nid oes angen mewngofnodi
0/60
0/160
Title 0/60 (aim 30-60)Description 0/160 (aim 70-160)
Google search preview
example.com
Your page title appears here
Your meta description appears here. Make it compelling to improve click-through rate from search results.
Social card preview
og:image preview
example.com
Page title
Page description
Paste into your <head>
<!-- Open Graph / Facebook / LinkedIn --> <meta property="og:type" content="website"> <!-- Twitter / X --> <meta name="twitter:card" content="summary_large_image">
Developers tips
π»
Paste the generated block into your <head> (or framework metadata config) β it covers SEO, Open Graph, and Twitter in one go.
π‘
In Next.js you can map these to the Metadata API; in plain HTML they drop straight into <head>.
π―
Use absolute URLs for og:image and og:url β relative paths break when the page is scraped by crawlers.
Sut Mae'n Gweithio
1
Ewch i mewn
Enter your data into the tool above. Everything stays local to your browser.
2
Proses
The tool processes your data instantly in your browser using JavaScript. No server, no waiting.
3
Lawrlwythwch
Get your result instantly. Nothing is stored after you leave the page β complete privacy.
Pam defnyddio ein un ni?
βHollol rhad ac am ddim - dim costau cudd, byth
βNid oes angen cyfrif, e-bost na mewngofnodi
βNid yw ffeiliau byth yn gadael eich dyfais
βDim cyfyngiadau maint ffeil o gwbl
βDim dyfrnodau ar unrhyw allbwn
Also check outβ¦
βοΈπππ
Meta Tags for Blog Posts
Generate title, description, and social tags so yo
Meta Tags for Product Pages
Make product pages share beautifully and read well
Meta Tags for Landing Pages
Control exactly how your campaign landing pages ap
Fix Ugly Link Previews
Stop your links showing as bare URLs β add the tag