🏷️ Meta Tag Generator

Generate complete HTML meta tags — title, description, Open Graph, and Twitter Cards — with live preview. Free SEO meta tag generator for developers and marketers.

0 / 60
0 / 160

How to Use

1

Fill in your page details

Enter your page title (60 chars), meta description (160 chars), keywords, author, and canonical URL.

2

Configure social meta tags

Add your OG image URL and choose content type and Twitter Card style for social sharing previews.

3

Copy the generated HTML

Click "Copy HTML" to copy all generated meta tags. Paste them inside your HTML <head> section.

Frequently Asked Questions

What are meta tags? +
Meta tags are HTML elements in the <head> section that provide information about a web page to browsers and search engines. They control how pages appear in search results (title, description) and on social media (Open Graph, Twitter Card).
Which meta tags are most important for SEO? +
The most impactful meta tags for SEO are: title (shown in search results, under 60 characters), meta description (shown in search snippets, under 160 characters), canonical URL (prevents duplicate content), and robots (controls indexing).
What is Open Graph? +
Open Graph (OG) is a protocol that controls how pages appear when shared on Facebook, LinkedIn, and most social media platforms. The og:title, og:description, og:image, and og:url tags determine the preview card shown when someone shares your URL.
What is a Twitter Card? +
Twitter Cards are meta tags specifically for Twitter/X that control how your page appears when shared. The twitter:card type (summary, summary_large_image) determines the layout, while twitter:title, twitter:description, and twitter:image fill the preview.
What is the ideal meta description length? +
Google typically shows 150–160 characters of the meta description in search results. Longer descriptions are truncated. Aim for 150–155 characters that accurately describe the page and include your main keyword naturally.


完整指南:Meta标签生成器

为什么Meta标签很重要?

Meta标签控制搜索引擎如何索引页面以及在社交媒体分享时的显示效果。关键标签:description(搜索结果摘要)、Open Graph(Facebook/LinkedIn)、Twitter Cards。

如何使用

  1. 填写字段:标题、描述、URL、图片。
  2. 选择类型:SEO、OG、Twitter。
  3. 复制HTML粘贴到<head>中。

专业技巧

🧰 50+ Tools