Meta Tag Generator
Fill in your details and get ready-to-paste meta tags for SEO and social sharing.
Basic Info
Social Media Preview
Recommended size: 1200x630px. This image shows when your link is shared on social media.
Extra (Optional)
Google Preview
https://myapp.com
Page Title
Your page description will appear here...
Social Media Preview
myapp.com
Page Title
Your page description...
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Page Title</title>
<meta name="description" content="">
<meta name="robots" content="index, follow">
<meta name="theme-color" content="#7C3AED">
<meta http-equiv="content-language" content="en">
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website">
<meta property="og:title" content="Page Title">
<meta property="og:description" content="">
<!-- Twitter -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Page Title">
<meta name="twitter:description" content="">Why Meta Tags Matter
Title & Description
These control what shows up when your site appears in Google search results. A good title and description help people decide to click on your link.
Open Graph Tags
These control what shows when someone shares your link on Facebook, LinkedIn, Discord, or iMessage. Without them, shared links look plain and boring.
Twitter Cards
Similar to Open Graph but specifically for Twitter/X. They make your shared links show up with a nice image, title, and description instead of just a URL.
Theme Color
On mobile browsers, this colors the address bar to match your brand. A small detail that makes your site feel more polished.
Robots
Tells search engines like Google whether they should show your site in search results. Most sites want “index & follow” so people can find them.
Quick Tip
Use the “AI Prompt” tab above to get a ready-to-paste prompt. Just copy it into Claude, Cursor, or your favorite AI tool and it will set everything up for you.