「动态网页」跟「静态网页」是什么？对SEO 有什么影响?

动态网页是指会随着变数的改变而产生不同的网页，这里的变数很可能是指前端Ajax 向后端资料库要求资料并显示在前端，也有可能是因为伺服器端或是网址的GET 参数而产生不同的网页。至于静态网页则是指内容几乎不会变动的网页，静态网页设计相对单纯，例如常见的「隐私权政策」页面就属于静态网页，它的内容几乎不会变动，除非有人去更新，否则每次进到那个内容页面都会看见一样的东西。

一般网站的内容生成几乎都是动态网页设计，只有少数页面会是静态网页设计，因为使用者会与网站互动，像是购物车页面这东西，肯定就是动态网页，不可能是静态网页。至于很多人可能会好奇，动态网页跟静态网页，跟SEO有没有什么关系？这是本篇文章要探讨的主题。

如果你还不知道动态网页跟静态网页的差别，以及动态网页跟静态网页对于SEO有没有什么影响，本篇文章会有完整教学。

什么是动态网页？

根据维基百科对“动态网页”的定义如下：

动态网页是一个对所有动态生成与动态更新的网页的统称。与传统的静态网页相反，它会因为变数的改变而产生不同的网页。这既可能是伺服器端生成的网页，也可能是使用者端生成的网页，或是两者的混合。

换句话说，动态网页因为会跟后端伺服器互动，或是跟前端使用者交互，所以会因为各种变数而生成各种不一样的内容，这种页面就叫做动态页面。

撰写动态网页的程式语言也很多，常见的有像是PHP、Active Server Pages（Asp）、Ruby on Rails…等等。在后端透过程式码执行完之后，前端就会生成HTML 网页给使用者看到，而使用者可能会跟网页进行交互，这时网页又会跟后端程式去跟资料库要资料，因此又生成不同内容，这个就是动态网页的运作方式。

而使用者在前端跟后端资料库交互的运作方式，常见的技术名称叫做Ajax（Asynchronous JavaScript and XML），指的是一套综合了多项技术的浏览器端网页开发技术。

AJAX是客户端与伺服器交换资料的一种方式。AJAX 最大特色就是不用整个页面更新，而只更新网页的一小部分，AJAX可以只向伺服器传送并取回必须的资料，然后改变DOM以更新网页。

什么是静态网页？

所谓静态网页，指的是前端的网页是HTML 页面，而且不会跟后端索取资料库里面的资料，而静态网页的网址常常以.html 为后缀。

静态网页因为内容几乎不会变动，无论使用者何时进入这个页面，看到的内容都是一样的。

什么是伪静态网页？

由于现在的网址，都已经可以透过后端的设定直接进行修改，于是动态网页也很可能伪装成静态网页，例如明明是动态网页，但是网址却显示成xxx.html 这样的网址，网址结构基本上跟静态网页是一样的。

伪静态网页其实说穿了还是动态网页，只是它改了网址结构，所以看起来像静态网页。

动态网页、静态网页，跟SEO 有什么关系？

其实现在大多数网站都是动态网页，例如电商网站，很少能做成静态网页，因为要跟前台使用者进行交互，然后再透过AJAX 技术更新前端内容。

少数适合静态页面有像是：隐私权政策、使用条款、关于页面、智慧财产权声明页面、授权页面…等等，这些页面的内容，因为都不需要跟使用者进行交互，而且更新频率非常低，因此非常适合使用静态页面。

动态网页跟静态网页，哪个对SEO 比较友善？

对于SEO 来说，Google 针对每个不同的网址，都视作一个独一无二的网页，因此动态网页的内容如果有更新，例如增加了一条连结、新增了一段内容…等等，Google 爬虫爬到该页面内容有被更新过，就会重新索引该页面。

所以没有说动态网页或是静态网页，哪一个就对SEO 比较有优势，不过如果你是使用动态网页，你应该尽量避免使用太多GET 参数在网址上面，因为这样可能会有重复内容问题，当你的网页因为GET 参数而有大量重复内容页面时，记得使用Canonical 来指定你的标准网址。

另外，使用动态网页，应该注意以下几点，这是跟SEO 比较相关的。

1.透过Ajax 技术向后台资料库索取的内容，Google 是爬取不到的。

2.透过Javascript 生成的内容，也可能导致Google 爬取不到的问题，这是Javascript SEO要处理的问题。

动态网页与静态网页常见问题