SEO - 元标签优化

SEO - 优化 Meta 标签和 Title 标签

虽然存在多种 Meta 标签，但以下两种对于 SEO 尤其重要，同样重要的还有关键的 HTML Title 标签：

Title 标签 ()
Meta Description 标签 (<meta name="description">)
Robots Meta 标签 ()

Title 标签技术上并非 Meta 标签，但通常与它们一起讨论。它是一个关键的排名因素，并且由于它在搜索结果中显示为主要标题，因此极大地影响着点击率（CTR）。

Meta Description 标签不直接影响排名，但对 CTR 至关重要。搜索引擎通常用它来生成显示在搜索结果标题下方的描述性摘要。引人注目的描述会鼓励用户点击。

Meta Keywords 标签 () 曾很重要，但由于过去被滥用（关键词堆砌），现在已被 Google 和大多数主要搜索引擎忽略。包含它通常不会带来任何 SEO 收益，因此不推荐使用。

Robots Meta 标签用于指示搜索引擎爬虫如何抓取或索引您网站的部分内容。

这些标签在 HTML 中是什么样的？

您需要在 HTML 文档的 <head> 部分添加这些标签：

<!DOCTYPE html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <title>Primary Keyword - Secondary Keyword | Brand Name</title>

  <meta name="description" content="Engaging, keyword-rich description of the page content, ideally under 160 characters, encouraging clicks.">

  <meta name="robots" content="index, follow">

  <!-- 示例：用于社交媒体的 Open Graph 标签 -->
  <meta property="og:title" content="Title for Social Media">
  <meta property="og:description" content="Description for Social Media">
  <meta property="og:image" content="URL_to_image.jpg">
  <meta property="og:url" content="Canonical_URL_of_page">
  <meta property="og:type" content="website">

  <!-- 示例：Twitter Card 标签 -->
  <meta name="twitter:card" content="summary_large_image">
  <meta name="twitter:title" content="Title for Twitter">
  <meta name="twitter:description" content="Description for Twitter">
  <meta name="twitter:image" content="URL_to_image.jpg">

  <!-- 示例：规范标签 -->
  <link rel="canonical" href="URL_of_this_page" />

 </head>
 <body>
  <!-- 页面内容放在这里 -->
 </body>
</html>

Title 标签最佳实践

**唯一性：**每个页面都必须有一个唯一的标题。
**关键词：**自然地包含您的主要目标关键词，最好放在标题的开头部分。
**长度：**目标是 50-60 个字符，以尽量减少在搜索结果中被截断。
**清晰简洁：**清楚地描述页面的内容和价值。
**品牌：**包含您的品牌名称，通常放在标题末尾，用竖线 (|) 或连字符 (-) 分隔。
**可读性：**优先为人类读者写作；避免关键词堆砌。

Meta Description 标签最佳实践

**唯一性：**为每个重要页面编写独特的描述。
**关键词：**自然地融入用户可能搜索的相关关键词。
**长度：**保持在 160 个字符以内，避免被截断。
**引人入胜的文案：**像对待广告文案一样编写；突出价值，并包含号召性用语（暗示或明确的），以鼓励点击。
**准确性：**准确反映页面的内容。

Robots Meta 标签指令

此标签用于控制爬虫在特定页面上的行为。常用指令包括：

index：允许搜索引擎索引此页面（默认）。
noindex：阻止搜索引擎索引此页面。
follow：允许搜索引擎跟踪此页面上的链接（默认）。
nofollow：阻止搜索引擎跟踪此页面上的链接。
noarchive：阻止搜索引擎在搜索结果中显示此页面的缓存版本。
nosnippet：阻止搜索引擎在搜索结果中显示此页面的文本摘要或视频预览。
max-snippet:[number]：设置摘要的最大文本长度。
max-image-preview:[setting]：设置图片预览的最大尺寸（none, standard, large）。
max-video-preview:[number]：设置视频预览的最大时长（以秒为单位）。

您可以组合使用指令，例如 content="noindex, nofollow"。请谨慎使用这些指令，以有效引导爬虫行为。

其他有用的标签

规范标签 (<link rel="canonical">)： 当存在重复内容时，指定页面的首选版本，以合并排名信号。
社交媒体 Meta 标签（Open Graph, Twitter Cards）： 控制您的内容在社交媒体平台分享时如何显示，从而增强可见性和互动性。