如何定義「靜態網頁」和「動態網頁」?

只要說到SEO搜尋引擎最佳化,就不免得提到靜態網頁及動態網頁。但何謂靜態網頁及動態網頁呢?這兩種網頁又與搜尋引擎最佳化有什麼關聯呢?現在就讓我們好好探討一下吧!

所謂靜態網頁,便是指超文件標示語言HyperText Markup Language,簡稱:HTML。是一種常與CSSJavascript配合製作的網站建置基礎技術,網頁以純文字或圖片形式為主,內容固定、互動性差,且無後台資料庫。一般來說只要是網頁副檔名為htmlhtm,皆可辦定為靜態網頁。因爲靜態網頁的穩定性和無需連接資料庫,因此能快速開啟頁面,也更容易被搜索引擎檢索,所以許多人在編寫網頁時會將動態網頁、影像、動畫等轉變成靜態方式,就是所謂的偽靜態網頁,來提高搜尋引擎的友善度進而達到排名優化。

動態網頁便與固定式的靜態網頁相反,其主要是搭配伺服器與資料庫共同運作,以HTML語法搭配多種編程及技術的融合,從而達到極具互動性的網頁功能,如會員功能、購物車、討論區等,且網頁的內容會隨著用戶的輸入和互動而有所不同。雖然動態網頁有著顯而易見的互動性優勢。

但其缺點也是非常明顯的。動態網頁在接收到用戶所下的指令後,會先傳達至資料庫中搜尋相應數據,再傳至伺服器編譯成HTML代碼後才呈現於用戶面前。而這一連串的動作便會使網頁載入的時間相對拉長,若是網頁訪問人數增多時,頁面的載入速度會更加緩慢。由此可見,動態網頁無論是在速度或是搜索引擎收錄方面皆不占有優勢。

以上我們分析了靜態網頁及動態網頁的差異及各自特點。簡單來說,靜態網頁就是一個具有獨立性的固定網頁,其頁面並不會因任何外在因素而有所改變,亦不能與訪客互動。而動態網頁因為依靠著數據庫,所以雖說對於載入頁面的速度上會稍有影響,但無論是在修改數據或是與訪客的互動上都有著極佳的表現。

對於SEO (搜尋引擎最佳化) 而言,穩定且載入速度快的靜態網頁在面對網路爬蟲時的優勢是遠遠勝於動態網頁的,但對於現今的網站設計需求,往往更注重視覺上的效果及網頁互動性,因此如今我們所看到的許多網站皆是以靜態網頁來獲取搜尋引擎的友善度,同時也以動態網頁進行訪客互動,雙管齊下的模式,在追求SEO的同時給予訪客最佳的視覺效果及瀏覽體驗。

關於作者: Danny Huang

大家好,我是Danny,是位熱愛程式的前端工程師,具有豐富工作與接案經驗。我在這裡會陸續推出一些網頁開發,線上行銷的文章。 如果喜歡這方面的文章可以加入email list。