支柱指南:2026 版

终极 页面 SEO 清单 对于初学者

了解可推动实际流量的确切页面优化策略。从标题标签到用户 经验,这个 2500 多个单词的大师班涵盖了您在 2026 年排名更高所需的一切。

CH

专家验证

编辑团队

更新日期:2026 年 2 月 27 日
35 分钟阅读

简介:为什么页面 SEO 是最重要的 您网站的骨干

想象一下建造一家世界一流的餐厅。你们有最优秀的厨师,令人惊叹的 内饰和令人难以置信的菜单。但有一个问题:你忘了贴牌子 门,并且您名片上的地址不正确。无论你的成绩有多好 食物是,没有人进来。

页面搜索引擎优化 是“你门上的标志”。这是实践 优化各个网页以排名更高并在搜索中获得更多相关流量 发动机。虽然页外 SEO 专注于反向链接和社交信号等内容,但页内 SEO SEO 是您在自己的网站上可以 100% 控制的一切。

2026 年,谷歌的算法比以往任何时候都更加智能。他们不只是寻找关键词;他们还寻找关键词。 他们寻找 用户体验、相关性和权威性。如果你想 排名,您需要的不仅仅是几个元标记。您需要一个整体策略。这个 清单是您主导搜索引擎结果页面 (SERP) 的路线图。

要点

Google 不对“网站”进行排名,而是对“网页”进行排名。您网站上的每个页面都是 接触新受众的新机会。将每一页视为杰作 优化。

1. 技术 基础:速度、移动性和生命体征

在谈论内容之前,我们必须先谈谈基础设施。如果您的页面占用 10 秒加载,50% 的访问者甚至在看到您的标题之前就会跳出。 谷歌知道这一点,这就是为什么技术性能是直接排名因素。

核心网络生命 (CWV)

核心网络生命是 Google 认为重要的一组特定因素 网页的整体用户体验。它们包括:

  • LCP(最大内容涂料): 主要需要多长时间 要加载的内容。目标是 2.5 秒或更快。
  • INP(与下一个油漆的相互作用):测量响应能力 您的页面与用户交互。
  • CLS(累积布局偏移):有多少元素在 页面正在加载。目标分数低于 0.1。

HTTPS 和安全性

到 2026 年,SSL (HTTPS) 不再是可选的。这是一个基线要求。如果您的网站显示 如果“不安全”,您将立即失去用户和搜索引擎的信任。 确保您的主机(如 Hostinger 或 Dynadot)提供免费的 SSL 证书。

移动优先索引

Google 现在使用您网站的移动版本进行索引和排名。如果您的网站 在桌面上看起来很棒,但在移动设备上却很糟糕,您的排名将受到影响 板。使用响应式设计(就像我们使用 Tailwind CSS 所做的那样)以确保完美 所有设备上的体验。

2. 元数据 大师班:赢得点击

元数据是您在搜索结果中向用户推销的内容。这是他们看到的第一件事 这决定了他们是点击您的网站还是您竞争对手的网站。

