Meta Tags Generator

Generate complete meta tags for SEO, Open Graph (Facebook/LinkedIn), and Twitter Cards. Fill in the form fields and instantly get properly formatted HTML you can copy and paste directly into your page template.

FAQ

Open Graph (og:) tags control how your page appears when shared on Facebook, LinkedIn, Discord, and other platforms. They define the title, description, image, and URL shown in the preview card. Without them, platforms guess what to show - often poorly.

The tag shows in browser tabs and search results. og:title is specifically for social media previews. They can be different - your page title might include the site name, while the social title goes for a clickable standalone headline.</p></div></div> <div class="faq-item"><button class="faq-question" aria-expanded="false"><span>Which meta tags are most important for SEO?</span><i class="bi bi-chevron-down" aria-hidden="true"></i></button><div class="faq-answer"><p>Title tag (in head, shown as search result headline), meta description (shown as snippet text), viewport tag (for mobile responsiveness), charset declaration, and Open Graph tags (og:title, og:description, og:image for social media sharing). The keywords meta tag is ignored by all major search engines.</p></div></div> <div class="faq-item"><button class="faq-question" aria-expanded="false"><span>How long should my meta description be?</span><i class="bi bi-chevron-down" aria-hidden="true"></i></button><div class="faq-answer"><p>150-160 characters is the sweet spot. Google typically displays the first 155-160 characters of a meta description before truncating with '...'. Include your primary keyword naturally, write compelling copy that makes people want to click, and ensure each page has a unique description.</p></div></div> <div class="faq-item"><button class="faq-question" aria-expanded="false"><span>Do I still need meta keywords?</span><i class="bi bi-chevron-down" aria-hidden="true"></i></button><div class="faq-answer"><p>Google stopped using meta keywords for ranking in 2009. Most modern search engines ignore them entirely. The field is included for completeness and niche use cases (some internal search engines still use them), but you can safely leave it blank.</p></div></div> </div> </div> </section> <section class="tools-section" style="padding-top:var(--space-3xl)"> <div class="container"><div class="section-header"><h2>More tools</h2></div><div class="tools-grid"> <a href="robots-txt" class="tool-card"><div class="tool-card-icon"><i class="bi bi-robot"></i></div><h3>Robots.txt Generator</h3><p>Generate robots.txt files to control search engine crawling.</p><span class="tool-meta">seo</span></a> <a href="sitemap-gen" class="tool-card"><div class="tool-card-icon"><i class="bi bi-diagram-2"></i></div><h3>Sitemap Generator</h3><p>Generate XML sitemaps from a list of URLs.</p><span class="tool-meta">seo</span></a> <a href="slug-generator" class="tool-card"><div class="tool-card-icon"><i class="bi bi-hypnotize"></i></div><h3>URL Slug Generator</h3><p>Generate clean, SEO-friendly URL slugs from any text.</p><span class="tool-meta">seo</span></a> <a href="html-preview" class="tool-card"><div class="tool-card-icon"><i class="bi bi-filetype-html"></i></div><h3>HTML Preview</h3><p>Write HTML and see the rendered output update in real time.</p><span class="tool-meta">html</span></a> <a href="csp-generator" class="tool-card"><div class="tool-card-icon"><i class="bi bi-shield-check"></i></div><h3>CSP Generator</h3><p>Build Content Security Policy headers with presets.</p><span class="tool-meta">security</span></a> <a href="htaccess" class="tool-card"><div class="tool-card-icon"><i class="bi bi-file-earmark-code"></i></div><h3>.htaccess Generator</h3><p>Generate .htaccess files with redirects, caching, and security.</p><span class="tool-meta">apache</span></a> </div></div> </section> </main> <footer class="footer" role="contentinfo"> <div class="footer-inner"> <div class="footer-brand">rawparse<span class="tld">.dev</span></div><p class="footer-desc">Fast, free developer tools that run directly in your browser.</p><a href="mailto:hello@rawparse.dev" class="footer-email">hello@rawparse.dev</a> <div class="footer-tools" id="footer-tools"><h4>Tools</h4><a href="/"#tools" class="view-all">View all tools <i class="bi bi-arrow-right"></i></a></div> <ul class="footer-links"><li><a href="contact">Contact</a></li></ul> <span class="footer-copy">© 2026 rawparse.dev</span> </div> </footer> <script src="js/main.js" defer></script> </body> </html>