程庆程庆  2024-10-08 10:42 PPC学院 隐藏边栏  12,572 
文章评分 1034 次,平均分 4.8

搜索引擎优化就像盖房子:

抽掉地基,整栋房子就会轰然倒塌。没有技术性SEO也上不了谷歌第一页。

没人想住在谷歌第二间房子里面(懂的都懂)。

所以我们要教你构建坚实可靠的技术性SEO地基,就算遇到五级SEO台风(也就是谷歌算法更新),你的房子也能屹立不倒。

什么是技术性SEO?

技术性SEO是指优化网站的技术层面,以便搜索引擎爬虫能更好的抓取和索引网页,同时确保访客的浏览安全。

比如,服务器配置、页面加载速度、移动端适配以及SSL安全证书等技术优化都能直接或间接帮助搜索引擎更高效的抓取和索引你的网站,从而提升排名。

技术性SEO还能改善用户体验。例如加载更快、移动端适配更好的页面让浏览更顺畅。而对用户友好的设计往往也符合谷歌的偏好。

技术性SEO包含以下核心要素:

  • 可抓取性
  • 可索引性
  • 页面速度
  • 移动端适配
  • 网站安全性
  • 结构化数据
  • 重复内容处理
  • 网站架构
  • 站点地图
  • URL结构

技术SEO与页面SEO的区别

与技术SEO类似,页面优化也是针对网站内部元素的优化(不同于针对站外元素的站外优化)。

不过页面SEO采取逐页优化内容的方式,而技术SEO则是从全站角度优化网站的后端系统。

可以这样理解:技术SEO就像修理汽车的发动机(内部机械),而页面SEO就像打理车身外观。

为什么技术SEO很重要?

说到底:如果没有扎实的技术基础,世界上再优质的内容也无法冲上搜索结果的第一页。

页面加载速度、网站安全性和移动端适配性等因素都是直接影响排名的指标。这意味着在同等条件下,加载缓慢、缺乏SSL安全认证或未适配移动端的网站排名会低于竞争对手,这是谷歌的规则

如果你的网站被爬虫抓取的页面数量少、频率低,那么从一开始能出现在搜索结果中的页面数量就有限。

再说说网站访客。普通用户期望移动端页面能在1-2秒内完成加载,如果达不到,53%的流量会立即流失。

慢速加载的网页中有一半会遭遇用户跳出

这个流失量非常惊人——数据来源

技术性SEO为可抓取性、索引编制、安全性和可用性奠定了坚实基础,而这些都是排名的先决条件。

技术SEO实施清单

如今的SEO早已不是简单勾选清单就能搞定的事了。

但技术SEO的每项工作都可以归为以下四类之一:

  • 网站结构
  • 抓取、索引与渲染
  • 安全性
  • 可用性

1. 网站层级结构

网站结构(或叫架构)是指从整体(首页)到具体(博客文章)的层级化组织方式。

访客依赖良好的网站层级来快速找到所需内容。而谷歌则通过这种结构来理解哪些页面你认为最重要,以及页面间的关联性。

用谷歌的话来说,关于网站结构需谨记:

"尽可能让用户从通用内容轻松跳转到更具体的目标内容。适时添加导航页面,并将其有效融入内链体系。确保所有页面都能通过链接到达,无需依赖站内搜索功能。在适当位置链接相关页面,帮助用户发现同类内容。"

如何确保构建出完美的网站架构?

  • 扁平化结构
  • 面包屑导航
  • XML网站地图
  • URL结构

扁平化结构

网站应采用扁平化层级,即任何页面距离首页不超过3次点击。如下图所示:

扁平化结构网站示意图

所有页面距离首页不超过三次点击

虽然可以通过层级导航菜单提升浏览便利性(这很有必要),但谷歌建议访客或搜索引擎应只通过内容中的内部链接就能找到所有页面。

谷歌员工John Mueller说:"通常我会谨慎避免创建常规导航失效的情况。我们应该能通过页面上的链接从任意URL爬取到你网站的其他URL。"

以我们SEO分类页为例,展示实际应用中的扁平化内链结构:

PPC学院SEO分类页截图

SEO指南作为分类页,确保重要内容距离首页仅两次点击。

在每篇文章中,我们还会内链到同章节的其他文章,从而将相关内容归入同一族系。