标题标签</h3> <p> 标题标签可以说是最重要的页面搜索引擎优化元素。它告诉谷歌什么 该页面是关于并显示为 SERP 中的可点击标题。 </p> <ul> <li><strong>预先加载您的关键字</strong>:将您的主要关键字尽可能靠近 尽可能开始。</li> <li><strong>保持在 60 个字符以内</strong>:这可以确保它不会被切断 结果。</li> <li><strong>添加“修饰符”</strong>:使用“指南”、“清单”、“2026”等词语,或 “最佳”可提高点击率 (CTR)。</li> </ul> <h3>元描述</h3> <p> 虽然元描述不是直接的排名因素,但它对于点击率至关重要。把它想象成 你的广告文案。 </p> <ul> <li><strong>总结价值</strong>:准确地告诉用户他们将获得什么 点击。</li> <li><strong>包括号召性用语 (CTA)</strong>:使用诸如“学习如何做”之类的短语 “下载清单”或“阅读完整指南”。</li> <li><strong>长度</strong>:目标是 120 到 155 个字符。</li> </ul> <h2 id="structure-semantics" class="text-3xl font-bold mt-12 mb-6">3. 上下文和语义: 为 Google 机器人进行组织</h2> <p> Google 的抓取工具 (Googlebot) 需要了解您的内容的层次结构。你 通过逻辑结构和语义 HTML 提供这种清晰度。 </p> <h3>干净、关键字丰富的 URL</h3> <p> 您的 URL 结构应该简单且具有描述性。避免使用类似的 URL <code>ch7.co/p12345</code>。相反,使用 <code>ch7.co/en/on-page-seo-checklist</code>. </p> <h3>标题层次结构(H1 到 H6)</h3> <p> 将标题视为一本书的目录。 </p> <ul> <li><strong>H1</strong>:页面的主标题。每人只应持有一份 H1 页。它应该包含您的主要关键字。</li> <li><strong>氢2</strong>:文章的主要部分。</li> <li><strong>H3-H6</strong>:深入探讨特定点的子部分。</li> </ul> <div class="bg-blue-50 dark:bg-blue-900/20 p-6 my-8 rounded-xl border border-primary-100 dark:border-blue-800"> <h4 class="font-bold mb-2">专业提示:LSI 和 NLP</h4> <p class="text-sm"> 不要只是重复您的主要关键字。使用 <strong>潜在语义索引 (大规模集成电路)</strong> 关键词——与你的主题自然相关的术语。对于 “页面搜索引擎优化”,这些可能包括“搜索引擎结果”、“排名因素” “锚文本”或“元数据”。谷歌使用这些来确认深度和相关性 您的内容。 </p> </div> <h2 id="content-quality" class="text-3xl font-bold mt-12 mb-6">4. 内容质量和 EEAT: 建筑事务监督</h2> <p> 在人工智能生成内容的时代,质量就是您的竞争优势。谷歌的 <strong>EEAT</strong> 框架(经验、专业知识、权威性和 可信度)是判断内容的黄金标准。 </p> <h3>搜索意图:最终的排名因素</h3> <p> 如果用户搜索“最佳 SEO 工具”,他们需要一个列表(商业调查)。如果 他们搜索“如何进行 SEO”,他们想要一个教程(信息)。如果您提供 如果内容类型不符合意图,您将永远不会排名第一。经常检查顶部 在开始写作之前,先了解您的关键字的结果。 </p> <h3>阅读水平和格式</h3> <p> 大多数人不会逐字阅读网页内容;他们会逐字逐句地阅读网页内容。他们扫描它。制作你的内容 “可扫描”: </p> <ul> <li>短段落(最多 2-3 句话)。</li> <li>要点和编号列表。</li> <li>重要术语加粗。</li> <li>使用大量的空白。</li> </ul> <h2 id="visual-optimization" class="text-3xl font-bold mt-12 mb-6">5.视觉优化: 有助于搜索引擎优化的图片</h2> <p> 图像使内容引人入胜,但如果处理不当,可能会损害您的搜索引擎优化。 </p> <h3>图像压缩</h3> <p> 使用 TinyPNG 或 WebP 转换等工具来减小文件大小。大图像是第一 页面速度慢的原因。 </p> <h3>描述性替代文本</h3> <p> 替代文本告诉 Google 图片中的内容。这对于可访问性也至关重要(屏幕 读者)。在这里自然地包含您的关键字或相关术语。 </p> <h2 id="internal-linking" class="text-3xl font-bold mt-12 mb-6">6. 连接层: 战略内部链接</h2> <p> 网站上的每个新页面都应该链接到现有页面。这有助于谷歌 发现内容之间的权重和关系。 </p> <ul> <li><strong>链接到支柱页面</strong>:每个小帖子都应该链接回其主帖子 类别或支柱指南。</li> <li><strong>使用描述性锚文本</strong>:不要使用“单击此处”,而是使用“检查 出我们的关键词研究指南。”</li> <li><strong>传出链接</strong>:不要害怕链接到高权威的外部 网站(如维基百科或官方文档)。这表明你已经完成了你的 研究。</li> </ul> <h2 id="ux-engagement" class="text-3xl font-bold mt-12 mb-6">7. 用户体验和参与度:保持 他们在页面上</h2> <p> Google 会监控“停留时间”(用户在您的页面上停留的时间)等信号。如果 有人点击您的链接并立即离开(弹跳),它会告诉 Google 您的内容 没有帮助。 </p> <ul> <li><strong>互动元素</strong>:使用手风琴、计算器或测验来 保持用户参与。</li> <li><strong>清晰的导航</strong>:粘性“返回顶部”按钮和清晰的表格 内容帮助用户找到他们需要的内容。</li> <li><strong>内部 CTA</strong>:引导用户进行下一步,这样他们就不会只是 阅读后离开您的网站。</li> </ul> <h2 id="faq" class="text-3xl font-bold mt-12 mb-6">页面 SEO 常见问题解答</h2> <div class="space-y-6"> <div class="p-6 bg-slate-50 dark:bg-slate-800/50 rounded-2xl border border-slate-100 dark:border-slate-700"> <h4 class="font-bold mb-2">页面搜索引擎优化需要多长时间才能发挥作用?</h4> <p class="text-sm opacity-80">如果满足以下条件,Google 可以在几天内获取页面上的更改: 您在 Search Console 中请求抓取。然而,看到排名的提高 通常需要 4-12 周的时间,因为 Google 会重新评估您网站的权威性。</p> </div> <div class="p-6 bg-slate-50 dark:bg-slate-800/50 rounded-2xl border border-slate-100 dark:border-slate-700"> <h4 class="font-bold mb-2">我需要 SEO 插件吗?</h4> <p class="text-sm opacity-80">如果您使用 WordPress,请使用 Yoast 或 RankMath 很有帮助。如果您正在构建一个自定义网站(就像这个!),您 通过干净的代码和正确的标记手动处理它。</p> </div> </div> <div class="mt-16 pt-12 border-t border-slate-100 dark:border-slate-800"> <h2 class="text-3xl font-bold mb-6">结论</h2> <p> 页面搜索引擎优化不是一次性项目。这是一个不断完善和完善的过程 更新。通过遵循此 2026 年清单,您已经建立了一个基础 抵御算法更新并专注于真正重要的事情: <strong>为用户提供价值。</strong> </p> <p> 现在,去获取表现最好的页面并应用这些技巧。你会惊讶于 即使是很小的改变也能带来多大的改变。 </p> </div> <!-- Author Box --> <div class="mt-16 p-8 bg-slate-900 text-white rounded-3xl flex flex-col md:flex-row items-center gap-8 shadow-2xl"> <div class="w-24 h-24 bg-indigo-500 rounded-2xl flex items-center justify-center flex-shrink-0 text-3xl font-bold italic rotate-3"> CH7</div> <div class="text-center md:text-left"> <h3 class="text-xl font-bold mb-2">CH7编辑团队撰稿</h3> <p class="text-indigo-200 text-sm mb-4 leading-relaxed"> 我们专注于让 SEO 适合初学者。我们的使命是提供 您拥有将您的想法转化为在线盈利的工具和知识 存在。 </p> <a href="about.html" class="text-white font-bold text-sm hover:text-indigo-300 flex items-center">专家 生物与经验→</a> </div> </div> <!-- Share Buttons --> <div class="mt-12 flex flex-col sm:flex-row items-center justify-between gap-6 py-8 border-y border-slate-100 dark:border-slate-800"> <span class="font-bold text-slate-900 dark:text-white">这有帮助吗?分享一下:</span> <div class="flex gap-3"> <button class="w-10 h-10 rounded-full bg-slate-100 dark:bg-slate-800 flex items-center justify-center hover:bg-indigo-500 hover:text-white transition-all">𝕏</button> <button class="w-10 h-10 rounded-full bg-slate-100 dark:bg-slate-800 flex items-center justify-center hover:bg-indigo-500 hover:text-white transition-all">f</button> <button class="w-10 h-10 rounded-full bg-slate-100 dark:bg-slate-800 flex items-center justify-center hover:bg-indigo-500 hover:text-white transition-all">在</button> <button class="w-10 h-10 rounded-full bg-slate-100 dark:bg-slate-800 flex items-center justify-center hover:bg-indigo-500 hover:text-white transition-all">🔗</button> </div> </div> </div> <!-- Sticky Sidebar: Expert Widgets --> <aside class="col-span-12 lg:col-span-3"> <div class="sticky top-24 space-y-6"> <div class="p-6 bg-gradient-to-br from-indigo-50 to-white dark:from-slate-800 dark:to-slate-900 rounded-2xl border border-indigo-100 dark:border-slate-700 shadow-sm"> <h4 class="font-bold mb-4 flex items-center"> <span class="w-8 h-8 bg-indigo-500 text-white rounded-lg flex items-center justify-center mr-2 text-sm">✓</span> 初学者清单 </h4> <ul class="space-y-4"> <li class="flex items-start text-xs font-medium">1. H1主关键词</li> <li class="flex items-start text-xs font-medium">2. 60字符以下标题</li> <li class="flex items-start text-xs font-medium">3. 图像替代文本填充</li> <li class="flex items-start text-xs font-medium">4. 移动友好测试</li> <li class="flex items-start text-xs font-medium text-indigo-500">5. 3+内部 友情链接</li> </ul> </div> <div class="bg-white dark:bg-slate-800 border border-slate-200 dark:border-slate-700 rounded-xl p-6 hover:shadow-xl hover:-translate-y-0.5 transition-all duration-150 border-2 border-dashed dark:border-slate-600"> <h3 class="font-bold text-lg mb-1 italic">快速 SEO 托管</h3> <p class="text-xs text-slate-500 mb-3">Hostinger 是我们定制网站的首选。 它快速、安全且适合初学者。</p> <a href="../go/hostinger-ch7.html" rel="nofollow sponsored" class="inline-flex items-center justify-center px-6 py-3 font-semibold rounded-lg transition-all duration-150 cursor-pointer bg-primary text-white hover:bg-secondary hover:-translate-y-px hover:shadow-md w-full text-sm font-bold">申请 80% 折扣 →</a> </div> </div> </aside> </div> </div> </div> </article> <!-- CTA Section --> <section class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-20 lg:py-32"> <div class="max-w-5xl mx-auto"> <div class="bg-gradient-to-br from-indigo-600 to-violet-800 rounded-[3rem] p-12 lg:p-20 text-white text-center shadow-2xl relative overflow-hidden"> <div class="relative z-10"> <h2 class="text-3xl md:text-5xl font-extrabold mb-6">立即建立您的权威网站</h2> <p class="text-xl text-indigo-100 mb-10 max-w-2xl mx-auto opacity-90"> 开始通过专为提高性能而构建的平台应用您的 SEO 知识。高速托管 只需点击一下即可获得专业域名。 </p> <div class="flex flex-col sm:flex-row gap-6 justify-center"> <a href="../go/hostinger-ch7.html" rel="nofollow sponsored" class="inline-flex items-center justify-center px-6 py-3 font-semibold rounded-lg transition-all duration-150 cursor-pointer bg-white text-indigo-600 hover:bg-indigo-50 font-extrabold px-12 py-4 rounded-2xl shadow-xl hover:scale-105">发射 与 Hostinger 一起</a> <a href="tools.html" class="inline-flex items-center justify-center px-6 py-3 font-semibold rounded-lg transition-all duration-150 cursor-pointer bg-white/10 border-2 border-white/20 text-white hover:bg-white/20 font-bold px-12 py-4 rounded-2xl">浏览 搜索引擎优化工具</a> </div> </div> <div class="absolute -top-24 -right-24 w-96 h-96 bg-white/5 rounded-full blur-3xl"></div> </div> </div> </section> </main> <!-- Footer --> <footer class="bg-slate-900 text-slate-300 pt-16 pb-8" role="contentinfo"> <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> <!-- Grid --> <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-10 lg:gap-8 pb-12 border-b border-white/10"> <!-- Brand --> <div class="h-card bg-white dark:bg-slate-800 border border-slate-200 dark:border-slate-700 rounded-xl p-6 hover:shadow-xl hover:-translate-y-0.5 transition-all duration-150 sm:col-span-2 lg:col-span-1"> <a href="index.html" rel="me" class="inline-flex items-center gap-2.5 group mb-4 p-name u-url"> <img src="../assets/images/logo.png" alt="CH7s Logo" class="w-9 h-9 rounded-xl shadow-md group-hover:scale-110 transition-transform duration-300" width="36" height="36" loading="lazy"> <span class="text-2xl font-extrabold tracking-tight text-slate-900 dark:text-white">CH<span class="text-primary">7s</span></span> </a> <img class="u-logo hidden" src="../assets/images/og-image.png" alt="CH7 — Start Your Online Business Logo" loading="lazy"> <p class="text-sm text-slate-600 dark:text-slate-400 leading-relaxed mb-5 p-note">帮助初学者建设网站和在线赚钱 — 一步一步。</p> <!-- Social icons --> <nav aria-label="关注我们" class="flex flex-wrap gap-2 mb-5"> <a href="../go/facebook--ch7-co.html" target="_blank" rel="me noopener noreferrer" class="w-9 h-9 rounded-full bg-slate-100 dark:bg-white/10 hover:bg-primary flex items-center justify-center text-slate-600 dark:text-slate-400 hover:text-white transition-all duration-200" aria-label="Facebook"><svg class="w-4 h-4" fill="currentColor" viewBox="0 0 24 24"><path d="M18 2h-3a5 5 0 00-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 011-1h3z"/></svg></a> <a href="../go/x-ch7s-com.html" target="_blank" rel="me noopener noreferrer" class="w-9 h-9 rounded-full bg-slate-100 dark:bg-white/10 hover:bg-primary flex items-center justify-center text-slate-600 dark:text-slate-400 hover:text-white transition-all duration-200" aria-label="X (Twitter)"><svg class="w-4 h-4" fill="currentColor" viewBox="0 0 24 24"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-4.714-6.231-5.401 6.231H2.744l7.73-8.835L1.254 2.25H8.08l4.261 5.632 5.903-5.632zm-1.161 17.52h1.833L7.084 4.126H5.117z"/></svg></a> <a href="../go/youtube--ch7s.html" target="_blank" rel="me noopener noreferrer" class="w-9 h-9 rounded-full bg-slate-100 dark:bg-white/10 hover:bg-primary flex items-center justify-center text-slate-600 dark:text-slate-400 hover:text-white transition-all duration-200" aria-label="YouTube"><svg class="w-4 h-4" fill="currentColor" viewBox="0 0 24 24"><path d="M22.54 6.42a2.78 2.78 0 00-1.95-1.96C18.88 4 12 4 12 4s-6.88 0-8.59.46a2.78 2.78 0 00-1.95 1.96A29 29 0 001 12a29 29 0 00.46 5.58 2.78 2.78 0 001.95 1.96C5.12 20 12 20 12 20s6.88 0 8.59-.46a2.78 2.78 0 001.95-1.96A29 29 0 0023 12a29 29 0 00-.46-5.58zM9.75 15.02V8.98L15.5 12l-5.75 3.02z"/></svg></a> <a href="../go/instagram-ch7s-com.html" target="_blank" rel="me noopener noreferrer" class="w-9 h-9 rounded-full bg-slate-100 dark:bg-white/10 hover:bg-primary flex items-center justify-center text-slate-600 dark:text-slate-400 hover:text-white transition-all duration-200" aria-label="Instagram"><svg class="w-4 h-4" fill="currentColor" viewBox="0 0 24 24"><rect x="2" y="2" width="20" height="20" rx="5" ry="5"/><path fill="none" stroke="white" stroke-width="1.5" d="M16 11.37A4 4 0 1112.63 8 4 4 0 0116 11.37zM17.5 6.5h.01"/></svg></a> <a href="../go/tiktok--ch7s-com.html" target="_blank" rel="me noopener noreferrer" class="w-9 h-9 rounded-full bg-slate-100 dark:bg-white/10 hover:bg-primary flex items-center justify-center text-slate-600 dark:text-slate-400 hover:text-white transition-all duration-200" aria-label="TikTok"><svg class="w-4 h-4" fill="currentColor" viewBox="0 0 24 24"><path d="M19.59 6.69a4.83 4.83 0 01-3.77-4.25V2h-3.45v13.67a2.89 2.89 0 01-2.88 2.5 2.89 2.89 0 01-2.89-2.89 2.89 2.89 0 012.89-2.89c.28 0 .54.04.79.1V9.01a6.29 6.29 0 00-.79-.05 6.34 6.34 0 00-6.34 6.34 6.34 6.34 0 006.34 6.34 6.34 6.34 0 006.33-6.34V8.82a8.18 8.18 0 004.78 1.52V6.88a4.85 4.85 0 01-1.02-.19z"/></svg></a> <a href="../go/linkedin-company-ch7.html" target="_blank" rel="me noopener noreferrer" class="w-9 h-9 rounded-full bg-slate-100 dark:bg-white/10 hover:bg-primary flex items-center justify-center text-slate-600 dark:text-slate-400 hover:text-white transition-all duration-200" aria-label="LinkedIn"><svg class="w-4 h-4" fill="currentColor" viewBox="0 0 24 24"><path d="M16 8a6 6 0 016 6v7h-4v-7a2 2 0 00-2-2 2 2 0 00-2 2v7h-4v-7a6 6 0 016-6zM2 9h4v12H2z"/><circle cx="4" cy="4" r="2"/></svg></a> </nav> <!-- Language selector (populated by language-selector.js) --> <div id="language-selector-container"></div> </div> <!-- Quick Links --> <nav aria-label="快速链接"> <h4 class="text-sm font-semibold text-white uppercase tracking-wider mb-5">快速链接</h4> <ul class="space-y-3"> <li><a href="start-here.html" class="text-sm text-slate-400 hover:text-white transition-colors duration-150">从这里开始</a></li> <li><a href="blog.html" class="text-sm text-slate-400 hover:text-white transition-colors duration-150">博客</a></li> <li><a href="tools.html" class="text-sm text-slate-400 hover:text-white transition-colors duration-150">工具</a></li> <li><a href="make-money-online.html" class="text-sm text-slate-400 hover:text-white transition-colors duration-150">赚钱</a></li> <li><a href="about.html" class="text-sm text-slate-400 hover:text-white transition-colors duration-150">关于我们</a></li> <li><a href="contact.html" class="text-sm text-slate-400 hover:text-white transition-colors duration-150">联系我们</a></li> <li><a href="shop.html" class="text-sm text-slate-400 hover:text-white transition-colors duration-150">商店</a></li> <li><a href="deals.html" class="text-sm text-slate-400 hover:text-white transition-colors duration-150">优惠</a></li> </ul> </nav> <!-- Tools --> <nav aria-label="工具"> <h4 class="text-sm font-semibold text-white uppercase tracking-wider mb-5">工具</h4> <ul class="space-y-3"> <li><a href="hostinger-review.html" class="text-sm text-slate-400 hover:text-white transition-colors duration-150">Hostinger评测</a></li> <li><a href="fiverr-review.html" class="text-sm text-slate-400 hover:text-white transition-colors duration-150">Fiverr评测</a></li> <li><a href="canva-review.html" class="text-sm text-slate-400 hover:text-white transition-colors duration-150">Canva评测</a></li> <li><a href="dynadot-review.html" class="text-sm text-slate-400 hover:text-white transition-colors duration-150">Dynadot评测</a></li> <li><a href="hosting.html" class="text-sm text-slate-400 hover:text-white transition-colors duration-150">托管</a></li> <li><a href="freelancer.html" class="text-sm text-slate-400 hover:text-white transition-colors duration-150">自由职业者</a></li> <li><a href="design.html" class="text-sm text-slate-400 hover:text-white transition-colors duration-150">设计</a></li> <li><a href="domain.html" class="text-sm text-slate-400 hover:text-white transition-colors duration-150">域名</a></li> </ul> </nav> <!-- Learn --> <nav aria-label="学习"> <h4 class="text-sm font-semibold text-white uppercase tracking-wider mb-5">学习</h4> <ul class="space-y-3"> <li><a href="how-to-buy-domain-name.html" class="text-sm text-slate-400 hover:text-white transition-colors duration-150">如何购买域名</a></li> <li><a href="web-hosting-explained.html" class="text-sm text-slate-400 hover:text-white transition-colors duration-150">网络托管说明</a></li> <li><a href="wordpress-setup-guide.html" class="text-sm text-slate-400 hover:text-white transition-colors duration-150">WordPress安装指南</a></li> <li><a href="seo-basics.html" class="text-sm text-slate-400 hover:text-white transition-colors duration-150">SEO基础</a></li> <li><a href="on-page-seo-checklist.html" class="text-sm text-slate-400 hover:text-white transition-colors duration-150">页面SEO清单</a></li> <li><a href="make-money-blogging.html" class="text-sm text-slate-400 hover:text-white transition-colors duration-150">博客赚钱</a></li> <li><a href="affiliate-marketing-beginners.html" class="text-sm text-slate-400 hover:text-white transition-colors duration-150">联盟营销</a></li> <li><a href="affiliate-disclosure.html" class="text-sm text-slate-400 hover:text-white transition-colors duration-150">联盟披露</a></li> </ul> </nav> </div> <!-- Bottom bar --> <div class="flex flex-col sm:flex-row items-center justify-between gap-4 pt-8 text-sm text-slate-500"> <p>© <time datetime="2026">2026</time> CH7s. 保留所有权利。</p> <nav aria-label="Legal" class="flex flex-wrap justify-center gap-x-5 gap-y-1"> <a href="privacy-policy.html" class="hover:text-white transition-colors duration-150">隐私政策</a> <a href="terms-of-service.html" class="hover:text-white transition-colors duration-150">服务条款</a> <a href="cookie-policy.html" class="hover:text-white transition-colors duration-150">Cookie政策</a> <a href="disclaimer.html" class="hover:text-white transition-colors duration-150">免责声明</a> </nav> <p class="flex items-center gap-1.5">为初学者用心打造 <span class="text-red-500" aria-hidden="true">❤</span></p> </div> </div> </footer> <!-- Back to Top Button --> <button type="button" id="back-to-top" class="fixed bottom-8 right-8 w-12 h-12 bg-primary text-white rounded-full flex items-center justify-center shadow-lg opacity-0 invisible translate-y-5 transition-all duration-300 z-50 hover:bg-secondary hover:-translate-y-1 cursor-pointer border-none" aria-label="Back to top"></button> <!-- JavaScript --> <script src="../assets/js/icons.js"></script> <script src="../assets/js/language-selector.js"></script> <script src="../assets/js/header.js"></script> <script src="../assets/js/main.js"></script> </body> </html>