404頁面是你網(wǎng)站的死胡同。登錄到此錯誤頁面可能會給讀者帶來糟糕的用戶體驗。這可能會導(dǎo)致他們不滿意地回到你的主頁,或者去其他競爭對手的網(wǎng)站,或者更糟的是,完全避開你的網(wǎng)站。不用說,這些情況應(yīng)該避免,但它發(fā)生在最好的網(wǎng)站上。因此,明智的做法是有一個變通辦法,以便您處理它對您的訪問者和您的網(wǎng)站的影響。在本文中,我們將指導(dǎo)您了解404頁面(它是什么以及為什么會出現(xiàn)這種情況),以及如何處理它,并在最后向您展示一些漂亮的示例,以便您對有效的404頁面的外觀有一些很好的了解。從我們的指南開始,讓我們首先了解什么是404頁面以及什么時候會出現(xiàn)404頁面。它是什么?在技術(shù)術(shù)語中,404錯誤消息表示客戶機能夠與服務(wù)器通信,但是服務(wù)器無法找到所請求的內(nèi)容。
換句話說,網(wǎng)站無法找到訪問者正在搜索的內(nèi)容。什么時候發(fā)生?當(dāng)一個頁面被從網(wǎng)站上刪除時,可能會出現(xiàn)404錯誤。•頁面已被轉(zhuǎn)移到一個新的URL,而沒有重定向舊的URL。•URL已重命名。•訪問者輸入了一個URL錯誤。•由于維護或服務(wù)器升級,該頁面或文件暫時無法訪問。這些只是產(chǎn)生404消息的眾多原因中的幾個。當(dāng)用戶登錄404頁面時,他們很可能會立即離開您的站點。這將增加你的網(wǎng)站的回彈率,并影響你的谷歌搜索排名,更不用說失去一個潛在的??汀?chuàng)建一個吸引人的自定義404頁面。作為一名設(shè)計師,這是你做得最好的地方。您有能力為您的訪問者減少糟糕的用戶體驗,并幫助他們到達(dá)他們想去的地方。
但是,在討論如何使自定義404頁面有效之前,讓我們首先討論一下為什么需要使用它。為什么它很重要?它可以幫助不快樂的游客。在所有的原因中,這是最重要的。你肯定有過這樣的經(jīng)歷,當(dāng)你打開一個網(wǎng)站的鏈接,想看到一些有趣的東西,然后,一個404錯誤信息出現(xiàn)了,告訴你它不再可用了。還記得這種感覺嗎?這就是你的訪問者在你的網(wǎng)站上體驗到這一點時的感受。這就是為什么有一個自定義404頁面是很重要的,這將幫助他們到他們想去的地方,否則他們會離開你的網(wǎng)站。2. 這是一個展示你的網(wǎng)站個性的機會。想象你的訪問者將被帶到一個只有這張圖片的頁面。它不僅表現(xiàn)出一種枯燥無味的設(shè)計,而且一定會讓他們感到困惑、失望或明顯的惱怒。您可以通過擁有自己的自定義404頁面來避免或至少減輕這種情況。它將告訴你的網(wǎng)站是關(guān)于什么的線索。例如,如果網(wǎng)站是為一家公司設(shè)計的,404頁面可能會設(shè)計得更專業(yè),與他們的業(yè)務(wù)相關(guān)。帝國CATHere就是帝國貓404頁面的一個例子。它有一個他們工廠的背景圖片,可以在他們的商業(yè)網(wǎng)站上給你一個明顯的提示。
它還包括我們稍后將討論的有用元素。對于幽默的網(wǎng)站,404頁面可能會有一些雙關(guān)語和有趣的笑話,以減少煩惱和失望的感覺。這里有幾個例子:blueggmagntemailcenter我們創(chuàng)建自定義404頁面的主要目標(biāo)是防止訪問者離開您的網(wǎng)站,或者至少減輕他們的煩惱和不太好的體驗。吸引人的自定義404頁面的基本元素。一個友好的錯誤信息,您不希望訪問者看到一個充滿難以理解的術(shù)語的頁面。這可能會讓他們感到困惑,或者更糟,他們會驚慌失措地立即轉(zhuǎn)向瀏覽器的后退按鈕。
相反,你可以發(fā)一些帶有人情味的短信,比如“Uh oh”、“Yikes”等等。你甚至可以為這次糟糕的經(jīng)歷道歉,比如“對不起”。帶有輕松消息的404頁示例:ModclothRPZAirbnb2。搜索欄你的搜索欄只會讓你的訪問者繼續(xù)瀏覽你的網(wǎng)站(找到他們想要的東西),而不是讓他們離開。它必須位于容易看到的地方,并添加一條鼓勵用戶使用它的消息。帶有搜索框的404頁示例:mailtwittermashable3。其他有用的鏈接你不希望你的訪問者在404頁面登陸后離開你的網(wǎng)站?把它們放在你網(wǎng)站的其他地方。你的主頁,關(guān)于頁面,作品集,流行/最近的文章,檔案是一個很好的開始,幫助他們重新參與到你的網(wǎng)站。以一種簡潔、有啟發(fā)性的方式添加這些鏈接,這樣它們就可以擁有一些有用的鏈接。