Patet

SEO 优化

用页面基础、社交卡片、sitemap、结构化数据和性能优化，让搜索引擎和真实用户都能找到你的网站。

SEO 说白了就是：让搜索引擎和真人都能找到你的网站。听起来玄乎，但你不需要懂什么黑魔法——把几个基础做扎实，就能拿到 80% 的效果。这一篇带你把这些基础一个个落地。

SEO 不是一锤子买卖，而是「先把基础打好，再慢慢积累」。一个内容真实有用、加载快、能被正确抓取的网站，长期一定跑得赢各种投机取巧的小聪明。

页面基础 / Page basics

搜索引擎理解你页面的第一手信息，来自几个最基础的 HTML 标签。每个页面都要做到：

  • 唯一且有描述性的 <title> —— 这是搜索结果里最显眼的蓝色标题。每个页面都不一样，控制在 50–60 个字符左右。
  • <meta name="description"> —— 搜索结果里标题下方的那段说明。150 字符左右，写得有吸引力一点，它影响别人点不点。
  • 一个清晰的 <h1> —— 每页只要一个，告诉搜索引擎「这页到底讲什么」。
  • canonical URL —— 告诉搜索引擎「这页的标准地址是哪个」，避免 ?ref=xxx、带斜杠/不带斜杠等重复内容被分散权重。
<head>
  <meta charset="utf-8" />
  <title>便宜 VPS 选购指南 · Patet</title>
  <meta name="description" content="对比 2026 年主流低价 VPS：价格、配置、免费额度与适用场景，帮你花最少的钱上线。" />
  <link rel="canonical" href="https://patet.xyz/zh/docs/cheap-cloud" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
</head>

别在所有页面用同一个 <title> 和 description（很多框架默认就是这样），也别堆砌关键词。重复和堆砌都会被搜索引擎判为低质量。

社交分享卡片 / Social share cards (Open Graph)

当别人把你的链接发到微信、X、Slack、Telegram 时，那个带图片的预览卡片就是 Open Graph 标签决定的。配好它，你的链接看起来专业得多，点击率也会高。

<!-- Open Graph -->
<meta property="og:title" content="便宜 VPS 选购指南" />
<meta property="og:description" content="对比主流低价 VPS，帮你花最少的钱上线。" />
<meta property="og:image" content="https://patet.xyz/og/cheap-cloud.png" />
<meta property="og:url" content="https://patet.xyz/zh/docs/cheap-cloud" />
<meta property="og:type" content="article" />

<!-- Twitter / X -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="便宜 VPS 选购指南" />
<meta name="twitter:description" content="对比主流低价 VPS，帮你花最少的钱上线。" />
<meta name="twitter:image" content="https://patet.xyz/og/cheap-cloud.png" />

关键是那张 OG 图片：建议 1200×630 像素，用绝对路径（https://… 开头），里面放标题文字让缩略图自己会说话。

懒得手写这些标签？用 SEO 代码生成器 填几个字段，meta、Open Graph、Twitter 卡片一次性生成，复制粘贴即可。

robots.txt 与 sitemap.xml

这两个文件是给搜索引擎爬虫看的「门牌」：

  • robots.txt —— 放在网站根目录（https://你的域名/robots.txt），告诉爬虫哪些能抓、哪些别抓，并指向你的 sitemap。
  • sitemap.xml —— 列出你所有希望被收录的页面，让爬虫一次性知道你有哪些内容，不用自己慢慢爬。

一份对小站友好的 robots.txt：

User-agent: *
Allow: /

Sitemap: https://patet.xyz/sitemap.xml

最简单的 sitemap.xml：

<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
  <url>
    <loc>https://patet.xyz/zh/docs/cheap-cloud</loc>
    <lastmod>2026-06-09</lastmod>
  </url>
  <url>
    <loc>https://patet.xyz/zh/docs/domain</loc>
    <lastmod>2026-06-09</lastmod>
  </url>
</urlset>

上线后第一件事：确认你没有误把整站屏蔽掉。如果 robots.txt 里写了 Disallow: /，或页面带了 <meta name="robots" content="noindex">，搜索引擎就永远不会收录你——这是新站「搜不到自己」最常见的原因。

这两个文件同样可以用 SEO 代码生成器 一键生成。

结构化数据 / Structured data (JSON-LD)

结构化数据是用一段标准化的 JSON 告诉搜索引擎「这个网站/这篇文章到底是什么」，有机会拿到搜索结果里的「富媒体摘要」（站点链接、面包屑、星级等）。最简单的两个就是 WebSite 和 Organization：

{
  "@context": "https://schema.org",
  "@type": "WebSite",
  "name": "Patet",
  "url": "https://patet.xyz",
  "description": "帮你把 AI / vibe coding 项目推上公网的实用教程",
  "publisher": {
    "@type": "Organization",
    "name": "Patet",
    "url": "https://patet.xyz"
  }
}

把它放进页面 <head> 里的一个 <script type="application/ld+json"> 标签即可。写好后用 Google 的 Rich Results 测试（search.google.com/test/rich-results）粘贴 URL 验证一下，确认没有报错。

性能与 Core Web Vitals / Performance

