Softonic

元标签生成器

步 1 / 4 生成的标签
下一步

这是快速元标签生成器的扩展版本，可一次性生成完整的元数据集：基础 SEO 标签、支持按地区适配的 Open Graph、支持应用内深度链接的 Twitter 卡片、图标集（ico、svg、apple-touch-icon、mask-icon）、PWA 清单链接、浅色与深色模式的主题色，以及可选的 JSON-LD 区块（适用于文章、产品、食谱、FAQ 或活动结构）。在搭建新网站时尤为实用，可确保首次就把 <head> 写正确。

如何构建完整的元标签集

  1. 1

    填写核心字段

    标题、描述、canonical、网站名称、默认图片。

  2. 2

    添加社交平台专属的覆盖设置

    如有需要，可为 Open Graph 或 Twitter 设置不同的标题或描述。

  3. 3

    配置图标和 PWA

    网站图标（favicon）路径、Apple 触控图标、清单文件、浅色/深色主题色。

  4. 4

    选择 Schema.org 类型

    文章、产品、食谱、活动、FAQ、组织。根据你的输入填充 JSON-LD。

  5. 5

    复制完整的代码片段

    粘贴到 `<head>...</head>` 之间。

完整套件

  • 核心 SEO： <title>、description、canonical、viewport、robots、author、charset。
  • Open Graph： og:type、og:title、og:description、og:image（含宽度/高度）、og:url、og:site_name、og:locale，以及用于翻译的 og:locale:alternate。
  • Twitter 卡片： twitter:card、twitter:site、twitter:creator、twitter:title、twitter:description、twitter:image，以及用于深度链接到原生应用的 twitter:app:*。
  • 图标： 多种格式的网站图标（旧版用 .ico，新版用 .svg；180×180 像素的 Apple 触控图标；用于 Safari 固定标签页的遮罩图标）。
  • PWA： manifest.json 链接、浅色与深色模式的 theme-color、apple-mobile-web-app-capable。
  • JSON-LD： 面向该内容类型的 Schema.org 结构化数据。

各类 schema 的 JSON-LD 模板

文章

{
  "@context": "https://schema.org",
  "@type": "Article",
  "headline": "...",
  "author": { "@type": "Person", "name": "..." },
  "datePublished": "2026-04-18",
  "dateModified": "2026-04-18",
  "image": "https://..."
}

产品

{
  "@context": "https://schema.org",
  "@type": "Product",
  "name": "...",
  "image": "https://...",
  "brand": { "@type": "Brand", "name": "..." },
  "offers": {
    "@type": "Offer",
    "price": "29.99",
    "priceCurrency": "USD",
    "availability": "https://schema.org/InStock"
  }
}

FAQ 页面

{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [{
    "@type": "Question",
    "name": "...",
    "acceptedAnswer": { "@type": "Answer", "text": "..." }
  }]
}

何时使用每种 Schema.org 类型

内容类型 Schema
博客文章、新闻 Article / NewsArticle
产品页面 Product + Offer
食谱 Recipe
活动（音乐会、网络研讨会） Event
人物（作者页） Person
公司页面 Organization
FAQ FAQPage
面包屑导航 BreadcrumbList
本地商家 LocalBusiness

验证

粘贴后，请验证完整的 <head>：

  • 用 Rich Results Test（Google）检查 JSON-LD 是否有资格获得富媒体结果。
  • 用 Schema Markup Validator 检查 Schema.org 的正确性。
  • 用 Facebook Sharing Debugger 预览 Open Graph。
  • 用 Twitter Card Validator 预览 Twitter。
  • 用 Lighthouse（Chrome 开发者工具 → Lighthouse）进行整体审计。

常见问题

不会直接提升。JSON-LD 本身不会提高排名，但它能实现富媒体结果展示（星级评分、FAQ 折叠面板、价格与库存），从而提高点击率；而更高的点击率会间接带来帮助。

可以。常见做法是：一个 BreadcrumbList 加一个 Article（或 Product）。每个区块应专注于单一 schema 类型，而不要混合多种类型。

Twitter 确实会回退到 OG，但你可能需要不同的图片宽高比，或者设置 OG 不支持的创作者账号。只在与 OG 不同之处，才添加 Twitter 专属标签。

不会。它会为 Android Chrome 和 iOS Safari（添加到主屏幕时）的浏览器界面着色；桌面端浏览器则会忽略它。

不会，该生成器完全在你的浏览器中运行，你的所有输入都保留在本地。

相关工具

坏链检查器

粘贴页面 URL，检查其出站链接中的 404 和其他 HTTP 错误，并显示每个链接的状态码。

HTTP安全头检查器

粘贴 HTTP 响应标头，在浏览器本地检查 HSTS、CSP、点击劫持、MIME、referrer 和跨源策略。

XML 站点地图检查器

在浏览器中检查站点地图 XML，发现解析错误、缺少地址、重复 URL 以及常用站点地图字段值问题。

元描述长度检查器

测量元描述的字符数和估算像素宽度，对照编辑参考，并查看桌面端与移动端版式示意。

规范URL验证器

粘贴页面的 HTML 并检查其 rel=canonical 标签：是否存在、是否为有效的绝对 URL、是否与页面 URL 一致。

外部链接提取器

粘贴原始HTML，可选设置基础URL，即可获得代码中所有外部 http/https 链接的干净、去重列表，用于链接审计和SEO审查。

此工具还提供其他语言版本