打造别具一(yī)格的(de)網站(zhàn)404問(wèn)題頁面

　　打造别具一(yī)格的(de)網站(zhàn)404問(∞λ≥wèn)題頁面，沒人(rén)會(huì)想到(dà ☆↔o)網站(zhàn)訪客會(huì)在錯(cu<‍ò)誤頁面上(shàng)停留，但(dàn)實際上(shàng)這±§(zhè)種情況确實存在。特别是(shì)在404錯(cuò)誤₽≥頁面上(shàng)，訪客會(huì)經&←β±常逗留。所以，你(nǐ)可(kě)以将404錯(cuò)誤頁面設‍♥αφ計(jì)的(de)更加吸引用(yòng)戶，而不(bù)應讓用(yòng≠™)戶迫不(bù)及待離(lí)開(kāi)。

　　什(shén)麽樣的(de)404錯(cuò)誤↓δ頁面算(suàn)好(hǎo)？自(zì)然要(yào)讓人(rén)印¥→♠象深刻，不(bù)能(néng)看(kàn)見(jiàn)就(jiù)煩¥©$≈。同時(shí)，其設計(jì)過程也(yě)可(kě)以充滿樂(y‌↑uè)趣。那(nà)麽，你(nǐ)應該怎麽做(zuò)才能(néng)←§∞>為(wèi)自(zì)己的(de)網站(zhàn)設計₽ (jì)出優秀的(de)404頁面呢(ne)？下(xiàγ$¶)面是(shì)一(yī)些(xiē)小(xiǎδλo)建議(yì)和(hé)技(jì)巧，以及一(↔♦yī)些(xiē)不(bù)錯(cuò)的(de)範例。

　　什(shén)麽是(shì)404錯(cuò)誤頁面？

　　當網站(zhàn)訪客進入到(dào)不(bù)存在的(de)頁面時 ↓ (shí)，就(jiù)會(huì)顯示4φΩ¥"04錯(cuò)誤頁面。其原因有(yǒu)可(kě)能(néng)是(©β×±shì)頁面被移除、服務器(qì)或網絡連接失敗、用(yòng)戶點擊了(l≤​&e)壞鏈接或輸入了(le)錯(cuò)誤©£♦ 的(de)URL。

　　通(tōng)常來(lái)說(shuō)，4☆σ04錯(cuò)誤頁面會(huì)顯示下(xià)列信息之一≈•∑ (yī)：

　　·404NotFound

　　·HTTP404NotFound

　　·404Error

　　·Thepagecannotbefound

　　·Therequeste•↔"dURLwasnotfoundonthisserver

　　在對(duì)404頁面進行(xíng)整體(tǐ)設計(jì)時∏‍¥✔(shí)，有(yǒu)兩個(gè)選擇：普通(tōng)的∞φ(de)404頁面或自(zì)定義404頁面γ≈ 。普通(tōng)的(de)頁面隻是(shì₽₽ ​)簡單的(de)甩出上(shàng)面的(de)信息，不(bù)涉及設計(‌♠∑®jì)內(nèi)容。而自(zì)定義頁面↓•$•則需要(yào)你(nǐ)進行(xíng)設計(jì)₩¥≥并提供選項。要(yào)進行(xíng)設計(♦★&¥jì)，必須先獲得(de)進入主服務器(♥₹δ♦qì)的(de)權限。（關于這(zhè)一(yī)點我們就 σ≠♥(jiù)不(bù)深入講解了(le)，不(bù)過你(nǐ)可(kě)以通(¥λtōng)過AListApart進行(xíng)了(le)解。）