如果谷歌只能通过网站地图(而非内链)找到某些页面,不仅会增加抓取索引难度,更无法判断页面间的相关性。当谷歌无法评估页面重要性时,自然不会将其展示给搜索用户。

面包屑导航

还记得汉塞尔与格莱特的《糖果屋》童话吗?就是那两个用面包屑标记回家路的孩子?

面包屑导航(灵感源于该故事)通过相同原理帮助访客快速定位当前页面位置并返回首页。

例如我们博客文章的面包屑导航长这样:

面包屑导航示例图

PPC学院文章的面包屑导航

如果没有这个功能,当访客通过搜索进入外链建设文章时,他们将难以判断所处位置。

我们的面包屑导航按层级提供快速链接,能带用户返回SEO分类页。

额外好处,由于搜索引擎也依赖内链抓取,面包屑导航能帮助其发现更多页面。

实现面包屑链接很简单。主流内容管理系统(如WordPress、SquareSpace或Wix)要么自动包含此功能,要么可通过插件实现。

XML网站地图

XML网站地图是搜索引擎用于抓取索引的网站路线图(以文件形式存在)。可以将其视为搜索引擎的备用发现机制。

示例样式如下:

PPC学院XML网站地图截图

虽然非必需(搜索引擎不靠它也能找到内容),但网站地图能确保谷歌发现并索引所有页面,包括那些无内链或未出现在导航中的页面。

哪些网站需要地图?谷歌建议以下类型应当包含:

  • 大型网站(100+页面)
  • 新站且缺乏外链
  • 存在无内链的内容板块
  • 含富媒体(视频、图片、新闻)的站点

我们专门写了一节内容介绍创建优化网站地图的完整指南:如何创建并优化SEO网站地图

URL结构

URL是网站或网页的地址。

过去SEO营销人员会堆砌关键词试图提升排名,但如今谷歌已明确表示,URL中的关键词几乎不占权重。

不过谷歌确实会通过URL理解内容相关性并优化抓取。

另外规范的URL语法能帮助访客快速定位并理解页面主题。

优秀URL长什么样?

可以参考Moz的实用速查表

Moz的URL结构速查表示例

根据谷歌标准,规范的URL结构应简洁清晰:

  • 保持简单且具描述性:避免ID编号或晦涩参数(错误示例:example.com/?id_sezione=360&sid=3a5ebc944f41daa6f849f730f1)
  • 保持简短:使用精炼的slug而非完整标题(正确示例:myppc.net/seo/duplicate-content)
  • 单词间用连字符:便于识别URL中的概念(正确示例:example.com/technical-seo,而非example.com/technicalseo)
  • 使用https://而非http://:如前所述,需配置SSL证书
  • 隐藏www:避免冗长(正确示例:myppc.net而非www.myppc.net)
  • 剔除停顿词:省略"the、or、a 、 or an"等词(正确示例:example.com/seo,而非example.com/this-is-an-article-about-seo)
  • 移除博文日期:将"myppc.net/seo/01/15/19/on-page-optimization"简化为"myppc.net/seo/on-page-optimization"

2. 抓取、索引与渲染

请记住,网站架构是确保谷歌能正确抓取和索引的第一步。

但以下技术性SEO工作能将抓取和索引推向更高层次,帮助谷歌在搜索结果中更好的呈现你的网站。

  • 重复内容
  • 结构化数据
  • Robots.txt

重复内容

重复内容是指网站上或与其他网站之间完全相同的任何内容。

不包括页眉页脚等全站通用的辅助信息,而是指大段完全一致的正文内容。

虽然重复内容很常见(许多情况下不可避免),但如果处理不当会导致排名下降、自然流量减少、品牌内耗、外链权重稀释,以及不友好的搜索结果摘要。

为什么重复内容属于技术性SEO问题?因为多数情况下,重复内容是由服务器配置错误或规范标签使用不当等技术问题引发的。

另外谷歌会分配有限的抓取预算。如果让搜索引擎抓取大量重复页面,可能导致重要页面未被索引就耗尽预算。

我们专门写了一节内容解决重复内容的指南:如何用Canonical标签避免重复内容

结构化数据(Schema标记)

Schema.org标记是一种结构化数据,能帮助搜索引擎理解页面内容的含义和上下文。

