Meta Tag Generator
Generate HTML meta tags and Open Graph tags for your web pages. Preview how your page will look in Google search results and social media shares.
Advertisement
Meta Tag Generator
Generate HTML meta tags and Open Graph tags for your web pages.
Google Search Preview
example.com
Page Title
Your meta description will appear here...
Social Media Preview
example.com
Page Title
Your description will appear here...
Generated Meta Tags
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="robots" content="index, follow">
<!-- Open Graph -->
<meta property="og:type" content="website">
<!-- Twitter Card -->
<meta name="twitter:card" content="summary_large_image">Advertisement
Free Meta Tag Generator for SEO and Social Media
Meta tags are HTML elements that provide information about your web page to search engines and social media platforms. Well-crafted meta tags improve your search rankings, increase click-through rates, and control how your content appears when shared on social media.
Essential Meta Tags for Every Page
Title Tag: The most important on-page SEO element. Keep it under 60 characters to avoid truncation in search results. Include your primary keyword near the beginning and make it compelling enough to click.
Meta Description: A 150-160 character summary of your page content. While not a direct ranking factor, a well-written description dramatically improves click-through rates from search results. Include a call-to-action and your key value proposition.
Robots Meta Tag: Controls how search engines index and follow links on your page. Use index, follow for most pages, noindex for pages you don't want in search results, and nofollow when you don't want search engines to follow outbound links.
Advertisement
Open Graph Tags for Social Media
Open Graph (OG) tags control how your content appears when shared on Facebook, LinkedIn, and other social platforms. The key tags are:
- og:title — The title displayed in social shares
- og:description — The description shown below the title
- og:image — The preview image (recommended: 1200x630px)
- og:type — Content type (website, article, product)
- og:url — The canonical URL of the page
Twitter Card Tags
Twitter uses its own card tags to format shared links. The two main types are:
Summary Card: Shows a small thumbnail with title and description. Good for articles and general content.
Summary Large Image: Shows a large image above the title and description. Better for visual content, blog posts, and products.
Common Meta Tag Mistakes
- Duplicate title tags across multiple pages
- Meta descriptions that are too long (truncated) or too short (not compelling)
- Missing OG image tags (social shares look plain without images)
- Using the same meta description for every page
- Keyword stuffing in title tags
Frequently Asked Questions
What are meta tags and why are they important?
How long should my title tag be?
What is the ideal meta description length?
What size should OG images be?
Advertisement
Related Tools
Advertisement