Free Meta Tag Generator: Preview & Optimize for SEO

    Boost your search rankings and click-through rates. Generate perfectly optimized tags and preview exactly how they look across Google, Facebook, Twitter, LinkedIn, and more.

    1

    Enter URL

    Fetch existing tags from any site to analyze or audit your current SEO setup.

    2

    Optimize Preview

    Use AI to refine your title and description while measuring pixel-perfect SERP widths.

    3

    Copy Code

    Instantly copy the generated HTML or JSON-LD and paste it into your website's head section.

    SEO Hints & Issues

    • 💡Remember to update the Page URL to your actual production link.
    • 💡Canonical URL missing. This is recommended to avoid duplicate content.

    Import Existing URL

    Analyze competitor tags or check your own live pages.

    Edit Metadata

    215 / 600px
    803 / 920px (SEO ideal)

    Leave blank if this page is the original.

    Tip: Use a 1200x630px image for best social results.

    Generated HTML Tags

    <!-- Standard SEO -->
<meta charset="UTF-8">
<title>My Awesome Page Title</title>
<meta name="description" content="This is a compelling description that will appear on social media. It should be between 150-160 characters for SEO best practices.">
<meta name="robots" content="index, follow">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="theme-color" content="#6366f1">
<meta name="language" content="English">


<!-- Open Graph / Facebook -->
<meta property="og:type" content="website">
<meta property="og:url" content="https://example.com">
<meta property="og:title" content="My Awesome Page Title">
<meta property="og:description" content="This is a compelling description that will appear on social media. It should be between 150-160 characters for SEO best practices.">
<meta property="og:image" content="https://images.unsplash.com/photo-1504868584819-f8e8b4b6d7e3?w=800&q=80">

<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image">
<meta property="twitter:url" content="https://example.com">
<meta property="twitter:title" content="My Awesome Page Title">
<meta property="twitter:description" content="This is a compelling description that will appear on social media. It should be between 150-160 characters for SEO best practices.">
<meta property="twitter:image" content="https://images.unsplash.com/photo-1504868584819-f8e8b4b6d7e3?w=800&q=80">

    Live Preview

    All
    favicon
    example.comhttps://example.com

    My Awesome Page Title

    This is a compelling description that will appear on social media. It should be between 150-160 characters for SEO best practices.

    * Visualization only. Final appearance depends on platform.

    Advertisement

    How to Add Meta Tags to Your CMS

    W
    WordPress

    The easiest way is using a plugin like Yoast SEO or Rank Math. Simply paste your title and description into the SEO metabox at the bottom of the page editor. For social images, use the "Social" tab within the plugin.

    S
    Shopify

    Go to Online Store > Preferences for homepage SEO. For products or blogs, scroll to the bottom of the editor to find "Search engine listing preview" and click "Edit website SEO" to paste your new tags.

    X
    Wix

    Open the SEO Panel from the page settings in the editor. Under the "Basics" tab, paste your Title and Description. Use the "Advanced SEO" tab to add custom meta tags or JSON-LD schema generated by this tool.

    Frequently Asked Questions

    Everything you need to know about Meta Tags & SEO