浏览者可以轻松理解页面文字的含义和关联。比如浏览Wistia官网时,我们不仅能通过网址和LOGO认出这是Wistia网站,还能明白文字和视频介绍的是Wistia视频播放器。

结构化数据示例

Wistia官网通过Schema标记明确告知谷歌视频内容与自家产品相关

但对搜索引擎而言,要建立这种关联(尤其是确认视频介绍的是Wistia产品)困难得多。

通过Schema标记,你可以直接告诉谷歌"这段视频介绍的是Wistia视频播放器",无需谷歌猜测。

更好的是还能告知视频时长、发布日期、章节时间戳、内容概要及缩略图,这些信息都可能出现在搜索结果中。谷歌会利用结构化数据生成丰富摘要。

丰富摘要指带有附加信息的搜索结果,已被证实能提升点击率。以星级评分为例:

评分星级(结构化数据效果)

如果没有结构化数据,搜索结果就不会显示这些星级

完整的Schema标记指南请参阅我们的SEO结构化数据原理与实施方法

Robots.txt

Robots.txt是存放在网站根目录(如example.com/robots.txt)的文件,用于告知所有网络爬虫(包括搜索引擎)如何抓取网站页面。这里也是指定站点地图链接的位置。

你可以禁止搜索引擎(或其他爬虫)抓取整个网站或特定页面,也能设置抓取间隔时间。

以Buzzfeed的robots.txt为例:

Buzzfeed的robots.txt文件——图片来源

技术性SEO中,robots.txt的核心作用是控制谷歌对页面的抓取权限。

例如:在开发阶段使用临时域名时,你肯定不希望谷歌抓取未完成的网站,但正式上线后就必须允许抓取。这两种情况都需通过robots.txt来调控。

具体语法如下:

#禁止所有爬虫抓取:
User-agent: *
Disallow: /

#允许所有爬虫抓取:
User-agent: *
Allow: /

#禁止特定爬虫抓取指定目录:
User-agent: Googlebot
Disallow: /seo/keywords/

最后,如果只想禁止某个页面被索引(而非通过robots.txt全局限制),可以在页面<head>部分添加元标记:

禁止索引但允许跟踪链接:

<meta name="robots" content="noindex,follow" />

若同时禁止跟踪链接:

<meta name="robots" content="noindex,nofollow" />

3. 安全性

如果访客提交了个人信息,你的网站能防止黑客截获这些数据吗?

你最好能做到。否则你的搜索排名就会受到影响。

网站安全其实只需要一张SSL证书就够了,就这么简单,这也算是建站的基操了。

SSL证书

SSL全称是安全套接层(Secure Sockets Layer),它能确保你的网站和浏览器之间的连接是安全加密的。

这意味着任何个人身份信息,比如姓名、地址、电话号码、出生日期、登录凭证、信用卡信息或医疗记录都能得到保护,不会被黑客窃取。

如何判断你的网站是否有SSL证书?

拥有SSL证书的网站会在URL前显示https://(超文本传输安全协议),而不安全的连接则使用普通的http://协议。另外安全网站的URL前会显示一个闭合的锁形图标,非安全网站则没有。

SSL协议

拥有SSL证书的网站使用https://协议

除了安全性,SSL证书为什么如此重要?

首先,谷歌在排名中会明显优先展示安全的网站。如果没有SSL证书,在其他条件相同的情况下,你的排名会低于那些有证书的网站。

其次,如果网站不安全,谷歌会在浏览器中显示“不安全”警告,这会迅速削弱访客的信任,导致用户流失。

你可以从任何服务器托管服务商(如GoDaddy、BlueHost、Wix或SquareSpace)或NameCheap购买SSL证书。

4. 可用性

我们强调过无数次,以后还会继续强调,对访客友好的设计就是对谷歌友好的设计。

因为谷歌需要用户享受搜索体验,否则他们不可能占据日次之大的搜索市场份额。

请注意,网站层级结构和安全加密同样能提升用户体验,但谷歌特别要求每位技术SEO人员关注页面速度和移动端适配,这两项都是谷歌算法的明确排名因素

  • 页面加载速度
  • 移动端适配性
  • 核心网页指标

页面加载速度

加载更快的网站排名更高、转化更好,这是铁律。

