Meta tag generator. With three previews.
Fill one form, get copy-ready HTML meta tags, Open Graph, and Twitter Card. See a live Google SERP snippet, a Facebook share card, and an X card side-by-side. Stack presets for HTML, WordPress, Shopify Liquid, Next.js metadata API.
One form, three previews.
Meta tags are the pitch before the page.
Every Google result, every Facebook share, every Slack link preview, every LinkedIn post comes from meta tags before the user ever loads the page. Title and description drive organic click-through rate, OG image drives social share engagement, canonical prevents duplicate-content dilution, robots controls indexation. A complete meta block is twenty lines of HTML; the operator cost of skipping it compounds every time the page is linked.
Three length rules worth memorizing. Title: 50 to 60 characters, primary keyword at the front, brand at the end. Description: 120 to 155 characters, keyword naturally embedded, one clear value proposition. OG image: 1200 by 630 pixels, 1.91:1 ratio, under 8 MB. The calculator flags titles over 60, descriptions over 160, and missing canonicals in real time; fix those three before clicking copy.
Stack-aware output shortens the gap between tool output and production. HTML goes directly into <head>. WordPress runs through Yoast or Rank Math in practice, but the header snippet above fits manual theme edits. Shopify Liquid goes in theme.liquid with template-specific overrides. Next.js 15 uses the Metadata API; the output above is the typed metadata export.
Tools in the same cluster: Schema generator for the JSON-LD block that belongs alongside meta tags. OG preview for the post-deployment verification pass across 5 platforms.
Five answers.
What is the ideal title tag length?
Google displays roughly the first 60 characters of a title tag in desktop search results and around 50 on mobile. Beyond 60, the title is truncated with an ellipsis. The calculator above counts characters in real time and flags titles longer than 60. The minimum practical length is 30 characters; shorter titles miss keyword coverage. Sweet spot is 50 to 60 characters, primary keyword near the front, brand name at the end.
What is the ideal meta description length?
Google displays roughly 150 to 160 characters of the meta description on desktop and around 120 on mobile. The calculator flags descriptions over 160 chars. Write 120 to 155 characters with the primary keyword naturally embedded and a clear value proposition. If the description is missing, Google generates one from page content, which is often sub-optimal; always ship a hand-written description.
What is the recommended Open Graph image size?
Facebook, LinkedIn, Slack, and most OG consumers expect 1200 by 630 pixels with an aspect ratio of 1.91:1. Twitter/X summary-large-image cards also render this dimension correctly. Keep the image under 8 MB for reliable rendering and use JPG or PNG. Text in the image should stay inside a center safe zone (roughly 90 percent width and 80 percent height) because LinkedIn crops edges in some views. WebP is now supported but JPG/PNG has the widest parser compatibility.
Do I need separate Open Graph and Twitter Card tags?
In most cases no. Twitter and X parse Open Graph tags when Twitter-specific tags are absent, so a complete OG set covers both platforms. Add twitter:card (summary_large_image is the most common) and twitter:site (your @handle) to override defaults; beyond that, OG tags for title, description, and image work for both. The generator above emits both sets because occasional edge cases benefit from explicit Twitter tags, but the duplicated content is harmless.
Does this tool save my data?
No. Every value you enter lives in memory for this browser tab only. Nothing is transmitted to a server, stored in a database, or synced. Close the tab and the data is gone. The Copy Code button puts the generated markup on your clipboard; that is the only output path.
Every template. Every page.
Our SEO engagements ship dynamic meta templates per page type plus OG-image generation pipelines (Vercel OG, Shopify metafields, WordPress ACF). Written plan in 2 weeks.