沒人(rén)會想到(dào)網站訪客會在(zài)錯誤頁面上(shàng)停留，但實際上(shàng)這(zhè)種情況确實存在(zài)。特别是(shì)在(zài)404頁面上(shàng)，訪客會經常逗留。所以(yǐ)，你可以(yǐ)将404錯誤頁面設計的(de)更加吸引用戶，而(ér)不(bù)應讓用戶迫不(bù)及待離開。

    什麽樣的(de)404錯誤頁面算好？自然要(yào / yāo)讓人(rén)印象深刻，不(bù)能看見就(jiù)煩。同時(shí)，其設計過程也(yě)可以(yǐ)充滿樂趣。那麽，你應該怎麽做才能爲(wéi / wèi)自己的(de)網站設計出(chū)優秀的(de)404頁面呢？下面蘇州網站制作公司謝謝網絡先來(lái)爲(wéi / wèi)您介紹下什麽是(shì)404錯誤頁面？

    當網站訪客進入到(dào)不(bù)存在(zài)的(de)頁面時(shí)，就(jiù)會顯示404錯誤頁面。其原因有可能是(shì)頁面被移除、服務器或網絡連接失敗、用戶點擊了(le／liǎo)壞鏈接或輸入了(le／liǎo)錯誤的(de)URL。

    通常來(lái)說(shuō)，404錯誤頁面會顯示下列信息之(zhī)一(yī / yì ／yí)：

    1.404 Not Found
    2.HTTP 404 Not Found
    3.404 Error
    4.The page cannot be found
    5.The requested URL was not found on this server

    在(zài)對404頁面進行整體設計時(shí)，有兩個(gè)選擇：普通的(de)404頁面或自定義404頁面。普通的(de)頁面隻是(shì)簡單的(de)甩出(chū)上(shàng)面的(de)信息，不(bù)涉及設計内容。而(ér)自定義頁面則需要(yào / yāo)你進行設計并提供選項。要(yào / yāo)進行設計，必須先獲得進入主服務器的(de)權限。（關于(yú)這(zhè)一(yī / yì ／yí)點我們就(jiù)不(bù)深入講解了(le／liǎo)，不(bù)過你可以(yǐ)通過A List Apart進行了(le／liǎo)解。）

    一(yī / yì ／yí)個(gè)優秀的(de)404錯誤頁面應當在(zài)用戶不(bù)慎進入時(shí)告訴他(tā)們應當如何進行接下來(lái)的(de)操作。其中應當提供有用的(de)信息來(lái)幫助訪客不(bù)離開你的(de)網站并進而(ér)找到(dào)自己所需要(yào / yāo)的(de)信息。（如果頁面本身設計精美就(jiù)更好了(le／liǎo)。）

    基本必備信息

    爲(wéi / wèi)了(le／liǎo)保證充分有效，404錯誤頁面從本質上(shàng)說(shuō)應當簡單一(yī / yì ／yí)些。它應當說(shuō)明用戶遇到(dào)了(le／liǎo)錯誤（顯而(ér)易見），以(yǐ)及可以(yǐ)采取哪些辦法離開此頁面。

    而(ér)大(dà)堆的(de)技術術語是(shì)不(bù)應當出(chū)現在(zài)404頁面上(shàng)的(de)。（否則豈不(bù)會吓跑用戶。）實際上(shàng)，連“404錯誤”這(zhè)個(gè)大(dà)标題都不(bù)應該出(chū)現在(zài)頁面上(shàng)，因爲(wéi / wèi)很多用戶完全不(bù)知道(dào)這(zhè)玩意是(shì)什麽意思。你應當做的(de)是(shì)展示更有意義的(de)信息，例如“沒有找到(dào)頁面”。

    另外還有一(yī / yì ／yí)些重要(yào / yāo)信息是(shì)404頁面所必不(bù)可少的(de)。總而(ér)言之(zhī)，設計的(de)關鍵是(shì)讓用戶在(zài)頁面出(chū)錯時(shí)繼續點擊浏覽，而(ér)不(bù)是(shì)關閉頁面。

    1.顯眼的(de)标題或文字向用戶說(shuō)明出(chū)現當前頁面的(de)原因。看到(dào)自己打開的(de)網頁和(hé / huò)預期的(de)不(bù)是(shì)一(yī / yì ／yí)回事是(shì)很惱人(rén)的(de)。一(yī / yì ／yí)定要(yào / yāo)讓用戶知道(dào)他(tā)們打開的(de)頁面不(bù)正确，但所登陸的(de)網站是(shì)沒問題的(de)。
    2.搜索。在(zài)404錯誤頁面上(shàng)提供與網站其他(tā)部分相同（且位置一(yī / yì ／yí)緻）的(de)搜索功能。這(zhè)樣一(yī / yì ／yí)來(lái)用戶就(jiù)能自己查找要(yào / yāo)訪問的(de)頁面。
    3.通往主頁和(hé / huò)網站地(dì / de)圖的(de)鏈接。這(zhè)個(gè)設計要(yào / yāo)素中可以(yǐ)包含與網站其他(tā)部分搭配的(de)标題或腳注。
    4.其他(tā)簡化信息。建議删去複雜的(de)導航功能。如果用戶進入到(dào)錯誤頁面，你隻需爲(wéi / wèi)其提供簡單幾個(gè)能夠導向正确位置的(de)選項。如果選項過多，反而(ér)會讓用戶更加頭疼或者困惑。
    5.加入顯眼的(de)操作提示。告訴用戶下一(yī / yì ／yí)步如何操作。

    讓404頁面“有用”

    在(zài)考慮404頁面時(shí)，設計流程中的(de)一(yī / yì ／yí)個(gè)重要(yào / yāo)部分就(jiù)是(shì)用途。加入能夠讓頁面既好看又有用的(de)功能。

    對于(yú)自定義404頁面中應當包含哪些信息，Google的(de)網站管理員工具中提供了(le／liǎo)一(yī / yì ／yí)系列很有用的(de)建議。這(zhè)些建議包括：

    1.明确告知用戶其所尋找的(de)頁面無法找到(dào)。語言應當友善、誘人(rén)。
    2.404錯誤頁面應當與網站其他(tā)部分的(de)外觀和(hé / huò)感覺相互匹配。
    3.考慮在(zài)其中添加通往熱門文章或帖子(zǐ)的(de)鏈接。
    4.爲(wéi / wèi)用戶提供報告壞鏈接的(de)渠道(dào)。
    5.讓網絡服務器在(zài)收到(dào)對丢失頁面的(de)請求時(shí)返回實際的(de)404 HTTP狀态代碼，以(yǐ)免其顯示在(zài)搜索結果中。
    6.使用Enhance 404工具在(zài)自定義404頁面中嵌入搜索框。
    7.使用Change of Address工具将網站的(de)動作告知Google。

    除了(le／liǎo)上(shàng)述之(zhī)外，還有一(yī / yì ／yí)條給設計師們的(de)提示：發揮創意。404頁面，隻要(yào / yāo)技術允許，不(bù)一(yī / yì ／yí)定是(shì)很無聊無趣的(de)。

    設計具有目的(de)性的(de)404頁面

    在(zài)考慮404錯誤頁面的(de)設計時(shí)，首先應思考其與網站其他(tā)部分直接的(de)聯系。你網站整體設計的(de)氛圍和(hé / huò)基調是(shì)什麽？404頁面如何才能與其搭配。

    優秀的(de)錯誤頁面應當能夠與其所處的(de)網站無縫銜接。如果你的(de)網站采用了(le／liǎo)明快幽默的(de)基調，則404頁面也(yě)應當如此。另外，在(zài)顔色和(hé / huò)圖形使用上(shàng)也(yě)應當與網站一(yī / yì ／yí)緻。但在(zài)設計過程中，一(yī / yì ／yí)定要(yào / yāo)小心謹慎，不(bù)要(yào / yāo)把進入錯誤頁面的(de)責任歸咎到(dào)用戶頭上(shàng)。（這(zhè)種情況發生的(de)頻率絕對超出(chū)你的(de)想象。）

    錯誤頁面的(de)設計應當是(shì)整體設計方案中的(de)一(yī / yì ／yí)個(gè)組成部分。

    1.保持設計的(de)一(yī / yì ／yí)緻性。使用與網站其他(tā)頁面相同的(de)顔色、字體和(hé / huò)圖形風格。
    2.保留品牌标識。使用相同的(de)logo、标題和(hé / huò)腳注處理方式能夠幫助用戶識别你的(de)網站。
    3.保持視覺上(shàng)的(de)簡約。在(zài)錯誤頁面上(shàng)，少就(jiù)是(shì)多。
    4.不(bù)要(yào / yāo)讓用戶滾動鼠标。設計應該以(yǐ)一(yī / yì ／yí)屏爲(wéi / wèi)限。
    5.不(bù)要(yào / yāo)使用太多噱頭。雖然與整體網站和(hé / huò)品牌保持相同的(de)基調和(hé / huò)感覺是(shì)個(gè)好主意，但是(shì)過多的(de)内容反而(ér)會讓用戶忘記自己本來(lái)要(yào / yāo)找的(de)東西。
    6.表示歉意。用戶進入錯誤頁面時(shí)你道(dào)個(gè)歉絕對沒問題。
    7.如果你的(de)網站需要(yào / yāo)登陸，可以(yǐ)添加登陸功能。（錯誤是(shì)否因爲(wéi / wèi)用戶需要(yào / yāo)登陸而(ér)造成？）
    8.發揮創意，或者表現趣味。不(bù)要(yào / yāo)忘記先對頁面進行測試。保證所有用戶都能理解你的(de)設計。
    9.如果你使用了(le／liǎo)“404錯誤”這(zhè)句話，則應當再加一(yī / yì ／yí)行文字告訴用戶其意思是(shì)什麽，或者他(tā)們下一(yī / yì ／yí)步應當如何操作。