Search preview
See roughly how your title and description appear in Google results, with length checks.
Meta Tag & Open Graph Generator
Write titles and descriptions with live Google and social previews.
- Free
- No sign-up
- Runs in your browser
- SEO
Loading tool…
Was this tool useful?
Why use it
Fill in a page's title, description, URL and share image to get correct meta, Open Graph and Twitter Card tags, with a preview of how the page will look in Google results and when shared. Length indicators help you avoid truncated titles.
Social preview
Preview the Open Graph and Twitter card a shared link will show.
Copy-ready output
Get the HTML tags or a Next.js metadata object for your page.
How to use it
4 quick steps. Going deeper? Read Technical SEO checklist for developers: Next.js and WordPress.
- 01
Enter the page title and meta description; watch the length indicators.
- 02
Add the canonical URL and an absolute URL for the share image (1200×630 works everywhere).
- 03
Check the search and social previews.
- 04
Copy the HTML tags for WordPress or a static site, or the metadata object for Next.js.
Who it’s for
Typical situations where this tool saves time.
- DevelopersGenerate correct tags for a new template without looking up every property.
- Content editorsWrite titles and descriptions that fit before publishing.
- MarketersCheck how a landing page will look when shared on LinkedIn or X.
Questions
Short answers about privacy, limits and how the tool works.
How long should a title be?
Google truncates by pixel width, roughly 50–60 characters for most titles. Put the most important words first so a cut-off title still makes sense.
Does the meta description affect rankings?
Not directly, but it often becomes the snippet in search results, so a clear description improves click-through.
Why do I need og:image as an absolute URL?
Social platforms fetch the image from their own servers, so relative paths like /images/share.png can't be resolved.
Need a tool like this inside your product?
I build custom calculators, admin utilities and integrations for WordPress, Laravel and Next.js teams.