🏷️ Meta 标签生成器 — SEO 和 OG 标签构建工具

Generate complete HTML meta tags — SEO title, description, canonical, Open Graph, and Twitter Card — in seconds. Copy-paste ready HTML. Free.

Fill in your page title, description, keywords, OG image URL, and Twitter card type — and get the complete, copy-paste ready block of HTML meta tags. Covers SEO basics, Open Graph (for Facebook/LinkedIn previews), and Twitter Card tags.

Page Title

0 / 60

Meta Description

0 / 160

Keywords Author Canonical URL OG Image URL

Content Type

Twitter Card

Generated Meta Tags

How to Use

Fill in your page details

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

Configure social meta tags

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

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。

如何使用

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

专业技巧

Meta描述理想长度：150-160个字符，包含关键词和行动号召。
OG图片至少1200×630像素，避免被裁剪。
用Facebook调试器和Twitter卡片验证器检查效果。