Home / Tools / Meta Tag Generator
Free SEO Utility

Meta Tag Generator & Live Device Preview

Type your page details below to see how your site will look on phones, laptops, and social feeds before you publish.

1. Your Webpage Details

0 / 60
0 / 160

2. Live Device Preview

🌐 https://example.com

Your Page Title Will Appear Here

Your page description will appear here. Keep it descriptive so searchers feel confident clicking your link.

3. Ready-to-Paste HTML 


        


      


    


    
    

      

        
        
How Search Engine Bots Read This Page (Hierarchy Tree)

      


      

        
└─ <html lang="en">

        

          ├─ <head> (Metadata Section - Evaluated First)
        

        
├─ <title> [Your Title] </title>

        
├─ <meta name="description" content="...">

        
├─ <meta property="og:title" content="...">

        
└─ <link rel="canonical" href="...">

        

          └─ <body> (Content rendered for real humans on screen)
        

      

    


    
    

      
      

        
Why Meta Tags Make or Break Your Rankings

        

          Think of your webpage like a book in a library. Your Page Title is the book's title on the spine, and your Meta Description is the short summary on the back cover. If the cover is blank or confusing, nobody will pick it up. Search engines like Google use meta tags to decide whether your page is the best answer to a user's question.
        

      


      

        

          
1

          
Title Tag Rule

          
Keep it under 60 characters. Place your main keyword near the front, followed by a brand name (e.g. Fresh Sourdough Bread | Artisan Bakery).

        


        

          
2

          
Description Rule

          
Aim for 140 to 155 characters. Write a clear promise of what readers will find on the page, and end with a gentle call-to-action.

        


        

          
3

          
Social Image Rule

          
Use a 1200x630 pixel image for OpenGraph tags. When friends or clients share your link on WhatsApp, it appears as a clean poster rather than a plain blue link.

        

      


      

        
💡 Quick Pro-Tip for Beginners:

        

          Never write the exact same meta description for two different pages on your website. Google treats duplicate descriptions as thin content, which can hurt your search positions.