Meta Tags & Open Graph Generator
Create perfect SEO and social media meta tags for your website.
Page Information
Generated HTML
<!-- Primary Meta Tags -->
<title>Swetrix - Privacy-focused web analytics</title>
<meta name="title" content="Swetrix - Privacy-focused web analytics" />
<meta name="description" content="Cookie-less, open source, and privacy-focused web analytics alternative to Google Analytics." />
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website" />
<meta property="og:url" content="https://swetrix.com" />
<meta property="og:title" content="Swetrix - Privacy-focused web analytics" />
<meta property="og:description" content="Cookie-less, open source, and privacy-focused web analytics alternative to Google Analytics." />
<meta property="og:image" content="https://swetrix.com/assets/seo/banner.png" />
<meta property="og:site_name" content="Swetrix" />
<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:url" content="https://swetrix.com" />
<meta property="twitter:title" content="Swetrix - Privacy-focused web analytics" />
<meta property="twitter:description" content="Cookie-less, open source, and privacy-focused web analytics alternative to Google Analytics." />
<meta property="twitter:image" content="https://swetrix.com/assets/seo/banner.png" />
<meta name="twitter:site" content="@Swetrix" />Social Preview Example (Twitter/X)
swetrix.com
Swetrix - Privacy-focused web analytics
Cookie-less, open source, and privacy-focused web analytics alternative to Google Analytics.
Free Meta Tags & Open Graph Generator
Ensure your website looks professional when shared on social media and ranks well in search engines. Our free generator creates perfectly formatted HTML code for standard SEO meta tags, Facebook Open Graph protocol, and Twitter Cards.
Why Meta Tags are Important
- Search Engine Optimization - Title and description tags directly impact your click-through rate from Google search results.
- Social Sharing - Open Graph and Twitter Card tags control the image, title, and description shown when someone links your site on social platforms.
- Brand Consistency - Custom meta tags guarantee that your brand's messaging is presented exactly how you want it, everywhere.
Tips for Great Meta Tags
- Character Limits - Keep titles under 60 characters and descriptions under 160 characters to avoid truncation in search results.
- Image Sizing - Use high-quality images with an aspect ratio of 1.91:1 (recommended size: 1200x630 pixels) for the best social previews.
- Compelling Copy - Write descriptions that act as a call-to-action, encouraging users to click through to your site.
Frequently Asked Questions
What are Meta Tags?
Meta tags are snippets of text that describe a page's content. They don't appear on the page itself, but only in the page's source code. They help tell search engines what a web page is about.
What is Open Graph?
The Open Graph protocol enables any web page to become a rich object in a social graph. It was created by Facebook and is now used by LinkedIn, Slack, Discord, and others to display link previews with images, titles, and descriptions.
What are Twitter Cards?
Twitter Cards make it possible to attach media experiences to Tweets that link to your content. Simply add a few lines of HTML to your webpage, and users who Tweet links to your content will have a "Card" added to the Tweet that's visible to all of their followers.
Where do I put these generated tags?
You should place the generated HTML code inside the <head> section of your webpage's HTML document. If you use a CMS like WordPress, Webflow, or Shopify, there are usually plugins or settings sections dedicated to SEO where you can input these details without touching the code.
It's time to ditch Google Analytics.
Tired of the frustration, complexity and privacy issues of Google Analytics? We were too. That's why we built Swetrix - the ethical, open source and fully cookieless alternative.