Meta Tag Generator

Meta tags tell search engines and social platforms how to display your page — a title, a description, and a preview image when shared on social media. This tool generates the standard title, description, Open Graph, and Twitter Card tags based on the details you provide, ready to paste directly into your page's `<head>`.

Your data stays in your browser — this tool runs entirely on the client side and nothing is uploaded to a server.

How to Use the Meta Tag Generator

  1. Fill in your page title, description, URL, and image URL.
  2. Optionally set Open Graph type and Twitter Card type.
  3. Copy the generated HTML snippet and paste it into your page's `<head>` section.

Why these tags matter

The `<title>` and meta description directly influence how your page appears in search results and are a meaningful factor in click-through rate. Open Graph tags (used by Facebook, LinkedIn, and many other platforms) and Twitter Card tags control how your page looks when shared as a link — including the preview image, title, and description — instead of a platform guessing from your raw page content.

Best practices

Keep titles under roughly 60 characters and descriptions under roughly 155–160 characters so they aren't truncated in search results. Use a unique title and description for every page — never reuse the same ones site-wide — and use an image sized appropriately for social sharing (typically at least 1200×630px for Open Graph).

Example

Generated tag
Title: "My Page"
<title>My Page</title>
<meta name="description" content="...">

Tips

  • Every page should have a unique title and meta description — avoid site-wide duplicates.
  • Test how your tags render using each platform's own link-preview debugger before publishing widely.

Frequently Asked Questions

Do meta tags guarantee search ranking?

No. They help search engines understand and display your page correctly, but ranking depends on many other factors like content quality and relevance, not meta tags alone.

What image size should I use for Open Graph?

A common recommendation is at least 1200×630 pixels, though exact requirements vary slightly by platform.