1. 程式人生 > >楊澤業:創建一個用戶體驗更好的自定義404頁面

楊澤業:創建一個用戶體驗更好的自定義404頁面

vertica borde ant word-wrap lin 狀態碼 不用 和我 體驗

我先來說說,什麽是404頁面?404頁面是客戶端在瀏覽網頁時,服務器無法正常提供信息,或是服務器無法回應,且不知道原因所返回的頁面。

404頁面的作用主要是:提升用戶體驗,避免出現死鏈,避免信任度下降,避免被懲罰。

大多數的網站程序,都會提供了一個相對用戶來說,一個非常友好的404頁面,無需用戶自己創建。

例如:和我一樣的wordpress博客的知更鳥的begin主題,就為我們設計了,一個看起來非常簡潔友好的404頁面,如圖:(此圖為begin主題默認的404頁面)

技術分享圖片

begin主題默認的404頁面

如果你在你的網站裏面輸入任意的不存在的地址如/888,出現了上面的頁面,那麽你無需做任何更改。

但是,如果你的服務器配置和我的一樣是寶塔管理面板,新建站點的時候,就自動生成了404頁面和主頁,我是把默認的404頁面刪除以後,得到的404頁面截圖如下:

技術分享圖片

不友好的404頁面

當然如果你的 頁面是這樣的頁面的話,肯定是不友好的,於是我就仿盧松松博客,創建了一個和他一樣的404頁面,如果頁面出錯,那就玩一個小遊戲吧!

技術分享圖片

創建一個友好的自定義的404頁面

制作和我一樣的404頁面,到底難不難呢?我可以告訴你,簡單至極。

方法:隨意打開我一個不存在的頁面,就會進去404頁面,右鍵查看源代碼,復制源代碼,新建一個404.html的文件,把代碼復制進去即可。

HTTP 404錯誤意味著鏈接指向的網頁不存在,即原始網頁的URL失效,這種情況經常會發生,很難避免。比如說:網頁URL生成規則改變、網頁文件更名或移動位置、導入鏈接拼寫錯誤、頁面刪除等,導致原來的URL地址無法訪問;當Web 服務器接到類似請求時,會返回一個404狀態碼,告訴瀏覽器要請求的資源並不存在。

所以說做一個網站404頁面是必須的,各位站長自己去檢查一下自己的網站,是否有一個友好的404頁面:有就不用管了,沒有,那就趕快做一個,刻不容緩!


來源:澤業建站網

本文由楊澤業原創,發布於51CTO博客


楊澤業:創建一個用戶體驗更好的自定義404頁面