Meta tags & Open Graph generator
Fill in your page metadata and get a copy-pasteable HTML head snippet — plus rough previews of how it might look in Google and on social cards.
Page metadata
/ — over recommended length
/ — over recommended length
HTML snippet
Previews
Google-style snippet
Truncated at ~160 characters for the description preview.
Social card outline
Previews are approximations — Google and each social platform render cards differently. Character limits are rules of thumb, not guarantees.
About this tool
Every page needs a <title>, meta description, and canonical URL. Social sharing adds Open Graph and Twitter Card tags on top. This generator outputs the common set in one block you can paste into your layout or head component.
Title length (~60 chars) and description length (~160 chars) affect how much text shows in search snippets. OG images should be at least 1200×630 for best results on most platforms — this tool only needs the URL.
Read more
- HTML Open Graph tags — what each OG property does
- Generate OG images in Astro— per-page social images at build time
- SEO for developers — practical checklist
- Customize the head in Next.js— same tags in a React framework