Meta Tag Generator

Generate HTML meta tags for SEO, Open Graph, and Twitter Cards. Preview how your page will appear in Google search results. Copy ready-to-use code.

Basic Meta Tags

Open Graph

Twitter Card

Google SERP Preview

Your Page Title

https://example.com/your-page

Your meta description will appear here. Keep it between 150–160 characters for best display in Google search results.

Generated HTML

<meta charset="UTF-8">
<meta name="robots" content="index, follow">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta property="og:type" content="website">
<meta name="twitter:card" content="summary_large_image">

Why Meta Tags Matter for SEO

Meta tags are the first thing search engines read when they crawl your page. The title tag is one of the strongest ranking signals and appears as the clickable headline in search results. The meta description doesn't directly affect rankings but significantly influences click-through rates — a compelling description can turn a listing into a click.

Without proper meta tags, search engines may generate their own snippets from your page content, which often look unpolished or miss your key message. Taking a few minutes to craft unique, keyword-rich meta tags for each page is one of the highest-ROI SEO tasks you can do.

Open Graph: Control Your Social Previews

Open Graph is a protocol created by Facebook that lets you define exactly how your page appears when shared. Platforms like Facebook, LinkedIn, Pinterest, and Slack use og: tags to build link previews. When someone shares your URL, they see your chosen title, description, and image instead of whatever the platform scrapes by default.

Always set og:title, og:description, og:image, and og:url. Use og:type to specify whether the page is a website, article, or product. For articles, add og:published_time and og:author for richer previews. Images should be at least 1200×630 pixels for best display across platforms.

Twitter Cards: Optimize for Twitter and X

Twitter Cards work similarly to Open Graph but are specific to Twitter/X. The twitter:card meta tag defines the card type: summary shows a small thumbnail, summary_large_image shows a large image, and app or player cards support specialized content. Twitter falls back to Open Graph tags when Twitter-specific tags are missing, but defining both gives you full control.

Use twitter:site for your @username and twitter:creator for the content author. This adds attribution and can improve engagement. Always include twitter:title, twitter:description, and twitter:image for consistent previews.

SEO Best Practices for Meta Tags

Write unique meta tags for every page — duplicate titles and descriptions hurt SEO and confuse users. Include your primary keyword in the title, ideally near the beginning. Make descriptions actionable and benefit-focused rather than keyword-stuffed. Use the canonical URL to avoid duplicate content issues when the same page is accessible via multiple URLs.

For robots, use index,follow for normal pages and noindex,nofollow for pages you don't want crawled. The viewport meta tag is essential for mobile-friendly pages. Charset UTF-8 ensures proper display of international characters. Validate your meta tags with Google's Rich Results Test and Facebook's Sharing Debugger before launch.

Frequently Asked Questions

Related Tools

Explore More Tools

Find this tool useful? Buy us a coffee to keep DuskTools free and ad-light.