Meta Tag Generator

Generate and preview meta tags for SEO, Open Graph, Twitter Cards, and more.

0/60
0/160

SEO Completeness

17%
2 of 12 checks passed
✗Page title is set
✗Title is within 60 characters
✗Meta description is set
✗Description is within 160 characters
✗Canonical URL is set
✗Open Graph title is set
✗Open Graph description is set
✗Open Graph image is set
✓Twitter card type is set
✗Twitter title is set
✗Twitter description is set
✓Page is indexable

Live Previews

example.com/page
Page Title
Meta description will appear here. It should be a concise summary of your page content.

Generated HTML

style="color:#60a5fa"><meta charset="UTF-8">
style="color:#60a5fa"><meta name="viewport" content="width=device-width, initial-scale=1.0">
style="color:#60a5fa"><meta name="robots" content="index, follow">
style="color:#60a5fa"><meta http-equiv="content-language" content="en">
style="color:#60a5fa"><meta name="theme-color" content="#000000">
style="color:#60a5fa"><meta property="og:type" content="website">
style="color:#60a5fa"><meta property="og:locale" content="en_US">
style="color:#60a5fa"><meta name="twitter:card" content="summary_large_image">

Import from HTML

Paste the <head> content (or full HTML source) of an existing page to extract its meta tags. Cross-origin fetch restrictions prevent loading URLs directly from the browser -- paste the HTML source instead.

What are Meta Tags?

Meta tags are HTML elements in the <head> section that provide metadata about a web page to search engines, social platforms, and browsers. Key meta tags include title, description, Open Graph tags (for Facebook/LinkedIn sharing), Twitter Card tags, and canonical URLs. Proper meta tags are essential for SEO and social media sharing previews.

Common Use Cases

  • •Generating SEO-optimized meta tags for new web pages
  • •Creating Open Graph tags for rich social media sharing previews
  • •Setting up Twitter Card tags for tweet previews
  • •Defining canonical URLs to prevent duplicate content issues
  • •Building meta tags for single-page applications

Frequently Asked Questions

What is the ideal meta description length?

Google typically displays 150-160 characters of the meta description in search results. Write descriptions under 160 characters that include your target keyword and a compelling call to action. Google may override your description if it finds more relevant content on the page.

What are Open Graph tags?

Open Graph (og:) tags control how your page appears when shared on Facebook, LinkedIn, and other platforms. Key tags are og:title, og:description, og:image, and og:url. Without them, platforms guess what to show, often with poor results.