PART.01 为什么好的网站架构很重要?
如果说网站是一个大楼,SEO 人常说的网站架构,就像是这整个大楼的结构,一楼有哪些房间、二楼有哪些房间……七楼又有哪些房间。
而爬虫跟使用者就像是一个访客,需要把这些房间都一一进入,然后去到下一个房间。
而 robots.txt 就像是门口的守卫,跟这些来访者(爬虫)规定说:哪些楼层可以去、哪些房间不能去。
所以说一个友善的网站架构,就是一个设计良好的大楼结构,让爬虫、访客、使用者可以轻松使用这个网站,这样就会是个友善的网站结构了。
PART.02 坏的网站架构,会发生什么事?
1.爬取效率低
若网站结构太深或连结混乱,搜寻引擎的爬虫可能无法完整索引所有页面,造成部分内容被忽略、无法被索引。
2.权重无法有效传递
重要的核心页面如果缺乏足够连结支援,搜寻引擎就难以辨别哪些页面最关键,影响排名状况。
3.使用者体验差
目录层级复杂、导览不便导致跳出率高,搜寻演算法会因此判定内容品质较低,进而影响排名。
PART.03 网站架构设计大原则
以下是设计一个网站架构可以参考的原则跟技巧。
1. 从使用者角度出发
从使用者角度出发,是设计网站架构最重要的事情;因为对于使用者来说用的顺手、好用的网站,通常也会符合搜寻引擎的标准。
而且对使用者好用的网站,才能帮助网站赚钱、帮助公司赚钱。
要点很多次才能找到需要用的网页?网站载入很慢?重要页面藏很深、生怕使用者找到?那这些使用者都不喜欢,都应该改。
2. 越少点击次数越少
设计网站架构最重要的原则就是:让爬虫越少点击次数就能爬完网站,会是最好的情况。
如果能让爬虫花 3 次就能到网页 A,那就不要让爬虫花 7 次。
我会建议使用者在4~5 次以内,可以点击到你多数的网页,这样深度就能接受。
3. 越扁越好
对于爬虫来说,同一个页面有很多连结不麻烦(水平宽),但需要点击很深(纵向深)却很麻烦费力。
垂直的网站架构(较不理想)
因为越深的页面需要更多次的点击次数,因此网站架构越扁越好。
对于使用者来说,如果页面很深,就需要点很多次,使用体验也不好。
水平的网站架构(较理想)
※简单来说,就是让爬虫再每一个层级,发现尽可能多的网址。
4. 善用内部连结(Internal Link)
内部连结就是大楼内任意门,而且它能横跨不同楼层、房间之间,让不同空间之间有很多不同的到达路径,而不是只能制式的走楼梯跟搭电梯。
像是下面这张图,本来从首页要抵达网页5,需要点击5 次;但有了内部连结后,只需要点击2 次就好,能让爬虫快速抵达深层页面。
而「内部连结」(Internal Link)听起来很厉害,实际上要怎么做呢?其实只需要网页上放超连结,而这个连结是同一个网站的内容,就是内部连结了哦!
5. 越重要页面要越接近首页
对于搜寻引擎跟使用者来说,首页最重要,而越接近首页的页面也会越重要。
因此如果有一些页面对网站主来说很重要,可以尽可能放首页,或接近首页,这样能提升 SEO 的成果。
常见的做法像是放在导航列(Navigation Bar),放在首页的某个区块,都能让爬虫跟使用者更容易进入到此页面。
PART.04 网站改善的5 个实际操作
根据以上原则,以下提供五个实际的操作方式,让你的网站架构更理想。
1. 导航列( Navigation Bar)
网站的最上面的菜单、有放很多分类的就是导航列,多数的网站都需要导航列帮助使用者找到对应的分类。
像是 Apple 的导航列中就有:商店、Mac、iPad、iPhone、Watch、AirPods……等,这些就是网站主认为使用者最需要了解的页面。
由于导航列会在每个页面都出现,所以爬虫在每个页面都能透过导航列进行爬取,因此如果有个页面、分类、功能对你来说非常重要,那你就要尽可能放在导航列上面。
我也很建议你可以多参考不同网站、不同产业的导航列设计,并多参考你认为喜欢的设计方式,常是模仿跟超越。
2. 页尾(Footer)
页首会在网页的最下方,几乎每个页面都会有 Footer,因此会有类似导航列的效果,在每个页面提供爬虫使用。
但由于 Footer 对于使用者来说价值较低,效果没有导航列这么好,建议重要的资讯跟分类还是放在导航列( Navigation Bar)。
Footer 通常会放:
-
联络资讯
-
隐私权政策
-
条款与合约
-
网站地图(HTMP Sitemap)
-
使用条款
当然你也可以更有效利用页尾,像是 Apple 跟 Gogoro 都让页尾充满更多有益资讯,帮助使用者跟爬虫能利用。
范例:
-
Apple 页脚
-
Gogoro
3. HTML Sitemap(网站地图)
HTML Sitemap 是指由 HTML 构成的网站地图,简单来说就是有个网页,里面会放网站内重要分类跟重要连结,可以参考下方图片。
我们可以看到 Apple 与 IKEA 把重要的页面分类跟网址(超连结)都放在这里,对于使用者来说可以找到需要的内容。
对于爬虫来说,这页就是个内部连结大礼包,可以迅速到这些进爬取。
范例:
-
Apple HTML 网站地图
-
IKEA HTML Sitemap
4. URL 结构设定
URL 结构(网址结构)与网站结构通常会有关联,像是「https://xxxxxx.com/seo/seo-intro/」,「seo-intro」通常会在第二层页面。
因此不建议网址层数太多,这对于使用者跟搜寻引擎来说都不喜欢,好比:
https://www.xxxxxx.com/article/seo/skill/know-how/101/must/url-intro/
这样的网址结构是不是就显得很杂乱?且没有必要。
建议可以尝试改成:
-
https://www.xxxxxx.com/article/seo-url-intro/
-
https://www.xxxxxx.com/seo-url-intro/
5. 手动增加内部连结
如果你有很多文章页面,记得每篇文章多增加个 3~5 个相关连结的内部连结,这对于使用者跟 SEO 都会很有帮助。
PART.05、网址结构与网站架构
网址结构与网站架构也有密切的关联,以下文章分享好的 SEO 网址结构的撰写方法。
-
重点一:使用「-」而非「_」
-
重点二:一律英文小写
-
重点三:使用有意义且规律的命名
-
重点四:网址层数越少越好
-
重点五:避免使用中文
-
重点六:统一网址结尾斜线(Trailing Slash)


