Free Meta Tag Generator.
Configuration Inputs
Live Google Simulator
Please enter a specific target title...
Provide an asset workspace summary description to render the live search index mock block details here...
Next.js 13/14/15 Metadata Object
export const metadata = {
title: "Toolmars Utility Suite",
description: "Isolated client-side developer applications.",
alternates: {
canonical: "https://yourdomain.com",
},
openGraph: {
title: "Toolmars Utility Suite",
description: "Isolated client-side developer applications.",
url: "https://yourdomain.com",
type: "website",
}
};What Is a Meta Tag Generator?
Write SEO title and description tags and preview how they appear in Google — with pixel-accurate truncation checks.
How to Use the Meta Tag Generator
- Enter your meta title: Type the page title and watch the pixel counter (aim for under 580px on desktop).
- Write your meta description: Add a 140–160 character summary and keep it under 960px.
- Set the canonical URL: Paste the primary page URL for your Next.js metadata export.
- Preview desktop vs. mobile: Toggle viewports to see how the snippet may render on different devices.
- Copy the Next.js code: Click Copy Code and paste the metadata object into your page or layout file.
Pixel Width Guidelines
Wide characters like W use more pixels than narrow ones like i — two titles with the same character count can truncate differently.
Example
You are launching a blog post at /blogs/seo-checklist/. You enter the title Free SEO Checklist for Small Business Websites, a 155-character description with your main keyword and benefit, and set the canonical URL. The preview shows no truncation, and you copy the Next.js metadata block directly into your page.tsx.
Common Use Cases
- Preview blog post and landing page snippets before publishing
- Check whether long product titles will truncate in search results
- Generate ready-to-paste Next.js metadata for new routes
Related Tools
Browse allFrequently Asked Questions
Why does Google truncate my title?
Google limits titles by pixel width (about 580px on desktop), not character count. Wide letters like W use more space than narrow ones like i, so two titles with the same character count can truncate differently.
What is the ideal meta description length?
Google typically displays about 960 pixels of description text on desktop. Aim for 140–160 characters that summarize the page and include a clear benefit or call to action.
Does this tool export Next.js metadata?
Yes. Enter your title, description, and canonical URL, then copy the generated Next.js metadata object ready to paste into your page.tsx or layout file.
Is my page content sent to a server?
No. All SERP previews and pixel measurements run entirely in your browser. Your draft titles and descriptions are never uploaded or stored.
Can I preview mobile and desktop SERP snippets?
Yes. Toggle between desktop and mobile views to see how your snippet may render on different screen sizes before you publish.
What is a canonical URL?
A canonical URL tells search engines which version of a page is the primary one. It helps prevent duplicate-content issues when the same page is reachable at multiple URLs.