Meta Tags（元标签）：SEO 的完整 HTML 元数据指南
Meta Tags 为搜索引擎提供关于你页面的信息。学习哪些标签重要、哪些不重要，以及如何正确实现它们。
2026-05-30
·
1 分钟阅读
Meta Tags 是提供网页元数据的 HTML 元素。它们位于 <head> 部分，告诉搜索引擎和浏览器如何处理页面。
必需的 Meta Tags
1. Title Tag
<title>2026 年最佳跑鞋 - 专家评测与对比</title>
最重要的 meta 标签。它出现在搜索结果、浏览器标签和社交分享中。
2. Meta Description
<meta name="description" content="对比 2026 年最佳 15 款跑鞋。专家评测、定价和每种脚型的性能数据。">
你在搜索结果中的广告文案。不直接影响排名但严重影响 CTR。
3. Viewport
<meta name="viewport" content="width=device-width, initial-scale=1">
移动优先索引所必需。没有它，你的网站在移动端无法正常渲染。
4. Charset
<meta charset="UTF-8">
定义字符编码。UTF-8 是标准。
5. Robots
<meta name="robots" content="index, follow">
控制抓取和索引行为。常见值：
index, follow（默认）noindex, follow（不索引，但跟踪链接）index, nofollow（索引，但不跟踪链接）noindex, nofollow（完全排除）
有用但可选的 Meta Tags
Canonical
<link rel="canonical" href="https://example.com/best-running-shoes/">
告诉 Google 哪个版本的页面是原始版本。对避免重复内容问题至关重要。
Open Graph（社交分享）
<meta property="og:title" content="2026 年最佳跑鞋">
<meta property="og:description" content="专家评测与对比">
<meta property="og:image" content="https://example.com/shoes-og.jpg">
<meta property="og:url" content="https://example.com/best-running-shoes/">
<meta property="og:type" content="article">
控制你的页面在 Facebook、LinkedIn、Slack 等平台分享时的外观。
Twitter Card
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="2026 年最佳跑鞋">
<meta name="twitter:description" content="专家评测与对比">
<meta name="twitter:image" content="https://example.com/shoes-twitter.jpg">
控制 Twitter 分享外观。
Hreflang
<link rel="alternate" hreflang="en" href="https://example.com/en/page/">
<link rel="alternate" hreflang="zh" href="https://example.com/zh/page/">
<link rel="alternate" hreflang="x-default" href="https://example.com/en/page/">
告诉 Google 向哪些用户显示哪个语言/地区版本。
不再重要的 Meta Tags
Meta Keywords
<!-- 不用费心 -->
<meta name="keywords" content="跑鞋，最佳鞋子，鞋子评测">
Google 自 2009 年以来就忽略了它。Bing 可能将其用作负面信号。
Meta Author
<!-- 可选，无 SEO 影响 -->
<meta name="author" content="John Doe">
无 SEO 影响。某些 CMS 或工具可能使用它，但搜索引擎不关心。
常见 Meta Tag 错误
移动端缺失 Viewport
没有 viewport，Google 无法正确渲染你的移动页面，这会伤害移动优先索引。
冲突的 Robots 指令
在 meta robots 中有 noindex 但在 robots.txt 中允许抓取会产生 Google 无法干净解决的冲突。
重复的 Title Tags
每个页面需要独特的标题。重复的标题会混淆 Google 并浪费关键排名信号。
分页或参数化 URL 缺失 Canonical
过滤、排序和分页 URL 应该 canonicalize 到主分类页面。
如何审计 Meta Tags
- 用 SEO 审计工具 扫描整站缺失、重复或不正确的 meta tags。
- 用 Chrome 扩展 即时检查单个页面。
- 使用 Facebook 分享调试器和 Twitter Card 验证器测试社交 meta tags。
回到词汇表
一句话定义：Glossary 里的 Meta Tags。