Fill in your page title, description, canonical URL, and social fields to produce clean copy-paste meta tags — with a search-result preview and social card previews so you can see exactly how your launch page will render.
Title truncates around 60 characters, description around 155.
<!-- Fill in the fields above to generate your meta tags -->Paste this inside the <head> of your page — or let your framework (Next.js generateMetadata, Astro frontmatter) output it for you.
Already have a live page? Check its tags instead. Building launch links? Add tracking with the UTM builder.
Meta tags are the smallest possible investment with the widest distribution. The same handful of lines in your <head> control how Google writes your headline, how a Slack link unfurls, and how a directory bot summarises your product. This page breaks down each tag, what to put in it for a launch, and what actually happens when you skip it.
/launch, ?ref=producthunt,/?utm_source=…. A canonical pointing at your clean URL keeps those consolidating instead of competing.index, follow is the default and can be omitted; anything else is an instruction. If you are pre-launching on a staging domain,noindex, nofollow keeps it out of search until you are ready — just remember to flip it on launch day, or you will launch to an audience of zero crawlers.summary_large_image for a launch page with a proper banner — the big card reliably outperforms the small square for link clicks. X falls back to your OG tags for title, description, and image.Write the title as {Product}: {one concrete outcome for a specific person} — under 60 characters. Write the description as a promise plus a proof point, under 155 characters, with the primary keyword near the front. Set the canonical to the exact URL you submit to directories, without tracking parameters. Use og:type of website for a landing page and article for blog posts. Design the OG image at 1200×630: large legible text, product name, one visual. And always let the OG title and description differ from the SEO ones if the audiences differ — search snippets reward keywords, social cards reward curiosity.
Before: an indie founder ships a launch page with the default title My Website, no meta description, no canonical, no OG tags. Submitting to directories, the listing shows My Website — mywebsite.com with a grey placeholder box where an image should be. Pasting the link in a Slack community renders a bare, title-less chip. Google indexes the page but displays a snippet assembled from random footer text: © 2026. Built with Next.js. The product never gets bad clicks, because it never gets shown as clickable in the first place.
After: five minutes with the generator above produces:
<title>Acme AI: Fast AI Assistant for Developers</title>
<meta name="description" content="Turn plain-English prompts into production-ready code. Acme AI is the AI pair programmer for solo devs." />
<link rel="canonical" href="https://acme.ai/" />
<meta property="og:title" content="Acme AI" />
<meta property="og:description" content="Plain-English prompts in, production code out." />
<meta property="og:image" content="https://acme.ai/og.png" />
<meta property="og:type" content="website" />
<meta property="og:site_name" content="Acme" />
<meta name="twitter:card" content="summary_large_image" />The directory listing now shows a title, a benefit, and a card image. The Slack unfurl becomes a banner with a headline. The Google snippet reads like a pitch. Same page, same product — the metadata was the only change.
Directory visitors see the rawest fallback: the page's <title>as the listing name, the URL as the byline, and often no description at all if the directory's scraper only reads OG tags. Your listing competes with 150 others on that page, and a blank card reads as unfinished. Social networksare more forgiving but not kind: X shows the bare URL without a card, Slack renders the domain with no image, Discord shows “Undefined” or an empty description. Every one of those renderings is a decision a scraper made on your behalf because you declined to make it yourself.
Do meta tags still matter for SEO in 2026?
Title and canonical tags influence how search engines understand and present your page; the meta description influences whether people click, not whether you rank. OG and Twitter tags do not affect ranking at all — they affect sharing. A launch page needs all three layers because its traffic comes from search, social, and directories simultaneously.
Why do my changes not show up when I paste my link?
Social platforms cache link previews aggressively. After updating your tags, use the platform's debugger (e.g. the Open Graph object debugger or X card validator) to force a re-scrape, or append a throwaway query parameter while testing.
Should the OG title match the title tag?
Not necessarily. The title tag targets a search query; the OG title targets a human scrolling a feed. Keeping them aligned is fine, but a shorter, punchier OG title with a distinct OG description often earns more social clicks.
What size should the OG image be?
1200×630 pixels, under 1 MB, absolute URL, and served over HTTPS. Use JPG or PNG, avoid text closer than ~5% of the edge to the border, and check how it crops on a square summary card before committing.
I use Next.js — should I paste these tags manually?
Prefer generateMetadata or the metadataexport; it outputs the same tags and keeps them in sync with your routing. Use the generated snippet as the source of truth for what you want, then translate it into your framework's metadata API. For static landing pages, pasting the snippet directly is perfectly fine.
A directory listing sends one visitor; a good search snippet and social card compound. Fill the form and copy the markup.