　　一(yī)個(gè)優秀的(de)404錯(cuò)★↔λ誤頁面應當在用(yòng)戶不(bù)慎進入時(shí)♦φε告訴他(tā)們應當如(rú)何進行(xíng)接下(x↑ ià)來(lái)的(de)操作(zuò)。其中應當提₩‍♥←供有(yǒu)用(yòng)的(de)信息來(lái)幫助訪客不(bσ¶ù)離(lí)開(kāi)你(nǐ)的(de)網站(zh¥✔àn)并進而找到(dào)自(zì)己所需要(yào)的(d" ₩e)信息。（如(rú)果頁面本身(shē×®↕n)設計(jì)精美(měi)就(jiù)更好(∏₩★hǎo)了(le)。）

　　基本必備信息

　　為(wèi)了(le)保證充分(fēn)有(yǒu)效←™©，404錯(cuò)誤頁面從(cóng)本質上(shàng)說₹ >§(shuō)應當簡單一(yī)些(xiē)。它應當說(shuō) γ'≈明(míng)用(yòng)戶遇到(dào)了(le)錯(α φcuò)誤（顯而易見(jiàn)），以及可(kě)以采取哪些(x★δα"iē)辦法離(lí)開(kāi)此頁面。

　　而大(dà)堆的(de)技(jì)₩∏©術(shù)術(shù)語是(shì)不(bù)應當出現(xiàn)在404δδ±頁面上(shàng)的(de)。（否則豈不(bù)會(huì)吓跑用(yπ òng)戶。）實際上(shàng)，連“404錯(cuò)誤&rdπ£×quo;這(zhè)個(gè)大(dà)标題都(dōu)不©☆≈(bù)應該出現(xiàn)在頁面上(shàng)，因為(w↔<★ èi)很(hěn)多(duō)用(yòng)戶完全不☆♠•α(bù)知(zhī)道(dào)這(zhè)玩(wán)意是(shì↓€)什(shén)麽意思。你(nǐ)應當做(zuò)δ<的(de)是(shì)展示更有(yǒu)意義的(de)信息，例±↑→如(rú)“沒有(yǒu)找到(dào₩​)頁面”。

　　另外(wài)還(hái)有(yǒu)一(yī)些(xiē)重要(yào₽★'​)信息是(shì)404頁面所必不(bù)可(kφ≥©ě)少(shǎo)的(de)。總而言之，設計(jì)的(de)關鍵是(shìΩ<)讓用(yòng)戶在頁面出錯(cuò)時(shíγβ®)繼續點擊浏覽，而不(bù)是(shì)關閉頁€★面。

　　·顯眼的(de)标題或文(wén)字向用(yòng)戶>₩→說(shuō)明(míng)出現(xiàn)→¥♥​當前頁面的(de)原因。看(kàn)到(dào)自♦₹®✔(zì)己打開(kāi)的(de)網頁和(hé)預期的(d☆↑e)不(bù)是(shì)一(yī)回事(shì)是(sh→€↑ì)很(hěn)惱人(rén)的(de)。一(yī)定§₹Ω∏要(yào)讓用(yòng)戶知(zhī)道(dào)他(t•✔ā)們打開(kāi)的(de)頁面不(bù)正 ±确，但(dàn)所登陸的(de)網站(zhànλ✘)是(shì)沒問(wèn)題的(de)。

　　·搜索。在404錯(cuò)誤頁面上(shàng)提供與網δ¥&$站(zhàn)其他(tā)部分(fēn)相(xiàng)同（且位♥​置一(yī)緻）的(de)搜索功能(néng)。這(z±'♦γhè)樣一(yī)來(lái)用(yòng)戶就(♥®↔jiù)能(néng)自(zì)己查找要(yào)訪問(wèn)的(dπ≈☆Ωe)頁面。

　　·通(tōng)往主頁和(hé)網站(zhàn)地$α↕Ω(dì)圖的(de)鏈接。邯鄲網站(zhàn)建設這(zhè)個(gè)設計(jì)要(yào)素中可(kě)以包§'含與網站(zhàn)其他(tā)部分(fēn)搭≤δλ配的(de)标題或腳注。

　　·其他(tā)簡化(huà)信息。建議(yì)删去 ↕✘Ω(qù)複雜(zá)的(de)導航功能(néng)。如(rú)果用(yò' ♥♣ng)戶進入到(dào)錯(cuò)誤頁面，你(nǐ)隻需為(wèi)其÷¥提供簡單幾個(gè)能(néng)夠導向正确位置的(♠↕de)選項。如(rú)果選項過多(duō)，㶙反而會(huì)讓用(yòng)戶更加頭疼或者困惑。

　　·加入顯眼的(de)操作(zuò✔ ​©)提示。告訴用(yòng)戶下(xià)¶★"一(yī)步如(rú)何操作(zuò)。

　　讓404頁面具有(yǒu)用(yòng)途

　　在考慮404頁面時(shí)，設計(jì)流程中的(★ε™φde)一(yī)個(gè)重要(yào)部分(fēn)就(jiù)"←✘是(shì)用(yòng)途。加入能(nénπ®g)夠讓頁面既好(hǎo)看(kàn)又(yòu)有(yǒu)用(yòng) "的(de)功能(néng)。

　　對(duì)于自(zì)定義404頁面中應當包含哪些(xiē)信息，G☆✘✔oogle的(de)網站(zhàn)管理(lǐ)員(yuán)工(gōng)♠₹☆∞具中提供了(le)一(yī)系列很(hěn)有(y€≠ǒu)用(yòng)的(de)建議(yì)。這(zhè)些(xiē)建σ←議(yì)包括：

　　·明(míng)确告知(zhī)用(y​‌♦òng)戶其所尋找的(de)頁面無法找到(‍★∞♦dào)。語言應當友(yǒu)善、誘人(rén)。

　　·404錯(cuò)誤頁面應當與網站(zhàn)其他(tā♠☆♥)部分(fēn)的(de)外(wài)觀 ♣α©和(hé)感覺相(xiàng)互匹配。

　　·考慮在其中添加通(t★♥€ōng)往熱(rè)門(mén)文(wén)章(zh£←δāng)或帖子(zǐ)的(de)鏈接。

　　·為(wèi)用(yòng)戶提供報(→★bào)告壞鏈接的(de)渠道(dào)。

　　·讓網絡服務器(qì)在收到(dào)對(duì)丢失頁面>φ♠的(de)請(qǐng)求時(shí)返回實際的(de)404HTTP狀态β₩代碼，以免其顯示在搜索結果中。

　　·使用(yòng)Enhance404工(gōng)☆₽具在自(zì)定義404頁面中嵌入搜索框。

　　除了(le)上(shàng)述之外(wài)，還(hái)有(y® ₩ǒu)一(yī)條給設計(jì)師(shī)們♣←✘→的(de)提示：發揮創意。404頁面，隻要₽×(yào)技(jì)術(shù)允許，不(bù)一(yī)定是(®' shì)很(hěn)無聊無趣的(de)。

　　設計(jì)具有(yǒu)目的(de)性的(de)404頁面  

　　在考慮404錯(cuò)誤頁面的(de)設計∑ε(jì)時(shí)，首先應思考其與網站(zhàn)其他(±•₹tā)部分(fēn)直接的(de)聯系。你(nǐ)網•₩站(zhàn)整體(tǐ)設計(jì)的(de)氛圍和(hé♥↓×)基調是(shì)什(shén)麽？404頁面如(rú)何才能(néng)與δ"其搭配。

　　優秀的(de)錯(cuò)誤頁面應當能(néng)夠與其所處的(de)÷™φ 網站(zhàn)無縫銜接。如(rú)果你®✘(nǐ)的(de)網站(zhàn)采用(♦±yòng)了(le)明(míng)快(kuài× )幽默的(de)基調，則404頁面也(yě)應當如(rú)此。另外(wài)"€÷♣，在顔色和(hé)圖形使用(yòng)上(shàng)也(yě ↕ )應當與網站(zhàn)一(yī)緻。但(dàn)在± ✔→設計(jì)過程中，一(yī)定要(yào)小(xiǎo)心謹慎，不(bù‌∏)要(yào)把進入錯(cuò)誤頁面的(de)責任歸咎到(dào)用(yòn &‍g)戶頭上(shàng)。（這(zhè)種情況發生(s↓∞÷hēng)的(de)頻(pín)率絕對(duì)超出™Ω 你(nǐ)的(de)想象。）

　　錯(cuò)誤頁面的(de)設計(jì)應當是(shì)整≤≥₩體(tǐ)設計(jì)方案中的(de)一(yī)個(gè)組成部分(fēn)。✘λ

　　·保持設計(jì)的(de)一(yī)緻性。使用(yòng✔®π)與網站(zhàn)其他(tā)頁面相(xiàng)§←同的(de)顔色、字體(tǐ)和(hé)圖形風(fēng)格。

　　·保留品牌标識。使用(yòng)相(x€ ← iàng)同的(de)logo、标題和(hé)腳注處理(lǐ)方式能( ✔σλnéng)夠幫助用(yòng)戶識别你(nǐ)的(de)網站(↑&zhàn)。

　　·保持視(shì)覺上(shàng)的 <"£(de)簡約。在錯(cuò)誤頁面上(shàngε≤)，少(shǎo)就(jiù)是(shì)多(duō)。

　　·不(bù)要(yào)讓用(yòng)戶滾動鼠标 ¥。設計(jì)應該以一(yī)屏為(wèi)限。

　　·不(bù)要(yào)使用(yòng)太多(duō)噱₽‍ ☆頭。雖然與整體(tǐ)網站(zhàn)和(hé)品牌‍©&保持相(xiàng)同的(de)基調和(hé)感覺是(shì)個(gè)好(h&✔ǎo)主意，但(dàn)是(shì)過多(duō)的(de☆←₹₩)內(nèi)容反而會(huì)讓用(yòng)戶忘記自(zì)己本來(lá×®★i)要(yào)找的(de)東(dōng)西(xī)。

　　·表示歉意。用(yòng)戶進入錯(cuò)誤☆'頁面時(shí)你(nǐ)道(dào)個(gè)歉絕對(duì)​↓​沒問(wèn)題。

　　·如(rú)果你(nǐ)的(de)網站(zhàn∏₽)需要(yào)登陸，可(kě)以添加登陸功能(néng)。（♣£ '錯(cuò)誤是(shì)否因為(wèi)用(yòng)戶需要(yào"♣ )登陸而造成？）

　　·發揮創意，或者表現(xiàn)趣味。不(bù)要(yào<$)忘記先對(duì)頁面進行(xíng)測試。保證所有(yǒu)用(yòng)€©戶都(dōu)能(néng)理(lǐ)解你(nǐ)的(de)設計(¥&₹jì)。

　　·如(rú)果你(nǐ)使用(yòng)了(le)&ld←​"quo;404錯(cuò)誤”這(zhè)句話(huà)♣σ，則應當再加一(yī)行(xíng)文(wén©Ωσ)字告訴用(yòng)戶其意思是(shì) ♣什(shén)麽，或者他(tā)們下(xià)一(yī)步應當如(rú)何≥§→♣操作(zuò)。