谷歌已声明页面速度是直接影响排名的因素,意味着在同等条件下,速度快的网站会超越速度慢的网站。

而加载慢的网站转化率会大幅下降:

页面加载速度影响转化率

如果你的网站加载时间超过1.65秒就在错失潜在转化——数据来源

为什么加载速度慢的页面转化更低?因为用户没有耐心等待:

页面加载过慢导致跳出

用户会直接放弃加载速度慢的网站——数据来源

不确定您的页面加载速度?谷歌提供免费检测工具PageSpeed Insights,输入网址即可获得性能评分。

提升页面速度可能是技术SEO中最具挑战性且专业的任务。

好在我们可以明确告诉你如何加速网站:

  • 启用浏览器缓存:当访客首次加载网站后,浏览器会存储网页副本,避免重复访问时重复加载。
  • 压缩文件:通过GZip压缩HTML、CSS和JavaScript文件。大尺寸图片在上传前可用常规压缩软件处理。
  • 考虑CDN:内容分发网络(CDN)利用全球服务器集群存储网站文件,从距离访客最近的服务器加载资源。
  • 精简JavaScript和CSS:删除代码中不必要的换行和空格,可以加快文件解析下载速度。推荐使用CSS MinifierHTML MinifierUglifyJS等自动化工具。
  • 限制插件:WordPress插件常导致加载迟缓。务必删除闲置插件,并尽量减少插件使用数量。(我们只用了四个插件)
  • 采用"下一代"图片格式:许多网站速度瓶颈源于臃肿的图片格式。建议使用WebP(谷歌开发)或JPEG XR(微软开发)等高性能格式。
  • 异步加载:让网页元素同时加载(而非依次加载),显著提升速度。

谷歌完整速度优化指南可在此查阅

移动端适配性

移动友好型网站(或叫"响应式网站")需确保在手机、平板上的加载、浏览和导航体验与桌面端同样流畅。

移动端设计原则

移动友好网站采用专属布局,而非直接缩放桌面版——图片来源

为何移动适配性如此重要?

因为超一半以上的搜索来自移动设备。谷歌已明确将移动友好性纳入排名因素,意味着在同等条件下,移动适配良好的网站将获得更高排名。

移动友好网站特征:

  • 响应式设计:避免使用独立移动端网址(如m.example.com),谷歌虽支持独立移动网址,但不推荐,应保持相同URL并通过断点调整布局适应不同屏幕尺寸。
  • 保持高速:压缩大图、减少自定义字体、考虑AMP加速页面、精简代码。移动端需遵循"少即是多"原则。
  • 取消弹窗:桌面端的弹窗已令人困扰,在那么小的移动屏幕上更会引发强烈反感。
  • 放大按钮:移动用户靠拇指操作,按钮需加大尺寸并保留足够留白。
  • 放大字体:移动端字体不应小于15像素,过小影响阅读。
  • 简化布局:通常需要为移动视图删减区块,避免小屏幕信息过载。保留核心内容,精简次要元素。

最后使用谷歌移动友好测试工具验证你的网站,通过谷歌移动友好测试可以确认你的页面是否符合标准。

核心网页指标

简而言之,核心网页指标包含谷歌认为优质用户体验必备的三项技术要素:

核心网页指标图解

三大核心指标——图片来源

  • 快速加载(LCP):网页最大元素的加载时间不应超过2.5秒
  • 可交互性(FID):用户操作(如点击按钮、加载JavaScript等)后,网站响应时间需在100毫秒内
  • 视觉稳定性(CLS):应尽量减少页面元素移位(例如因广告区块延迟加载导致的版面跳动)。CLS分数高于0.1即需优化(该指标不以秒为单位)

我们知道这些概念信息量很大。欢迎阅读我们的SEO用户体验指南深入了解。

技术SEO的总结

既然你已经了解了技术SEO的职责范畴,现在就可以着手审查网站的技术基础架构,寻找需要优化的机会了。

我们专门写了一节完整的技术SEO审查指南帮助你更好的开展工作。

文中会介绍各种可用于网站审查的SEO工具,比如谷歌搜索控制台、必应站长工具、Ahrefs、SEMRush等等。

本文由程庆撰稿,版权归PPC学院所有,未经允许转载将承担一切法律责任,本站法务由汉盛律师事务所提供支持
扫一扫二维码分享
Dragon