网站越快，排名越高，转化也越好——这不是玄学，Google 明确把加载速度（Core Web Vitals）作为排名因素，而真实用户更是没耐心等慢页面。几个立竿见影的做法：

  • 优化图片 —— 用 WebP/AVIF 格式，按显示尺寸输出，别把 4000px 的原图直接塞进 200px 的位置。
  • 懒加载 —— 首屏以下的图片加 loading="lazy"，先让首屏出来。
  • 用 CDN —— 让静态资源就近分发，全球访问都快。最省事的方式见 接入 Cloudflare，免费版就能用上 CDN 和缓存。
  • 精简 JS —— 删掉用不上的依赖和第三方脚本，能静态的就别上重框架。
  • 测一测 —— 用 Lighthouse（Chrome 开发者工具自带）或 PageSpeed Insights（pagespeed.web.dev）跑一遍，按它给的建议逐条改。

先测后改。Lighthouse 会直接告诉你「哪张图太大、哪段 JS 阻塞渲染」，照着改比凭感觉优化高效得多。

让搜索引擎收录 / Get indexed

光有 sitemap 还不够，你得主动「报到」，让搜索引擎知道你存在：

配置 Google Search Console

打开 search.google.com/search-console，添加你的网站并验证所有权（推荐用 DNS TXT 记录，配合 Cloudflare 几分钟搞定）。验证后提交你的 sitemap.xml，再用「网址检查（URL Inspection）」工具对单个页面发起收录请求。

配置 Bing Webmaster Tools

打开 bing.com/webmasters，同样添加站点并提交 sitemap。好消息是它可以直接从 Google Search Console 一键导入，省去重复操作。

面向中国用户：百度搜索资源平台

如果你的目标用户在中国大陆，去 ziyuan.baidu.com 注册并验证站点、提交 sitemap。注意：百度对在境内有备案的网站更友好，收录也通常比 Google 慢一些，需要耐心。

收录是「天」级别的事，不是「分钟」级别。新站提交后等几天到几周很正常，别因为第二天搜不到就反复折腾。

多语言 / Multilingual (hreflang)

如果你像本站一样同时有中文和英文版本，要用 hreflang 告诉搜索引擎「同一内容有哪些语言版本」，这样中文用户看到中文页、英文用户看到英文页，两个版本也不会被当成重复内容互相打架。

<link rel="alternate" hreflang="zh" href="https://patet.xyz/zh/docs/seo" />
<link rel="alternate" hreflang="en" href="https://patet.xyz/en/docs/seo" />
<link rel="alternate" hreflang="x-default" href="https://patet.xyz/zh/docs/seo" />

x-default 指定「语言不匹配时默认跳哪个版本」。记得：每个语言版本的页面都要列出全部语言（包括它自己），相互指向才生效。

内容与外链 / Content & links

这是最重要、也最没法走捷径的一点：真正有用的内容 + 几个高质量的外链，胜过一切技巧。

  • 内容为王 —— 认真解决一个真实问题的页面，会自然吸引访问、停留和分享，这些信号比任何关键词堆砌都管用。
  • 少而精的外链 —— 几个相关、可信网站的链接，远胜过几百个垃圾站的链接。
  • 远离作弊 —— 买链接、关键词堆砌、隐藏文字、自动生成的口水内容，短期可能有用，长期只会被算法清算。

老老实实写对人有帮助的东西，是性价比最高的 SEO。

分析 / Analytics

上线后你需要知道「到底有没有人来、来看了啥、从哪来」。装一个分析工具，但优先选隐私友好的，既尊重用户也少踩合规的坑：

  • Plausible / Umami —— 轻量、不用 Cookie、无需弹同意横幅，Umami 还能自托管。
  • Cloudflare Web Analytics —— 如果你已经在用 Cloudflare，免费开一下即可，零额外脚本负担。
  • GA4（Google Analytics） —— 功能最全、免费，但偏重、要处理隐私合规，按需选择。

有了数据，你才能知道哪篇内容真正带来流量，把精力花在对的地方。

本步骤检查清单

  • 每个页面都有唯一的 <title>、meta description、一个 <h1> 和 canonical
  • 配好 Open Graph / Twitter 卡片和一张 OG 图片
  • robots.txt 允许收录并指向 sitemap，sitemap.xml 已提交
  • 加了 WebSite/Organization 的 JSON-LD，并用 Rich Results 测试通过
  • 用 Lighthouse/PageSpeed 跑过性能，优化了图片、懒加载、上了 CDN
  • 在 Google Search Console（及需要的 Bing / 百度）验证站点并提交 sitemap
  • 多语言站点配好了 hreflang 与 x-default
  • 装了隐私友好的分析工具

完整清单见 上线自查清单。

运维安全

一台刚开机的 VPS 几分钟内就会被全网扫描——本篇用几条具体命令，帮你挡掉约 99% 的自动化攻击。

模板与清单

复制即用的配置与清单——拿过去、替换占位符、直接上线，省去一行行从头敲的工夫。

本页目录

页面基础 / Page basics社交分享卡片 / Social share cards (Open Graph)robots.txt 与 sitemap.xml结构化数据 / Structured data (JSON-LD)性能与 Core Web Vitals / Performance让搜索引擎收录 / Get indexed配置 Google Search Console配置 Bing Webmaster Tools面向中国用户：百度搜索资源平台多语言 / Multilingual (hreflang)内容与外链 / Content & links分析 / Analytics