Meta Tag Generator
The Meta Tag Generator produces a complete, copy-ready HTML head block from a single form. Fill in your page title, description, canonical URL, Open Graph details, and Twitter Card settings, and the tool outputs all the meta tags you need for search engines and social sharing in one block.
HTML head block
<title>Your Page Title | Brand Name</title><meta name="description" content="A clear meta description that summarizes the page and encourages clicks from search results."><link rel="canonical" href="https://example.com/page"><meta name="robots" content="index, follow"><!-- Set <html lang="en"> on the document root --><!-- Open Graph --><meta property="og:title" content="Your Page Title | Brand Name"><meta property="og:description" content="A clear meta description that summarizes the page and encourages clicks from search results."><meta property="og:type" content="website"><meta property="og:url" content="https://example.com/page"><meta property="og:image" content="https://example.com/og-image.jpg"><meta property="og:image:width" content="1200"><meta property="og:image:height" content="630"><!-- Twitter Card --><meta name="twitter:card" content="summary_large_image"><meta name="twitter:site" content="@yourbrand"><meta name="twitter:title" content="Your Page Title | Brand Name"><meta name="twitter:description" content="A clear meta description that summarizes the page and encourages clicks from search results."><meta name="twitter:image" content="https://example.com/og-image.jpg">Paste tags inside your document <head>. Validate social previews in each platform's debugger when possible.
How this tool works
The meta tag generator produces four HTML tag types from a single set of inputs. Standard title and description tags target search engine crawlers. Open Graph tags (og:title, og:description, og:image, og:url) control how the page renders when shared on Facebook, LinkedIn, and Slack. Twitter Card tags (twitter:card, twitter:title, twitter:description, twitter:image) control previews on X. The canonical tag declares the preferred URL when identical content appears at multiple addresses. For each field the tool shows real-time character and pixel counts against recommended limits: title under 60 characters and ~600px, description 150-160 characters, og:description up to 200 characters. The output block is ready to paste into the HTML head. Separate sections for each tag group let you copy only what you need. Key assumption: the tool generates markup based on inputs you provide; it does not access your live site, so og:image dimensions and canonical accuracy must be verified manually. Edge case: if your CMS auto-generates a canonical tag in the server response or head block, adding a second canonical creates a conflicting signal. Google may ignore both. Confirm the CMS-generated canonical is removed before deploying the generated tag.
Worked example
A blog post uses page type Article with published and modified dates, a 1200x630 OG image, and summary_large_image on Twitter. The tool generates the full head block with all required tags, skipping any empty fields. Copy the full block into your layout, or copy only the Open Graph section if your CMS already handles the title and description.
Frequently asked questions
What meta tags are most important for SEO?
The title tag and meta description are the most visible in search results and directly affect click-through rate. The canonical tag prevents duplicate content indexing issues. The robots meta tag controls whether search engines index and follow the page.
What is the robots meta tag and when should I use noindex?
The robots meta tag tells search engine crawlers whether to index a page and follow its links. Use noindex on thank-you pages, login pages, admin areas, and any page you want excluded from Google's index. Tracking this metric alongside conversion data gives a more complete picture of how changes affect actual business outcomes.
What is a canonical tag and why does it matter?
A canonical tag tells search engines which URL is the preferred version when the same content is accessible via multiple URLs. UTM-tagged links, pagination, and filter parameters all create URL variants that canonical tags consolidate. Tracking this metric alongside conversion data gives a more complete picture of how changes affect actual business outcomes.
What is the difference between og:title and the title tag?
The title tag is for search engines and browser tabs. The og:title property is for social sharing previews. They can be the same, but you may want a more conversational og:title optimized for social sharing rather than keyword targeting. Tracking this metric alongside conversion data gives a more complete picture of how changes affect actual business outcomes.
What does the page type field affect?
The page type maps to the og:type property. Website outputs og:type website, Article outputs og:type article. Social platforms and schema parsers use this to determine how to display the content in feeds and structured data.
Are these tags enough for all social platforms?
The generated tags cover Facebook (Open Graph), LinkedIn (Open Graph), Twitter/X (Twitter Cards), WhatsApp (Open Graph), and Slack (Open Graph). Pinterest has its own meta tags for Rich Pins, which require a separate setup through their developer portal.