最近将小破站迭代了一个大版本顺便水一篇博客整理一下搜索引擎优化(SEO) 相关的内容 以及我是怎么对小破站做搜索引擎优化的整理不易点个免费的赞吧SEO是什么SEO 的全称是Search Engine Optimization搜索引擎优化。它通过优化网站结构、内容及外部链接使网站更符合搜索引擎如 Google、百度 等的抓取和排名规则从而能在自然搜索结果中获得更高排名、吸引更多流量SEO的作用长期有效的曝光一旦 SEO 基础打好网站内容能长期发挥引流作用具有持久性精准接触到网站对应的受众搜索者既然会查询这些关键字代表他们有相关的需求或是 疑问提升用户体验SEO 优化的过程中对速度、性能、安全性、内容质量等的优化不只会改善SEO 同时也会让网站变得更好搜索引擎的运作原理搜索引擎就像是一个庞大的图书馆每天都在整理、分类全球的网页信息当你输入关键字搜索时便会从海量的资料中迅速找到最符合你需求的结果。搜索引擎背后的运作主要可以分为「检索 索引 排名」三个阶段① 检索Crawl爬取资料搜索引擎派出网络爬虫Spider/Crawler如 Googlebot 或百度蜘蛛自动前往公开在网络上的网页、顺着网页中的超链接自动访问并复制网络内容不断发现新网页和更新把网页上的内容、代码、图片等所有信息抓下来。图书馆员四处搜集书本信息的过程② 索引Index收录资料爬虫抓取网页后将抓取回来的网页进行预处理如中文分词、去重等提取核心关键词和元数据、建立倒排索引以便后续快速找到所需资料图书馆在采购了大量书本后将这些书本依主题/ 年份/ 地区语言加以分类、变成巨型目录的过程。③ 检索排名产生搜索结果当使用者输入关键字进行搜索时搜索引擎会先分析我们的搜索意图使用者在搜索关键字背后的主要目标或需求然后在索引库中快速检索包含该关键词的网页最后根据成百上千个算法因子如网页权威度、内容质量、加载速度、用户体验等对网页进行打分排序最后生成搜索结果页面 (SERP) 展示给用户搜索引擎算法网站能够被搜索引擎读取及排名背后都是仰赖搜索引擎算法的运作Google 搜索引擎有数十种不同的算法各司其职负责不同的项目有的评估使用者体验、有的评估网页内容品质。几个重要的 Google 算法从中能看到 Google SEO 的考量因素算法名称主要功能我们该怎么做Panda 熊猫算法评估网站「内容」品质打击低品质、广告过多的内容农场网站提供原创、专业、优质的内容避免抄袭和硬塞关键字Penguin 企鹅算法把关网站「反向链接」品质打击购买链接、链接农场等黑帽SEO行为不要刻意置入和网站毫无相关、隐藏文字、有欺骗行为的链接HummingBird蜂鸟算法提升搜索引擎对人类自然语言的理解力能有效的判断使用者搜索意图及网站内容用自然通顺的文字撰写内容而非刻意植入关键字RankBrain通过AI机器学习理解搜索意图能提供更精准的搜索结果持续优化内容以符合使用者搜索意图回答使用者可能会搜索的问题BERT能理解人类口语的自然语言系统能处理复杂的关键字搜索需求撰写内容时注重句子的自然流畅符合使用者的阅读习惯网页体验更新评估网页的使用者体验包括载入速度、互动性、视觉稳定性等因素优化网站速度与UI/UX确认网站符合Core Web Vitals的规范SpamBrain垃圾内容算法通过AI侦测与处罚垃圾内容网站避免使用欺骗性的SEO手法例如抄袭、隐藏内容、乱塞关键字实用内容算法强调内容必须「对使用者真正有帮助」奖励用心撰写内容的优质网站以使用者出发提供原创、专业、信息正确的高品质内容完整的算法介绍可以参考Google算法更新总整理那么如何对网站做搜索引擎优化呢可以从技术、内容、站外三大方向着手技术SEO怎么样的一个技术架构是搜索引擎友好的爬虫方面搜索引擎爬虫会定期到我们网站上爬取资料、抓资料看看网站上有哪些内容、品质是否良好但如果网站技术架构对搜索引擎不友善就会影响Google 解析我们网站1. 优化检索与索引让搜索引擎能搜索到你的网站网站是否有被搜索引擎收录进索引与搜寻排名是否优良为两件完全不同的事情即便索引状况良好很有可能排名跟成效还是很差。但如果连被收录进索引都有问题那更不用说搜索排名了因为你的页面根本没有收录到搜寻引擎里面如何检查网站的索引状况Google Search Console可参考这篇 Google Search Console 教学使用与设定指南使用 Site 指令在搜寻引擎内输入“ site:你的网站URL”就会显示出对于此网站 究竟索引了多少页面看到整体网站的索引数量后就可以比对这数量是否符合预期是否索引太少是否有些页面凭空消失可以看到目前我的网站还是有很多页面没被索引到的2. 设置良好的内部链接内部链接是指网站内页面之间的相互链接导航栏、侧边栏、Footer 等等都算内部链接网站主必须要有策略的去规划内部链接、改善网站导航路径并使用**「面包屑导览Breadcrumb」**在网站上显示目前页面的路径作用Google 爬虫进到你的网站后会通过内部链接来分析网站、并沿着链接前往其他页面良好的内部链接和面包屑设置可以帮助搜索引擎更好地理解网站结构也会直接影响爬虫对网页的爬取状况3. 建立 SitemapSitemap是一个放在网站上的档案可以想象成是网站的目录可以在里面列出网站全部页面的网址、图片链接、视频链接……等等网站上的所有信息例如这个链接就是纽约时报的其中一个Sitemap 档案里面条列了网页网址与更新时间作用帮助搜索引擎了解网站有哪些网页、并加速搜索引擎爬取网站。 Sitemap 不会直接影响SEO 排名但如果网站规模很大、网页数量很多好几千页以上、或是页面层级复杂建议要使用Sitemap 来确保所有页面都能被Google 爬到Sitemap 能帮助搜寻引擎了解网站但不一定每个网站都需要Sitemap。如果网站的内部链接有完善规划那么Google 不需要透过Sitemap 也能了解网站有哪些页面。Sitemap 只是辅助内部连结才是SEO 优化的重点如果你的网站上有某个页面是没有内部连结连过去的孤儿网页或是有些网页在网站内的层级过于深入或不易抵达很久以前的文章搜寻引擎可能会不容易发现这些页面就会导致网站SEO 受到影响。这种情况就可以通过提交 Sitemap 网站地图来解决(Sitemap 的建立)1.选择格式XML Sitemap(Extensible Markup Language)最常被使用、用途也最广泛的格式除了网址外还可以提供图片、影片、新闻等等资料大部分的Sitemap 产生器也都是提供XML Sitemap 格式的档案RSS(Really Simple Syndication) / mRSS / Atom 1.0一种信息来源格式可以整合多个网站的更新内容结构和XML Sitemap 类似但档案通常较小且更新频繁官方推荐“为了获得最佳抓取效果我们建议同时使用 XML 站点地图和 RSS/Atom 源。XML 站点地图会向 Google 提供您网站所有页面的信息。RSS/Atom 源则会提供您网站的所有更新帮助 Google 保持您网站内容的时效性”文字Sitemap格式最简单只需要把网址条列在txt 文字档中即可非常方便制作和维护适合内容单纯的小型网站使用2.制作 Sitemap手动建立Sitemap如果网站规模小、只有几十个网页可以直接手动编辑建立 Sitemap使用Sitemap 产生器XML-sitemaps.com后端接口返回后端查询所有文章的 slug组织并返回3.向Google 提交Sitemap 档案让Google 知道我们网站上Sitemap 档案的所在位置(不代表Google 一定会下载这份档案、或透过Sitemap 来检索网站)Google Search Console 产生索引 Sitemap 报表 提交Sitemap的地址4. 补充 Robots.txtRobots.txt 是什么robots.txt 是一个放置在网站根目录下的纯文本文件用于通过 Robots Exclusion Protocol机器人排除协议告知搜索引擎爬虫和其他自动化程序哪些内容可以抓取、哪些应被禁止访问。它本质上是网站管理员与网络爬虫之间的非强制性行业规范依赖爬虫的自愿遵守而非技术强制力“君子协定“作用帮助你控制搜索引擎的检索行为阻止Google 检索特定页面例如测试用页面、文章草稿…等等不重要的页面避免网站因检索过多而超载。相反地假如Robots.txt 设置错误也可能导致重要的页面无法被索引5. 设置标准化网址(Canonical URL)Canonical URL 中文是「标准化网址」如果网站上有许多页面的内容相似时建议使用Canonical URL 告诉搜索引擎哪个是主要页面。 例如电商的产品页、旅行社的行程页面作用帮助搜索引擎了解哪个页面才是最重要的让SEO 表现集中在Canonical URL 指定的主要页面避免重复内容伤害SEO。6. 使用 HTTPS「网址」就像是网页的门牌号码搜索引擎进行排名时都是以「网址」来识别网页建议网址要使用HTTPS 安全性网址并遵循简洁、好辨识、不冗长的原则。如果网站改版搬家、或是有做任何网址的更动也一定要做好**「301转址」并将移除的页面设置为「404页面」**7. 提升网站响应速度与 Core Web Vitals网站速度是评估「网站健康程度」很重要的指标对于使用者体验和SEO 都有很大的影响。网站速度可以通过 Google PageSpeed Insights、WebPageTest 等工具来比较精准地测试。对 SEO 的影响网站速度是 Google 排名因素之一会直接影响网站的 SEO 表现、以及搜索引擎的爬取额度Crawl Budget爬虫分配给网站的爬取时间和数量速度太慢的话爬虫爬取的效率就会很差。另外Google 用Core Web Vitals三个核心指标来衡量页面体验指标含义及格线LCPLargest Contentful Paint最大内容元素渲染完成时间≤ 2.5sINPInteraction to Next Paint交互响应延迟2024 年取代 FID≤ 200msCLSCumulative Layout Shift页面布局偏移累计≤ 0.1常见的优化方向图片压缩并转为 WebP / AVIF 格式代码分割Code Splitting 路由懒加载减小首屏 JS 体积CDN 加速静态资源为图片添加loadinglazy延迟加载预加载关键资源link relpreload8. 做好移动端适配现代人使用手机愈来愈普遍SEO 搜索的重点也逐渐转为在「手机搜索」上请确保你的网站有做好SEO 行动装置优化让手机版的使用体验是好的例如速度、文字大小、按钮是否好点击等等。 Google 官方也建议大家使用**「RWD**响应式网页设计」 (Responsive Web Design)让网页在不同尺寸的画面中会自动调整排版降低手机版网站出错的机率对SEO 的影响Google 已于2023 年全面执行「行动装置优先索引Mobile First Indexing」搜索引擎会以「手机版网站」来进行检索、索引、排名如果手机版网站没做好不管是手机电脑版的SEO 排名都会直接受到影响9. JavaScriptJavaScript 是一种程序语言可以根据使用者的操作产生互动性内容例如动画效果、动态内容载入有些网站会用JavaScript 来产生链接或内容**对SEO 的影响**搜索引擎爬虫主要是读取 HTML 和 CSS 代码内容如果网页内容是由 JavaScript 动态生成爬虫有可能无法顺利读取、甚至看不到网页内容导致网页 SEO 成效不好。所以针对重要的链接和内容要尽量避免依赖 JavaScript 生成。如果网站是SPA单页应用比如采用 Vue / React 框架的应用可以考虑以下方案 保证爬虫能抓取到完整内容方案说明适合场景SSR服务端渲染每次请求在服务端渲染完整 HTML 返回动态内容多、需登录的网站SSG静态生成构建时预先生成所有页面的完整 HTML内容更新不频繁的博客、文档站预渲染构建时用 headless 浏览器抓取指定路由的 HTML少量固定路由、不想改框架动态渲染Nginx 识别爬虫 UA → 转发到预渲染服务用户仍走 SPA改动最小需要额外部署渲染服务对于博客来说SSG / 预渲染 是最合适的方案——构建产物就是纯 HTML爬虫直接获取完整内容。本站实际采用的方案见预渲染 增量更新构建时 Puppeteer 渲染所有页面后端内容变更时通过 webhook 增量刷新。10. 结构化资料标记(Schema)结构化资料标记也称作Schema是一种语法可以用来标注网页内容的类型例如文章、食谱、商品、新闻等等。**作用**帮助搜索引擎了解网页内容类型并有机会被Google 列为「复合式搜索结果」也就是在搜索结果中会显示为特殊的版式像是新闻版式、商品列表等等常见的 Schema 类型Schema 类型适用场景可能触发的富结果Article/BlogPosting博客文章作者头像、发布时间、大图卡片BreadcrumbList任何有面包屑导航的页面搜索结果中的层级路径WebSiteSearchAction网站首页Google 站内搜索框FAQFAQ 页面问题/答案手风琴展开Person关于我/作者介绍页个人知识面板Organization网站/品牌介绍企业信息面板更多样式看官方文档示例结构化数据用 JSON-LD 格式写在script typeapplication/ldjson里放在页面head中Article文章页scripttypeapplication/ldjson{context:https://schema.org,type:Article,headline:我是如何给自己的博客做 SEO 优化的,description:从 0 到 1把 Vue SPA 博客的 SEO 做起来,image:https://blog.hazenix.top/images/cover.jpg,author:{type:Person,name:Hazenix},publisher:{type:Organization,name:Hazenix的后端札记},datePublished:2026-06-17T10:00:0008:00,dateModified:2026-06-17T14:00:0008:00}/script如果网站是 SPAVue / React结构化数据不能用静态 HTML 写死——需要用 JS 在页面加载时动态注入在路由切换或文章数据加载完成后调用自动往head里插入或替换script typeapplication/ldjson11. 优化 Title / Meta Description 与 H1-H6 标题结构Title标题标签是搜索引擎在搜索结果中显示的链接文字也是排名因素中最重要的一项。每条标题应该唯一、包含主要关键词、控制在 50-60 个字符中文约 25-30 字。Meta Description描述标签不直接影响排名但会作为搜索结果摘要展示。好的描述能提升点击率间接影响 SEO。推荐控制在150-160 个字符自然融入关键词。博客文章页常用格式Title “文章标题 | 网站名称”Description 文章摘要或正文前 160 字。H1-H6 标题层级帮助搜索引擎理解页面结构。核心规则每页只有一个 H1通常即文章主标题和title一致或高度相关H2 划分大章节、H3 子章节层级不跳跃为什么 H1 只能有一个H1 是搜索引擎判断这页在讲什么的第一信号。一页多个 H1 → 主题信号分散 → 搜索引擎困惑。另外用户在搜索结果看到 Title 点进来H1 跟它对不上 → 跳出率高 → SEO 信号差。12. 设置图片 ALT 属性alt替代文字原本是为屏幕阅读器和图片加载失败准备的但搜索引擎也通过它理解图片——搜索引擎看不懂图只能读 alt。!-- 不好 --imgsrccover.jpgalt!-- 好 --imgsrccover.jpgaltHazenix博客SEO优化前后Lighthouse分数对比内容SEO摘自“SEO是什么入门SEO优化教学”选择合适的关键字策略、撰写优质内容也能提升搜索引擎排名。选择合适的关键字策略关键字策略找出符合使用者需求、又具有 SEO 潜力的关键字规划关键字的进攻方向。SEO 关键字是指「消费者在消费历程当中会产生的需求与搜索行为字词」当网站的关键字排名越前面、就越有机会被消费者看到、并获得越多 SEO 流量。如何制定关键词策略1. 研究关键字分析你的目标人群都在搜索什么关键字找出与网站主题相关、用户真正会搜索的关键词并判断搜索量、竞争度和商业价值。可以通过**「关键字工具」**来大量收集关键字 ideas包括研究竞争对手的关键字、使用者的搜索意图、市场搜索量等等进而整理出一份关键字清单。一些关键字分析工具Ahrefs功能全面且强大的 SEO 工具除了关键字分析、排名追踪以外还提供竞品分析、反向链接分析、网站健检等功能Ubersuggest和 Ahrefs 相比功能较基础、价格更亲民也有免费版适合 SEO 初学者Google Trends免费工具可以查看热搜关键字、比较搜索趋势数据即时性和精准度很高Google Ads 关键字规划工具免费可查看关键字搜索量、趋势变化、CPC 金额其他方法观察 Google 搜索下拉和相关搜索、分析同类型网站正在排名的关键词。2. 评估关键字类型观察 Google 搜索结果页不同关键字搜索出来的「网页类型」会有所不同品牌首页、商品页、文章页。把想操作的关键字用 Google 实际搜索看看评估搜索结果和关键字的类型用对应的网页形式来布局。3. 规划关键字地图有效的 SEO 需要符合「品牌方向」以及「使用者需求」。去研究不同消费者在各个消费环节中的需求及可能遇到的问题把关键字清单归纳整理成有逻辑的结构——「关键字地图」系统性规划网站 SEO 主题。撰写 SEO 友好的文章建立 SEO-Friendly 的文章架构将关键字自然融入文章中同时确保易读性、专业性、实用性。前期主题研究关键字设置、资料收集、文章结构规划中期文章撰写内容撰写、标题 Title 设置、描述 Description 设置后续分析优化文章成效追踪、关键字排名优化在内容中自然布局关键词关键词应该自然地出现在标题、首段、正文中不要刻意堆砌会被 Panda 算法惩罚。关注的是关键词的相关性和上下文而非出现次数。与其纠结这个关键词出现了几次不如想想用户搜这个词想看什么我的内容能不能完整回答他的问题至于怎么样才算是一篇「优质文章」根据 Google 官方的实用内容指南内容必须**「对使用者有帮助」**并符合EEAT 原则Experience经验作者是否拥有与主题相关的第一手或实际生活经验。Expertise专业作者在该主题上的知识或技能水准。Authoritativeness权威作者或网站是否被视为「首选信息来源」且在业界享有声誉。Trustworthiness可信度网站的准确性、诚实度、安全性与可靠性。白话来说原创不抄袭、提供正确且实用的信息、专业的观点经验、阅读起来清楚好懂。站外SEO站外SEO主要做以下几点在高权重平台建立外部链接指向自己网站让权威网站站长推荐自己网站获得高质量外链通过社交网络推广自己网站从社交平台引流保持外链平稳的增长速度杜绝垃圾链接影响网站权重的因素很多其中最主要的是**「反向链接」从其他网站连过来你网站的链接**。反向链接就像是网站的推荐人愈多人推荐你的网站Google 对你的重视和信赖就愈高也愈有机会提升网站权重。网站权重Domain Authority常简称为 DR 或 DA是评估网站重要性的指标分数 0-100通常权重愈高、代表 Google 愈信任你的网站愈容易获得好的排名。如何测试实操中我们可以通过各式各样的SEO 软件工具来分析数据成效Google 官方工具Google Search Console可以查看网站在 Google 搜寻上的表现、网页检索状况、技术性 SEO 状况、官方的调整建议等等Google Analytics (GA4)可以查看流量来源分布、使用者互动状况、转换率等等数据其他Google PageSpeed Insights可以评测手机端和电脑端网页的性能展示代码优化的评分、并提供提高评分的各项调整建议GTmetrix可以分析网页载入速度并给出评级、优化建议从 v1到 v2本站是如何优化的关于我对博客网站的 性能、SEO 优化请看从v1到v2我是如何优化小破站的参考资料https://www.yesharris.com/learning-seo-menu/https://www.yesharris.com/search-console/search-console-intro/https://www.globalsir.com/web-seo/https://www.yesharris.com/seo-basic/schema/https://developers.google.com/search/docs/fundamentals/seo-starter-guidehttps://ziyuan.baidu.com/college/courseinfo?id267https://schema.org/
2个月自然流量翻5倍！中小网站的 SEO 优化指南
最近将小破站迭代了一个大版本顺便水一篇博客整理一下搜索引擎优化(SEO) 相关的内容 以及我是怎么对小破站做搜索引擎优化的整理不易点个免费的赞吧SEO是什么SEO 的全称是Search Engine Optimization搜索引擎优化。它通过优化网站结构、内容及外部链接使网站更符合搜索引擎如 Google、百度 等的抓取和排名规则从而能在自然搜索结果中获得更高排名、吸引更多流量SEO的作用长期有效的曝光一旦 SEO 基础打好网站内容能长期发挥引流作用具有持久性精准接触到网站对应的受众搜索者既然会查询这些关键字代表他们有相关的需求或是 疑问提升用户体验SEO 优化的过程中对速度、性能、安全性、内容质量等的优化不只会改善SEO 同时也会让网站变得更好搜索引擎的运作原理搜索引擎就像是一个庞大的图书馆每天都在整理、分类全球的网页信息当你输入关键字搜索时便会从海量的资料中迅速找到最符合你需求的结果。搜索引擎背后的运作主要可以分为「检索 索引 排名」三个阶段① 检索Crawl爬取资料搜索引擎派出网络爬虫Spider/Crawler如 Googlebot 或百度蜘蛛自动前往公开在网络上的网页、顺着网页中的超链接自动访问并复制网络内容不断发现新网页和更新把网页上的内容、代码、图片等所有信息抓下来。图书馆员四处搜集书本信息的过程② 索引Index收录资料爬虫抓取网页后将抓取回来的网页进行预处理如中文分词、去重等提取核心关键词和元数据、建立倒排索引以便后续快速找到所需资料图书馆在采购了大量书本后将这些书本依主题/ 年份/ 地区语言加以分类、变成巨型目录的过程。③ 检索排名产生搜索结果当使用者输入关键字进行搜索时搜索引擎会先分析我们的搜索意图使用者在搜索关键字背后的主要目标或需求然后在索引库中快速检索包含该关键词的网页最后根据成百上千个算法因子如网页权威度、内容质量、加载速度、用户体验等对网页进行打分排序最后生成搜索结果页面 (SERP) 展示给用户搜索引擎算法网站能够被搜索引擎读取及排名背后都是仰赖搜索引擎算法的运作Google 搜索引擎有数十种不同的算法各司其职负责不同的项目有的评估使用者体验、有的评估网页内容品质。几个重要的 Google 算法从中能看到 Google SEO 的考量因素算法名称主要功能我们该怎么做Panda 熊猫算法评估网站「内容」品质打击低品质、广告过多的内容农场网站提供原创、专业、优质的内容避免抄袭和硬塞关键字Penguin 企鹅算法把关网站「反向链接」品质打击购买链接、链接农场等黑帽SEO行为不要刻意置入和网站毫无相关、隐藏文字、有欺骗行为的链接HummingBird蜂鸟算法提升搜索引擎对人类自然语言的理解力能有效的判断使用者搜索意图及网站内容用自然通顺的文字撰写内容而非刻意植入关键字RankBrain通过AI机器学习理解搜索意图能提供更精准的搜索结果持续优化内容以符合使用者搜索意图回答使用者可能会搜索的问题BERT能理解人类口语的自然语言系统能处理复杂的关键字搜索需求撰写内容时注重句子的自然流畅符合使用者的阅读习惯网页体验更新评估网页的使用者体验包括载入速度、互动性、视觉稳定性等因素优化网站速度与UI/UX确认网站符合Core Web Vitals的规范SpamBrain垃圾内容算法通过AI侦测与处罚垃圾内容网站避免使用欺骗性的SEO手法例如抄袭、隐藏内容、乱塞关键字实用内容算法强调内容必须「对使用者真正有帮助」奖励用心撰写内容的优质网站以使用者出发提供原创、专业、信息正确的高品质内容完整的算法介绍可以参考Google算法更新总整理那么如何对网站做搜索引擎优化呢可以从技术、内容、站外三大方向着手技术SEO怎么样的一个技术架构是搜索引擎友好的爬虫方面搜索引擎爬虫会定期到我们网站上爬取资料、抓资料看看网站上有哪些内容、品质是否良好但如果网站技术架构对搜索引擎不友善就会影响Google 解析我们网站1. 优化检索与索引让搜索引擎能搜索到你的网站网站是否有被搜索引擎收录进索引与搜寻排名是否优良为两件完全不同的事情即便索引状况良好很有可能排名跟成效还是很差。但如果连被收录进索引都有问题那更不用说搜索排名了因为你的页面根本没有收录到搜寻引擎里面如何检查网站的索引状况Google Search Console可参考这篇 Google Search Console 教学使用与设定指南使用 Site 指令在搜寻引擎内输入“ site:你的网站URL”就会显示出对于此网站 究竟索引了多少页面看到整体网站的索引数量后就可以比对这数量是否符合预期是否索引太少是否有些页面凭空消失可以看到目前我的网站还是有很多页面没被索引到的2. 设置良好的内部链接内部链接是指网站内页面之间的相互链接导航栏、侧边栏、Footer 等等都算内部链接网站主必须要有策略的去规划内部链接、改善网站导航路径并使用**「面包屑导览Breadcrumb」**在网站上显示目前页面的路径作用Google 爬虫进到你的网站后会通过内部链接来分析网站、并沿着链接前往其他页面良好的内部链接和面包屑设置可以帮助搜索引擎更好地理解网站结构也会直接影响爬虫对网页的爬取状况3. 建立 SitemapSitemap是一个放在网站上的档案可以想象成是网站的目录可以在里面列出网站全部页面的网址、图片链接、视频链接……等等网站上的所有信息例如这个链接就是纽约时报的其中一个Sitemap 档案里面条列了网页网址与更新时间作用帮助搜索引擎了解网站有哪些网页、并加速搜索引擎爬取网站。 Sitemap 不会直接影响SEO 排名但如果网站规模很大、网页数量很多好几千页以上、或是页面层级复杂建议要使用Sitemap 来确保所有页面都能被Google 爬到Sitemap 能帮助搜寻引擎了解网站但不一定每个网站都需要Sitemap。如果网站的内部链接有完善规划那么Google 不需要透过Sitemap 也能了解网站有哪些页面。Sitemap 只是辅助内部连结才是SEO 优化的重点如果你的网站上有某个页面是没有内部连结连过去的孤儿网页或是有些网页在网站内的层级过于深入或不易抵达很久以前的文章搜寻引擎可能会不容易发现这些页面就会导致网站SEO 受到影响。这种情况就可以通过提交 Sitemap 网站地图来解决(Sitemap 的建立)1.选择格式XML Sitemap(Extensible Markup Language)最常被使用、用途也最广泛的格式除了网址外还可以提供图片、影片、新闻等等资料大部分的Sitemap 产生器也都是提供XML Sitemap 格式的档案RSS(Really Simple Syndication) / mRSS / Atom 1.0一种信息来源格式可以整合多个网站的更新内容结构和XML Sitemap 类似但档案通常较小且更新频繁官方推荐“为了获得最佳抓取效果我们建议同时使用 XML 站点地图和 RSS/Atom 源。XML 站点地图会向 Google 提供您网站所有页面的信息。RSS/Atom 源则会提供您网站的所有更新帮助 Google 保持您网站内容的时效性”文字Sitemap格式最简单只需要把网址条列在txt 文字档中即可非常方便制作和维护适合内容单纯的小型网站使用2.制作 Sitemap手动建立Sitemap如果网站规模小、只有几十个网页可以直接手动编辑建立 Sitemap使用Sitemap 产生器XML-sitemaps.com后端接口返回后端查询所有文章的 slug组织并返回3.向Google 提交Sitemap 档案让Google 知道我们网站上Sitemap 档案的所在位置(不代表Google 一定会下载这份档案、或透过Sitemap 来检索网站)Google Search Console 产生索引 Sitemap 报表 提交Sitemap的地址4. 补充 Robots.txtRobots.txt 是什么robots.txt 是一个放置在网站根目录下的纯文本文件用于通过 Robots Exclusion Protocol机器人排除协议告知搜索引擎爬虫和其他自动化程序哪些内容可以抓取、哪些应被禁止访问。它本质上是网站管理员与网络爬虫之间的非强制性行业规范依赖爬虫的自愿遵守而非技术强制力“君子协定“作用帮助你控制搜索引擎的检索行为阻止Google 检索特定页面例如测试用页面、文章草稿…等等不重要的页面避免网站因检索过多而超载。相反地假如Robots.txt 设置错误也可能导致重要的页面无法被索引5. 设置标准化网址(Canonical URL)Canonical URL 中文是「标准化网址」如果网站上有许多页面的内容相似时建议使用Canonical URL 告诉搜索引擎哪个是主要页面。 例如电商的产品页、旅行社的行程页面作用帮助搜索引擎了解哪个页面才是最重要的让SEO 表现集中在Canonical URL 指定的主要页面避免重复内容伤害SEO。6. 使用 HTTPS「网址」就像是网页的门牌号码搜索引擎进行排名时都是以「网址」来识别网页建议网址要使用HTTPS 安全性网址并遵循简洁、好辨识、不冗长的原则。如果网站改版搬家、或是有做任何网址的更动也一定要做好**「301转址」并将移除的页面设置为「404页面」**7. 提升网站响应速度与 Core Web Vitals网站速度是评估「网站健康程度」很重要的指标对于使用者体验和SEO 都有很大的影响。网站速度可以通过 Google PageSpeed Insights、WebPageTest 等工具来比较精准地测试。对 SEO 的影响网站速度是 Google 排名因素之一会直接影响网站的 SEO 表现、以及搜索引擎的爬取额度Crawl Budget爬虫分配给网站的爬取时间和数量速度太慢的话爬虫爬取的效率就会很差。另外Google 用Core Web Vitals三个核心指标来衡量页面体验指标含义及格线LCPLargest Contentful Paint最大内容元素渲染完成时间≤ 2.5sINPInteraction to Next Paint交互响应延迟2024 年取代 FID≤ 200msCLSCumulative Layout Shift页面布局偏移累计≤ 0.1常见的优化方向图片压缩并转为 WebP / AVIF 格式代码分割Code Splitting 路由懒加载减小首屏 JS 体积CDN 加速静态资源为图片添加loadinglazy延迟加载预加载关键资源link relpreload8. 做好移动端适配现代人使用手机愈来愈普遍SEO 搜索的重点也逐渐转为在「手机搜索」上请确保你的网站有做好SEO 行动装置优化让手机版的使用体验是好的例如速度、文字大小、按钮是否好点击等等。 Google 官方也建议大家使用**「RWD**响应式网页设计」 (Responsive Web Design)让网页在不同尺寸的画面中会自动调整排版降低手机版网站出错的机率对SEO 的影响Google 已于2023 年全面执行「行动装置优先索引Mobile First Indexing」搜索引擎会以「手机版网站」来进行检索、索引、排名如果手机版网站没做好不管是手机电脑版的SEO 排名都会直接受到影响9. JavaScriptJavaScript 是一种程序语言可以根据使用者的操作产生互动性内容例如动画效果、动态内容载入有些网站会用JavaScript 来产生链接或内容**对SEO 的影响**搜索引擎爬虫主要是读取 HTML 和 CSS 代码内容如果网页内容是由 JavaScript 动态生成爬虫有可能无法顺利读取、甚至看不到网页内容导致网页 SEO 成效不好。所以针对重要的链接和内容要尽量避免依赖 JavaScript 生成。如果网站是SPA单页应用比如采用 Vue / React 框架的应用可以考虑以下方案 保证爬虫能抓取到完整内容方案说明适合场景SSR服务端渲染每次请求在服务端渲染完整 HTML 返回动态内容多、需登录的网站SSG静态生成构建时预先生成所有页面的完整 HTML内容更新不频繁的博客、文档站预渲染构建时用 headless 浏览器抓取指定路由的 HTML少量固定路由、不想改框架动态渲染Nginx 识别爬虫 UA → 转发到预渲染服务用户仍走 SPA改动最小需要额外部署渲染服务对于博客来说SSG / 预渲染 是最合适的方案——构建产物就是纯 HTML爬虫直接获取完整内容。本站实际采用的方案见预渲染 增量更新构建时 Puppeteer 渲染所有页面后端内容变更时通过 webhook 增量刷新。10. 结构化资料标记(Schema)结构化资料标记也称作Schema是一种语法可以用来标注网页内容的类型例如文章、食谱、商品、新闻等等。**作用**帮助搜索引擎了解网页内容类型并有机会被Google 列为「复合式搜索结果」也就是在搜索结果中会显示为特殊的版式像是新闻版式、商品列表等等常见的 Schema 类型Schema 类型适用场景可能触发的富结果Article/BlogPosting博客文章作者头像、发布时间、大图卡片BreadcrumbList任何有面包屑导航的页面搜索结果中的层级路径WebSiteSearchAction网站首页Google 站内搜索框FAQFAQ 页面问题/答案手风琴展开Person关于我/作者介绍页个人知识面板Organization网站/品牌介绍企业信息面板更多样式看官方文档示例结构化数据用 JSON-LD 格式写在script typeapplication/ldjson里放在页面head中Article文章页scripttypeapplication/ldjson{context:https://schema.org,type:Article,headline:我是如何给自己的博客做 SEO 优化的,description:从 0 到 1把 Vue SPA 博客的 SEO 做起来,image:https://blog.hazenix.top/images/cover.jpg,author:{type:Person,name:Hazenix},publisher:{type:Organization,name:Hazenix的后端札记},datePublished:2026-06-17T10:00:0008:00,dateModified:2026-06-17T14:00:0008:00}/script如果网站是 SPAVue / React结构化数据不能用静态 HTML 写死——需要用 JS 在页面加载时动态注入在路由切换或文章数据加载完成后调用自动往head里插入或替换script typeapplication/ldjson11. 优化 Title / Meta Description 与 H1-H6 标题结构Title标题标签是搜索引擎在搜索结果中显示的链接文字也是排名因素中最重要的一项。每条标题应该唯一、包含主要关键词、控制在 50-60 个字符中文约 25-30 字。Meta Description描述标签不直接影响排名但会作为搜索结果摘要展示。好的描述能提升点击率间接影响 SEO。推荐控制在150-160 个字符自然融入关键词。博客文章页常用格式Title “文章标题 | 网站名称”Description 文章摘要或正文前 160 字。H1-H6 标题层级帮助搜索引擎理解页面结构。核心规则每页只有一个 H1通常即文章主标题和title一致或高度相关H2 划分大章节、H3 子章节层级不跳跃为什么 H1 只能有一个H1 是搜索引擎判断这页在讲什么的第一信号。一页多个 H1 → 主题信号分散 → 搜索引擎困惑。另外用户在搜索结果看到 Title 点进来H1 跟它对不上 → 跳出率高 → SEO 信号差。12. 设置图片 ALT 属性alt替代文字原本是为屏幕阅读器和图片加载失败准备的但搜索引擎也通过它理解图片——搜索引擎看不懂图只能读 alt。!-- 不好 --imgsrccover.jpgalt!-- 好 --imgsrccover.jpgaltHazenix博客SEO优化前后Lighthouse分数对比内容SEO摘自“SEO是什么入门SEO优化教学”选择合适的关键字策略、撰写优质内容也能提升搜索引擎排名。选择合适的关键字策略关键字策略找出符合使用者需求、又具有 SEO 潜力的关键字规划关键字的进攻方向。SEO 关键字是指「消费者在消费历程当中会产生的需求与搜索行为字词」当网站的关键字排名越前面、就越有机会被消费者看到、并获得越多 SEO 流量。如何制定关键词策略1. 研究关键字分析你的目标人群都在搜索什么关键字找出与网站主题相关、用户真正会搜索的关键词并判断搜索量、竞争度和商业价值。可以通过**「关键字工具」**来大量收集关键字 ideas包括研究竞争对手的关键字、使用者的搜索意图、市场搜索量等等进而整理出一份关键字清单。一些关键字分析工具Ahrefs功能全面且强大的 SEO 工具除了关键字分析、排名追踪以外还提供竞品分析、反向链接分析、网站健检等功能Ubersuggest和 Ahrefs 相比功能较基础、价格更亲民也有免费版适合 SEO 初学者Google Trends免费工具可以查看热搜关键字、比较搜索趋势数据即时性和精准度很高Google Ads 关键字规划工具免费可查看关键字搜索量、趋势变化、CPC 金额其他方法观察 Google 搜索下拉和相关搜索、分析同类型网站正在排名的关键词。2. 评估关键字类型观察 Google 搜索结果页不同关键字搜索出来的「网页类型」会有所不同品牌首页、商品页、文章页。把想操作的关键字用 Google 实际搜索看看评估搜索结果和关键字的类型用对应的网页形式来布局。3. 规划关键字地图有效的 SEO 需要符合「品牌方向」以及「使用者需求」。去研究不同消费者在各个消费环节中的需求及可能遇到的问题把关键字清单归纳整理成有逻辑的结构——「关键字地图」系统性规划网站 SEO 主题。撰写 SEO 友好的文章建立 SEO-Friendly 的文章架构将关键字自然融入文章中同时确保易读性、专业性、实用性。前期主题研究关键字设置、资料收集、文章结构规划中期文章撰写内容撰写、标题 Title 设置、描述 Description 设置后续分析优化文章成效追踪、关键字排名优化在内容中自然布局关键词关键词应该自然地出现在标题、首段、正文中不要刻意堆砌会被 Panda 算法惩罚。关注的是关键词的相关性和上下文而非出现次数。与其纠结这个关键词出现了几次不如想想用户搜这个词想看什么我的内容能不能完整回答他的问题至于怎么样才算是一篇「优质文章」根据 Google 官方的实用内容指南内容必须**「对使用者有帮助」**并符合EEAT 原则Experience经验作者是否拥有与主题相关的第一手或实际生活经验。Expertise专业作者在该主题上的知识或技能水准。Authoritativeness权威作者或网站是否被视为「首选信息来源」且在业界享有声誉。Trustworthiness可信度网站的准确性、诚实度、安全性与可靠性。白话来说原创不抄袭、提供正确且实用的信息、专业的观点经验、阅读起来清楚好懂。站外SEO站外SEO主要做以下几点在高权重平台建立外部链接指向自己网站让权威网站站长推荐自己网站获得高质量外链通过社交网络推广自己网站从社交平台引流保持外链平稳的增长速度杜绝垃圾链接影响网站权重的因素很多其中最主要的是**「反向链接」从其他网站连过来你网站的链接**。反向链接就像是网站的推荐人愈多人推荐你的网站Google 对你的重视和信赖就愈高也愈有机会提升网站权重。网站权重Domain Authority常简称为 DR 或 DA是评估网站重要性的指标分数 0-100通常权重愈高、代表 Google 愈信任你的网站愈容易获得好的排名。如何测试实操中我们可以通过各式各样的SEO 软件工具来分析数据成效Google 官方工具Google Search Console可以查看网站在 Google 搜寻上的表现、网页检索状况、技术性 SEO 状况、官方的调整建议等等Google Analytics (GA4)可以查看流量来源分布、使用者互动状况、转换率等等数据其他Google PageSpeed Insights可以评测手机端和电脑端网页的性能展示代码优化的评分、并提供提高评分的各项调整建议GTmetrix可以分析网页载入速度并给出评级、优化建议从 v1到 v2本站是如何优化的关于我对博客网站的 性能、SEO 优化请看从v1到v2我是如何优化小破站的参考资料https://www.yesharris.com/learning-seo-menu/https://www.yesharris.com/search-console/search-console-intro/https://www.globalsir.com/web-seo/https://www.yesharris.com/seo-basic/schema/https://developers.google.com/search/docs/fundamentals/seo-starter-guidehttps://ziyuan.baidu.com/college/courseinfo?id267https://schema.org/
