Empowering 11,000+ WordPress Creators • Est. 2020
Free · Instant · No Account Needed

免费元标签生成器 适用于任何网站

最快的免费 元标签生成器 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.

SEO Title & Meta Description Open Graph / OG标签 Twitter卡片标签 技术性元标签 实时Google SERP预览 从URL导入 一键复制HTML
Import from URL:
Quick Template:
0/60
Pixel width — Google truncates at ~600px 0px
0/160

Google ignores this tag. Bing uses it lightly. Comma-separated, max 10 terms.

Prevents duplicate content by defining the "master" URL for this page.

generated-meta-tags.html — paste inside your head section
seo

        
og

        
twitter

        
technical

        
0 lines 0 tags 0 bytes

Google SERP Preview

Meta Tag Health Score

0 /100

什么是元标签?

SEO元标签:它们是什么以及每个页面为什么需要它们

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.

example — copy yours above ↑
<!-- 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和用户都更重视标题中较早出现的词语。

控制在600像素以内

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.

OG标签生成器 + Twitter元标签生成器

除了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.

Facebook / LinkedIn (og:标签)

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 / X (twitter:标签)

设置twitter:card="summary_large_image"以获取全宽图片预览。没有这个标签,无论你的og:image如何,Twitter都只显示纯文本链接,没有图片。

💬

WhatsApp + Slack

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检查器来验证您网站上实时内容。

Check OG Tags →
分步指南

How to Generate Meta Tags for Your Website — Free

使用我们的 免费元标签生成器 上述工具,并按照以下四个步骤,在五分钟内将完美格式化的HTML元标签添加到您的网站上。

1

填写SEO标签

Enter your page title (45–60 chars), meta description (120–160 chars), keywords, and canonical URL. Watch the live SERP preview update instantly.

2

配置OG + Twitter标签

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.

3

调整技术设置

确认字符集(UTF-8)、视口和语言。添加主题色以支持PWA。根据需要启用可选标签。

4

Copy & paste into your site

Click "Copy All" and paste the HTML inside your page's head section — before the closing head tag. Done.

WPCode(推荐)

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.

WPCode → Add Snippet → HTML → Site Wide Header

SkySEO经理

两个插件都有一个每页的元框,您可以在其中粘贴标题和描述。它们会自动处理HTML。使用我们的SERP预览来编写文本,然后粘贴到插件字段中。

Post editor → SEO plugin panel → Title & Meta

functions.php(开发者)

使用子主题functions.php中的wp_head操作以编程方式添加元标签。最适合需要按帖子类型进行PHP逻辑的动态标签。

add_action('wp_head', function(){ ... })
完整参考

Every Meta Tag Our Generator Creates — Full Reference

元关键词生成器机器人元标签生成器 — 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 专业版 解决了这个问题。

  • 从一个屏幕批量编辑每篇文章的标题和元描述
  • AI(Gemini)驱动的优化描述自动生成
  • Works with SkySEOManager — no plugin conflicts
  • 批量图像alt文本扫描器和自动修复器
11,000+
活跃安装量
Gemini AI
驱动
批量编辑
一次处理500+页面
14天
退款

常见问题解答

如何免费为我的网站生成元标签?
Simply fill in the fields in the free meta tag generator above — Page Title, Meta Description, and the Open Graph/Twitter tabs — and the tool instantly generates the complete HTML code. Click "Copy All" and paste it inside the head section of your page. No account, no sign-up, no limit on how many pages you can generate tags for.
我可以从URL生成元标签吗?
Yes. Click the "Import from URL" bar at the top of the tool, paste any public URL, and click "Import Tags." Our tool fetches the page and auto-fills all fields with the existing meta tags — title, description, OG tags, Twitter tags, and technical attributes. This is the fastest way to audit and update an existing page's meta tags without copying and pasting manually.
元关键词仍然值得包含吗?
No — Google officially ignores the meta keywords tag and has done so since 2009. Bing uses it very lightly as a minor ranking signal. Our meta keywords generator includes the field for completeness, but we recommend spending your time on title tags and meta descriptions instead. If you use it, keep keywords to 5–10 comma-separated terms that genuinely describe the page.
og:title和标题标签有什么区别?
The title tag is used by Google in search results and in browser tabs. The og:title is used by Facebook, LinkedIn, and WhatsApp when someone shares the link as a card. They serve different audiences and can have different text. For example, your title tag might be "Free Meta Tag Generator | SiteSkyline" (optimised for search) while your og:title is "Generate Perfect HTML Meta Tags in 60 Seconds — Free" (more click-worthy on social media).
如何在不使用插件的情况下向WordPress网站添加元标签?
Use WPCode (a free WordPress plugin) to add custom HTML to your site's head section without editing theme files. Go to WPCode → Add Snippet → HTML Snippet, paste the HTML code generated by our tool, set the location to "Site Wide Header," and activate the snippet. This method is safe, survives theme updates, and works with any WordPress setup.
最好的免费在线元描述生成器是什么?
Our tool is a free meta description generator online that creates, previews, and scores your meta description in real time — no sign-up needed. Enter your description in the SEO tab, watch the SERP preview update, and use the character counter to stay in the 120–160 character sweet spot. For bulk meta description generation across an entire WordPress site, use SkySEOManager Pro with Gemini AI.
如何为Blogger网站生成元标签?
Our meta tag generator works for any website — WordPress, Blogger, Shopify, Webflow, or plain HTML. For Blogger specifically, go to Theme → Edit HTML and paste the generated tags between the head tags in your theme code. Note that Blogger already outputs some basic meta tags — check for duplicates before adding. For the og:image, make sure you use an absolute URL accessible over HTTPS.
是的——我们的OG标签生成器内置在工具的“OG”选项卡中。输入你的og:title、og:description、og:image(1200×630像素JPG/PNG)、og:url、og:type、og:site_name、og:locale和图片尺寸。工具还会生成og:image:width、og:image:height和og:image:alt。添加OG标签后,使用我们的免费
Yes — our OG tag generator is built into the "OG" tab of the tool. Enter your og:title, og:description, og:image (1200×630px JPG/PNG), og:url, og:type, og:site_name, og:locale, and image dimensions. The tool also generates og:image:width, og:image:height, and og:image:alt. After adding your OG tags, use our free 在所有6个社交平台进行验证。 什么是robots元标签以及何时应使用noindex?
robots元标签控制搜索引擎是否可以索引和跟踪特定页面上的链接。最重要的值是“index, follow”(默认——允许所有)、“noindex, follow”(从搜索结果中排除但跟踪链接)和“noindex, nofollow”(完全排除)。仅在确实不希望被谷歌收录的页面上使用noindex——管理页面、感谢页面、暂存URL和重复内容。意外在公共页面上留下noindex是最常见且最具破坏性的WordPress SEO错误之一。
The robots meta tag controls whether search engines can index and follow links on a specific page. The most important values are "index, follow" (default — allow everything), "noindex, follow" (exclude from search results but follow links), and "noindex, nofollow" (exclude completely). Only use noindex on pages you genuinely don't want in Google — admin pages, thank-you pages, staging URLs, and duplicate content. Accidentally leaving noindex on a public page is one of the most common and damaging WordPress SEO mistakes.

Generate Your Meta Tags Free — Right Now

免费生成元标签 →

Run Full SEO Audit →