META TAGS & SOCIAL PREVIEW
See your link before you ship it.
Paste real content and it drafts a starting title and description locally — no AI call, just sentence scoring and cleanup. Then see a live Google search preview, an X/Twitter card, and a Facebook/OG card, with character counts against the ranges search engines actually truncate at. Copy the finished <meta> block when it looks right.
Local analysis + phrase composition, not an AI model call — drafts several options, cycle them with Shuffle.
Google search preview
example.com › page
DevStash — Developer Portfolio & Automation Blog
A modern developer ecosystem showcasing engineering, automation, AI workflows, and frontend systems — projects, tools, and writing from Adesh Shukla.
X / Twitter card
example.com
DevStash — Developer Portfolio & Automation Blog
A modern developer ecosystem showcasing engineering, automation, AI workflows, and frontend systems — projects, tools, and writing from Adesh Shukla.
Facebook / OG card
example.com
DevStash — Developer Portfolio & Automation Blog
A modern developer ecosystem showcasing engineering, automation, AI workflows, and frontend systems — projects, tools, and writing from Adesh Shukla.
Copy the finished <meta> block:
<title>DevStash — Developer Portfolio & Automation Blog</title>
<meta name="description" content="A modern developer ecosystem showcasing engineering, automation, AI workflows, and frontend systems — projects, tools, and writing from Adesh Shukla." />
<link rel="canonical" href="https://example.com/page" />
<meta property="og:type" content="website" />
<meta property="og:title" content="DevStash — Developer Portfolio & Automation Blog" />
<meta property="og:description" content="A modern developer ecosystem showcasing engineering, automation, AI workflows, and frontend systems — projects, tools, and writing from Adesh Shukla." />
<meta property="og:url" content="https://example.com/page" />
<meta property="og:site_name" content="Example Site" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="DevStash — Developer Portfolio & Automation Blog" />
<meta name="twitter:description" content="A modern developer ecosystem showcasing engineering, automation, AI workflows, and frontend systems — projects, tools, and writing from Adesh Shukla." />
<meta name="twitter:site" content="@example" />Why the character counts matter
Google truncates title tags around 50–60 characters and meta descriptions around 130–160 — go past that and search engines cut your copy off mid-sentence or rewrite it entirely. These are the same ranges this site's own pages are built against, so the counters here aren't arbitrary — they're the actual thresholds this tool's own buildMetadata() helper is written to respect.
What "draft from your content" actually does
It's real, but it's not AI. Pasted text is split into sentences, each sentence is scored by how much its words overlap with the rest of the text (extractive summarization — the same family of technique search engines have used for snippet generation for years), and the highest-scoring sentence becomes the description. A short list of common filler phrases ("in today's fast-paced world", "leverage", "utilize") gets cleaned up along the way. There's no model call, nothing leaves your browser, and it won't invent facts that aren't in what you pasted — because it isn't writing anything, just picking and trimming what's already there.
Free tool by Adesh Shukla — everything runs client-side, nothing is sent anywhere.