如何正確設計404錯誤頁面?5個讓你的404頁面變的更加實用的技巧

404錯誤頁面是什么?
HTTP 404 錯誤意味著鏈接指向的網(wǎng)頁不存在,即原始網(wǎng)頁的URL失效,這種情況經(jīng)常會發(fā)生,很難避免。
隨著網(wǎng)站的不斷發(fā)展,網(wǎng)站本身的架構(gòu)會不斷變化,頁面和內(nèi)容會在重設計過程中不斷調(diào)整,被重新定向。網(wǎng)站本身的優(yōu)化,往往不可避免地讓一部分內(nèi)容不再那么容易被用戶找到,當用戶打開的時候,就是 404 頁面了。
絕大多數(shù)用戶害怕看到這個頁面,這意味著這個鏈接所對應的頁面已經(jīng)不復存在,或者搜索結(jié)果出錯了。但是,如果你能夠正確設計 404 頁面,反而能夠充分利用它解決用戶的問題,給你的網(wǎng)站帶來更多的訪客和流量。下面是精心總結(jié)的 5 個技巧,并不復雜,用好了當有奇效。
5個讓你的404頁面變的更加實用的技巧
1、創(chuàng)建一個網(wǎng)站最佳內(nèi)容清單
用戶雖然沒有按照預期找到他們想要的頁面和內(nèi)容,但這并不意味著整個流程就走入了死胡同,如果你著力于創(chuàng)建優(yōu)質(zhì)的內(nèi)容,那么應該在 404 頁面為用戶推薦最佳的網(wǎng)站內(nèi)容。
相比于單獨留下一個碩大無比的404,更好的選擇是為用戶提供點建議,幫助他們更好的探索你的網(wǎng)站的其他內(nèi)容。用戶可能會在其他的地方找到他們想要的
2、拿好處來同用戶交換電子郵件
盡管訪客面對這 404 頁面,依然沒有找到他們想要的內(nèi)容,但這并不意味著無法將他們轉(zhuǎn)化為未來的用戶。獲取用戶的郵件,定期推送信息是將訪客最終轉(zhuǎn)化為網(wǎng)站用戶的重要手段,而想要讓用戶訂閱網(wǎng)站的信息,還得拿出一些好處出來:免費的課程,電子圖書,免費可用的素材,實用的工具等等等等。
對于許多功能性的網(wǎng)站而言,增加網(wǎng)站的流量,或者說增加客戶是主要的目標。如果網(wǎng)站的擁有者是牙醫(yī)、律師或者說某個整形機構(gòu),那么每增加一名客戶,都意味著數(shù)千美元的進賬。所以,抓住每一個訪客并且將他們轉(zhuǎn)化為客戶,是非常有意義的。
3、加個搜索框
許多較老、經(jīng)過重設計的網(wǎng)站,許多老頁面都會在調(diào)整中被重新定位到另一個位置。所以,在你的 404 頁面中添加一個能全局搜索的搜索框是非常合乎情理,也能夠幫助訪客解決問題的方案。即使原始鏈接已經(jīng)不存在了,也可以根據(jù)內(nèi)容、主題來搜索到相關的內(nèi)容, 甚至是被重新定位的頁面。搜索框不僅能夠提供給用戶獲取內(nèi)容的新途徑,而且能夠進一步提升網(wǎng)站流量。
Twitter 在這件事情上就做的很棒,通過指導用戶搜索目標主題來告別 404 的尷尬。
4、添加聯(lián)系方式
許多優(yōu)秀的 404 頁面會包含設計師或者相關運營、維護團隊的聯(lián)系方式。這些表單、聯(lián)系方式主要可以起到兩個作用。其一,幫助網(wǎng)站的訪客,或者說潛在客戶可以直接聯(lián)系到網(wǎng)站的擁有者、設計者或者運營者。即使他們沒有找到想要的內(nèi)容,通過頁面的聯(lián)系方式可以直接聯(lián)系相關人員,繼續(xù)獲取想要的信息。
它的另外一項重要的功能在于,表單和聯(lián)系方式能夠讓訪客提交錯誤信息,從而讓設計和內(nèi)容團隊有針對性地調(diào)整、修改、提升網(wǎng)站的內(nèi)容。
5、控制好你的幽默感
雖然有不少相關的 404 頁面設計的文章推薦使用幽默的手法來環(huán)節(jié)尷尬的氛圍,但是我對此一直持保留意見。一方面,大家的幽默感并不一定能夠“一致”,同樣的笑話對不同的訪客可能效果差別很大。另一方面,當用戶在搜索一項重要的信息的時候,跳出來的是一個404,這本身就是一個笑話。
絕大多數(shù)用戶在網(wǎng)站中碰到一個不可用的頁面,并不會覺得這很好笑。實際狀況中,用戶僅僅只是要找到他們想要的東西,繼續(xù)探索,或者轉(zhuǎn)頭離開。想讓用戶會心一笑想法并不為過,但是提供更加切實可行的解決方案,來的更加實在。
結(jié)語
實際上,今天所推薦的 5 個技巧,都是建立在一個目的之上:讓用戶不會在你的網(wǎng)站中陷入死胡同。當用戶陷入困境的時候,你能夠在頁面中提供額外的選項,就是為他們打開了一扇擁有可能性的門。最重要的是,不要把所有的東西都堆砌在 404 頁面上,有策略地提供解決方案,才是正確的思路。
如果你是網(wǎng)站的設計者或者管理者,你應該同遭遇 404 頁面的訪客多溝通,一方面能夠真正幫他們找到想要的東西,提供可用的服務,讓你的網(wǎng)站和服務能夠走的更遠。而另外一方面,即時跟進出錯的狀況,能夠幫你調(diào)整網(wǎng)站,提供正確的服務和信息。
404 頁面不是世界的盡頭,它們更應該是一個十字路口,提供不同的路徑,將用戶引領到的對的地方。
相關閱讀:
網(wǎng)站404頁面應該如何設置? 淺析網(wǎng)站404頁面設置方法和注意事項
網(wǎng)站設計中如何詳細的自定義404錯誤頁面的制作和設置
你眼中的404頁面未必返回404狀態(tài)碼 404頁面如何正確設置
相關文章
- Cloudfront 是 Amazon 提供的 CDN 服務,有每月免費 1T 的流量,該流量不可累計,個人小站的話,這個 CDN 是足夠用的了,而且主要是國內(nèi)訪問的速度還不錯,但是需要注意不要2023-10-19
免費為你的網(wǎng)站加速,全球訪問加速還可以防御ddos攻擊的cloudflare
CDN加速通俗來講就是把網(wǎng)站在全國各地的服務器上復制一份(即鏡像服務器),用戶在訪問的時候,路由自動分配到最近的服務器,提升訪問速度,大家在訪問軟件下載站的時候,經(jīng)2023-10-09什么是AMP(加速移動頁面)Web開發(fā)?AMP的好處以及它與響應式網(wǎng)頁設計的
AMP技術是一項用于加速移動Web頁面加載速度的技術,它通過限制頁面的HTML、CSS和JavaScript的使用,從而提高頁面加載速度和性能,下面我們將從以下幾個方面對AMP技術進行拓展2023-10-09谷歌站長(Search Console)工具的注冊安裝及功能介紹
Google Search Console 是一項由 Google 提供的免費服務,可幫助您監(jiān)控和維護您的網(wǎng)站在 Google 搜索結(jié)果中的展示情況以及排查問題,Search Console 可幫助您了解并改善 Go2023-05-13打開網(wǎng)站出現(xiàn)Internal Server Error的原因和解決方法
這篇文章主要介紹了打開網(wǎng)站出現(xiàn)Internal Server Error的原因和解決方法的相關資料,需要的朋友可以參考下,解決方法:登陸FTP或文件管理器,檢查站點目錄文件權限設置,將2022-01-08inxy:超低價“綜合型”國外CDN提供商,專業(yè)POP節(jié)點覆蓋亞洲\歐洲\美洲
inxy,這個2005年成立運作至今的商家不但提供11個機房的VPS、24個機房獨立服務器,更重要的核心業(yè)務還有CDN,之所以要來推薦inxy的CDN是因為在性價比上面有著獨到的優(yōu)勢2020-11-16- 大部分服務商(如阿里云,網(wǎng)易蜂巢,京東云等)的CDN服務是按使用量收費的,也有一些服務商提供免費的CDN服務,這篇文章主要介紹了分享盤點10個可免費使用的網(wǎng)站CDN加速服2020-08-17
INXY:運作全球26個國家和地區(qū)的 獨立服務器、VPS、CDN業(yè)務,價格超便
INXY主要運作獨立服務器、VPS、CDN、DNS四大類業(yè)務。inxy有自己的機房,也賣全球其他國家和地區(qū)的相關業(yè)務,可以說是一個超大型的reseller2019-09-29- 這篇文章主要介紹了新手干貨之網(wǎng)站建設中常見的一些問題,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2019-09-18
給我三分鐘還你一個不買視頻會員的理由,手把手教搭建電影網(wǎng)站
本篇文章主要介紹了手把手教搭建電影網(wǎng)站,今天我們就來搭建一個VIP電影網(wǎng)站,本文主旨在于,從基礎的搭建一個簡單的解析網(wǎng)站來引入一些思路,手把手什么的最貼心了。2019-08-22