Meta 标签是网页 <head> 区域中提供给搜索引擎和社交平台的关键信息。标题、描述写得好不好，会影响搜索结果展示、点击表现和分享时的呈现效果。

Meta 标签适合做什么

Meta 标签生成适合快速为网页生成标准化的 <meta> 和 <link> 标签。常见场景包括：

  • 为网站页面设置 title 和 description，影响搜索结果的标题和摘要。
  • 指定 canonical URL，避免重复内容影响排名。
  • 控制搜索引擎是否索引和跟踪当前页面（robots meta）。
  • 配置 Open Graph（OG）标签，控制分享到社交媒体时的标题、描述和缩略图。
  • 配置 Twitter Card 标签，控制分享到 X（原 Twitter）时的卡片样式。

基本使用步骤

  1. 打开 Meta 标签生成工具。
  2. 填写需要的信息：
    • 页面标题（title）。
    • 页面描述（description）。
    • 页面 URL 和规范链接（canonical）。
    • robots 控制（index / noindex、follow / nofollow）。
    • OG 标题、描述、图片、类型。
    • Twitter Card 类型和内容。
  3. 预览生成的 HTML 代码。
  4. 复制代码到网页的 <head> 区域。

生成示例

一个典型的 Meta 标签配置：

<title>在线工具教程 | 锚文本</title>
<meta name="description" content="简单实用的在线工具教程。">
<link rel="canonical" href="https://www.maowenben.com/tools/">
<meta name="robots" content="index, follow">

<meta property="og:title" content="在线工具教程 | 锚文本">
<meta property="og:description" content="简单实用的在线工具教程。">
<meta property="og:image" content="https://www.maowenben.com/og-image.png">
<meta property="og:url" content="https://www.maowenben.com/tools/">
<meta property="og:type" content="website">

<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="在线工具教程 | 锚文本">
<meta name="twitter:description" content="简单实用的在线工具教程。">

常见问题

title 和 OG 标题需要保持一致吗？ 不强制，但建议保持一致或相近。title 影响搜索引擎结果，OG 标题控制社交分享展示，两者差异太大会让用户产生困惑。

description 写多长合适？ 移动端搜索结果中描述通常不超过 110-120 个字符，桌面端不超过 160-170 个字符。建议控制在 120 字以内，确保核心信息在前半段出现。

OG 图片有什么要求？ 建议 1200×630 像素，这是大多数社交平台分享时的最佳比例。图片格式建议使用 PNG 或 JPG，文件不宜过大以免加载慢。

相关工具推荐