← 返回博客

SEO Meta标签完全指南：让搜索引擎爱上你的网站

2026年2月 · 阅读时间 5分钟

Meta标签是网页的"名片"，决定了你的页面在搜索结果和社交媒体中如何展示。写好Meta标签是SEO的第一步。

最重要的Meta标签

1. Title标签

搜索结果中显示的蓝色标题，对SEO影响最大。

<title>页面标题 - 网站名</title>

✅ 长度控制在50-60个字符

✅ 核心关键词放在前面

✅ 每个页面标题唯一

✅ 包含品牌名（放在末尾）

❌ 不要堆砌关键词

2. Description标签

搜索结果中标题下方的描述文字。

<meta name="description" content="页面描述..." />

✅ 长度控制在120-160个字符

✅ 包含核心关键词（会被加粗显示）

✅ 写成吸引点击的文案

✅ 准确描述页面内容

❌ 不要和其他页面重复

Open Graph标签（社交分享）

当你的链接被分享到微信、Facebook、Twitter时，OG标签决定了预览卡片的样式。

<meta property="og:title" content="页面标题" />

<meta property="og:description" content="描述" />

<meta property="og:image" content="https://example.com/image.jpg" />

<meta property="og:url" content="https://example.com/page" />

<meta property="og:type" content="website" />

<meta property="og:site_name" content="网站名" />

💡 og:image 推荐尺寸：1200×630像素，这是大多数平台的最佳显示尺寸。

Twitter Card标签

<meta name="twitter:card" content="summary_large_image" />

<meta name="twitter:title" content="标题" />

<meta name="twitter:description" content="描述" />

<meta name="twitter:image" content="图片URL" />

其他重要标签

<!-- 视口设置（移动端必须） -->

<meta name="viewport" content="width=device-width, initial-scale=1.0" />

<!-- 规范链接（避免重复内容） -->

<link rel="canonical" href="https://example.com/page" />

<!-- 语言声明 -->

<html lang="zh-CN">

<!-- 禁止索引（如需要） -->

<meta name="robots" content="noindex, nofollow" />

完整模板

<meta charset="UTF-8" />

<meta name="viewport" content="width=device-width, initial-scale=1.0" />

<title>页面标题 - 网站名</title>

<meta name="description" content="50-160字的页面描述" />

<link rel="canonical" href="https://example.com/page" />

<meta property="og:title" content="页面标题" />

<meta property="og:description" content="描述" />

<meta property="og:image" content="1200x630图片" />

<meta name="twitter:card" content="summary_large_image" />

在线生成工具

手写Meta标签容易遗漏？用我们的 Meta标签在线生成器，填写表单自动生成完整的Meta标签代码，包含OG和Twitter Card，还有Google搜索预览。

更多SEO工具请访问 www.cyunyun.com。