最快的免费 元标签生成器 online. Build SEO title tags, meta descriptions, Open Graph tags, Twitter Cards, and technical meta tags — then copy the finished HTML directly into your website's head section. Live SERP preview updates as you type.
Google ignores this tag. Bing uses it lightly. Comma-separated, max 10 terms.
Prevents duplicate content by defining the "master" URL for this page.
Shown in Facebook/LinkedIn cards. Keep under 95 chars.
100–200 chars shown in social cards.
1200×630px JPG or PNG. Must be accessible over HTTPS.
Canonical URL for social sharing — prevents like-count splitting.
Appears as the source label on Facebook and LinkedIn.
Declaring dimensions prevents Facebook layout shifts before the image loads.
Accessibility alt text for your OG image on social platforms.
Required for Twitter/X to show any image. summary_large_image gives a full-width preview.
Under 70 chars.
Under 200 chars.
1200×628px recommended for summary_large_image.
Your site's Twitter/X @handle.
The content author's @handle.
Required for Google mobile-first indexing. Always include this.
Set on your HTML tag (e.g. lang="en"). Critical for international SEO.
Colors the mobile browser bar. Used by Progressive Web Apps.
SEO元标签 are lines of HTML placed inside your page's head section. They're invisible to visitors but essential for search engines and social platforms — they tell Google what your page is about, how to index it, and exactly how to display it in search results and social shares.
两个最重要的是 标题标签 和 元描述. Together they form your "organic ad" in Google — the snippet that determines whether someone clicks your result or the one above or below it. Our free 元标签生成器 让您在一个地方制作、预览和复制所有内容。
除了基本的SEO标签,一个完整的实现还包括 Open Graph元标签 用于社交卡片, Twitter卡片元标签,以及技术标签,如 charset, viewport, 和 canonical — all generated by this tool with one click.
<!-- Basic SEO Meta Tags --> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Meta Generator — Build SEO Tags Free</title> <meta name="description" content="Generate perfect SEO meta tags…"> <link rel="canonical" href="https://yoursite.com/">
<!-- Open Graph Tags --> <meta property="og:title" content="Your Title for Social Sharing"> <meta property="og:image" content="https://yoursite.com/og.jpg">
<!-- Twitter Card --> <meta name="twitter:card" content="summary_large_image">
你的标题标签是最重要的页面内SEO元素。使用我们的 标题标签生成器 preview above to see exactly how yours looks in Google — and follow these rules to maximise clicks.
将你的主要关键词放在标题的开头或附近。Google和用户都更重视标题中较早出现的词语。
Our pixel-width bar shows your title's true width. Google truncates at ~600px — a pixel-accurate limit our meta title generator tracks in real time.
Separate your brand name from the main title with | or — at the end. This builds recognition without wasting keyword space at the front.
Google rewrites titles it considers keyword-stuffed or inaccurate. Write naturally — include the keyword, make it click-worthy, and let our SERP preview confirm it looks right.
我们的免费 元描述生成器 previews your description exactly as Google shows it — complete with keyword highlighting when your target phrase matches the search query. A great description doesn't improve rankings directly, but it 大幅提高点击率,这意味着在相同位置获得更多流量。
使用这个 元描述创建器 to craft unique descriptions for every page. Google may rewrite generic or duplicate descriptions — so always write something specific, compelling, and within 120–160 characters.
自然地包含你的主要关键词
Google bolds matching keywords in the SERP — this draws the user's eye to your listing over competitors.
以明确的行动号召结尾
"Try it free today", "Get your free report", "Start in 60 seconds" — action phrases convert readers into visitors.
Stay between 120–160 characters
我们的字符计数器会标记太短(浪费空间)或太长(句子被截断)的描述。
切勿在页面间重复描述
Google may override duplicate descriptions with auto-generated snippets. Every page needs a unique description — use SkySEOManager Pro to bulk-generate them.
除了Google,你在Facebook、LinkedIn、WhatsApp和Twitter/X上分享的每个链接都由 Open Graph (OG) 标签。我们的 og标签生成器 和 twitter元标签生成器 — built into the tabs above — let you craft perfect social cards for all platforms in one session.
Requires og:title, og:description, og:image (1200×630px), og:url, og:type. Missing og:image = no image preview on Facebook — the single biggest mistake most sites make.
设置twitter:card="summary_large_image"以获取全宽图片预览。没有这个标签,无论你的og:image如何,Twitter都只显示纯文本链接,没有图片。
Both use og:title, og:description, and og:image automatically — no separate tags needed. Make sure your og:image works at small sizes (WhatsApp shows a thumbnail).
已经有OG标签了吗?
使用我们的免费Open Graph检查器来验证您网站上实时内容。
使用我们的 免费元标签生成器 上述工具,并按照以下四个步骤,在五分钟内将完美格式化的HTML元标签添加到您的网站上。
Enter your page title (45–60 chars), meta description (120–160 chars), keywords, and canonical URL. Watch the live SERP preview update instantly.
Add your og:image URL (1200×630px) and set twitter:card="summary_large_image". Leave other fields blank to auto-inherit from your SEO tab.
确认字符集(UTF-8)、视口和语言。添加主题色以支持PWA。根据需要启用可选标签。
Click "Copy All" and paste the HTML inside your page's head section — before the closing head tag. Done.
The safest way to add global meta tags without editing PHP files. WPCode → Add Snippet → HTML Snippet → Insert in Head. Works with any theme and survives all theme updates.
两个插件都有一个每页的元框,您可以在其中粘贴标题和描述。它们会自动处理HTML。使用我们的SERP预览来编写文本,然后粘贴到插件字段中。
使用子主题functions.php中的wp_head操作以编程方式添加元标签。最适合需要按帖子类型进行PHP逻辑的动态标签。
从 元关键词生成器 到 机器人元标签生成器 — every tag our tool builds, explained in plain English.
| 标签 | 优先级 |
|---|---|
Meta Title Tag |
关键 |
meta description |
关键 |
meta robots |
关键 |
meta viewport |
关键 |
meta charset |
关键 |
link canonical |
重要 |
og:title |
重要 |
og:description |
重要 |
og:image |
重要 |
og:url |
重要 |
twitter:card |
重要 |
og:type |
推荐 |
og:site_name |
推荐 |
og:locale |
推荐 |
meta keywords |
可选 |
meta author |
可选 |
meta theme-color |
可选 |
og:image:width / height |
可选 |
适用于有10个以上页面的WordPress网站
这个免费的 元代码生成器 非常适合单个页面。但如果你运行一个有几十或几百篇文章的WordPress网站,手动编写独特的标题和描述在规模上是不可能的。 SkySEOManager 专业版 解决了这个问题。