您現在的位置: 网站首頁 / seo優化 / 正文

如何制作優秀的404錯誤頁面

作者: admin 发布: 2015-1-4 14:3:12 分类: seo優化 閱讀: 次 查看評論

  沒人會想到網站訪客會在錯誤頁面上停留,但實際上這種情況確實存在。特別是在404頁面上,訪客會經常逗留。所以,你可以將404錯誤頁面設計的更加吸引用戶,而不應讓用戶迫不及待離開。

  如何打造优秀的404错误页面

  什麽樣的404錯誤頁面算好?自然要讓人印象深刻,不能看見就煩。同時,其設計過程也可以充滿樂趣。那麽,你應該怎麽做才能爲自己的網站設計出優秀的404頁面呢?下面是一些小建議和技巧,以及一些不錯的範例。

  什麽是404錯誤頁面?

  

  當網站訪客進入到不存在的頁面時,就會顯示404錯誤頁面。其原因有可能是頁面被移除、服務器或網絡連接失敗、用戶點擊了壞鏈接或輸入了錯誤的URL。

  通常來說,404錯誤頁面會顯示下列信息之一:

  •   404 Not Found

  •   HTTP 404 Not Found

  •   404 Error

  •   The page cannot be found

  •   The requested URL was not found on this server

  在对404頁面进行整体设计时,有两个选择:普通的404頁面或自定义404頁面。普通的页面只是简单的甩出上面的信息,不涉及设计内容。而自定义页面则需要你进行设计并提供选项。要进行设计,必须先获得进入主服务器的权限。(关于这一点我们就不深入讲解了,不过你可以通过A List Apart进行了解。)

  一個優秀的404錯誤頁面應當在用戶不慎進入時告訴他們應當如何進行接下來的操作。其中應當提供有用的信息來幫助訪客不離開你的網站並進而找到自己所需要的信息。(如果頁面本身設計精美就更好了。)

  基本必備信息

  

  爲了保證充分有效,404錯誤頁面從本質上說應當簡單一些。它應當說明用戶遇到了錯誤(顯而易見),以及可以采取哪些辦法離開此頁面。

  而大堆的技術術語是不應當出現在404頁面上的。(否則豈不會嚇跑用戶。)實際上,連“404錯誤”這個大標題都不應該出現在頁面上,因爲很多用戶完全不知道這玩意是什麽意思。你應當做的是展示更有意義的信息,例如“沒有找到頁面”。

  另外還有一些重要信息是404頁面所必不可少的。總而言之,設計的關鍵是讓用戶在頁面出錯時繼續點擊浏覽,而不是關閉頁面。

  •   顯眼的標題或文字向用戶說明出現當前頁面的原因。看到自己打開的網頁和預期的不是一回事是很惱人的。一定要讓用戶知道他們打開的頁面不正確,但所登陸的網站是沒問題的。

  •   搜索。在404錯誤頁面上提供與網站其他部分相同(且位置一致)的搜索功能。這樣一來用戶就能自己查找要訪問的頁面。

  •   通往主頁和網站地圖的鏈接。這個設計要素中可以包含與網站其他部分搭配的標題或腳注。

  •   其他簡化信息。建議刪去複雜的導航功能。如果用戶進入到錯誤頁面,你只需爲其提供簡單幾個能夠導向正確位置的選項。如果選項過多,反而會讓用戶更加頭疼或者困惑。

  •   加入顯眼的操作提示。告訴用戶下一步如何操作。

  讓404頁面“有用”

  

  在考慮404頁面時,設計流程中的一個重要部分就是用途。加入能夠讓頁面既好看又有用的功能。

  對于自定義404頁面中應當包含哪些信息,Google的網站管理員工具中提供了一系列很有用的建議。這些建議包括:

  •   明確告知用戶其所尋找的頁面無法找到。語言應當友善、誘人。

  •   404錯誤頁面應當與網站其他部分的外觀和感覺相互匹配。

  •   考慮在其中添加通往熱門文章或帖子的鏈接。

  •   爲用戶提供報告壞鏈接的渠道。

  •   让网络服务器在收到对丢失页面的请求时返回实际的404 HTTP状态代码,以免其显示在搜索结果中。

  •   使用Enhance 404工具在自定义404頁面中嵌入搜索框。

  •   使用Change of Address工具将网站的动作告知Google。

  除了上述之外,還有一條給設計師們的提示:發揮創意。404頁面,只要技術允許,不一定是很無聊無趣的。

  設計具有目的性的404頁面

  

  在考慮404錯誤頁面的設計時,首先應思考其與網站其他部分直接的聯系。你網站整體設計的氛圍和基調是什麽?404頁面如何才能與其搭配。

  優秀的錯誤頁面應當能夠與其所處的網站無縫銜接。如果你的網站采用了明快幽默的基調,則404頁面也應當如此。另外,在顔色和圖形使用上也應當與網站一致。但在設計過程中,一定要小心謹慎,不要把進入錯誤頁面的責任歸咎到用戶頭上。(這種情況發生的頻率絕對超出你的想象。)

  錯誤頁面的設計應當是整體設計方案中的一個組成部分。

  •   保持設計的一致性。使用與網站其他頁面相同的顔色、字體和圖形風格。

  •   保留品牌標識。使用相同的logo、標題和腳注處理方式能夠幫助用戶識別你的網站。

  •   保持視覺上的簡約。在錯誤頁面上,少就是多。

  •   不要讓用戶滾動鼠標。設計應該以一屏爲限。

  •   不要使用太多噱頭。雖然與整體網站和品牌保持相同的基調和感覺是個好主意,但是過多的內容反而會讓用戶忘記自己本來要找的東西。

  •   表示歉意。用戶進入錯誤頁面時你道個歉絕對沒問題。

  •   如果你的網站需要登陸,可以添加登陸功能。(錯誤是否因爲用戶需要登陸而造成?)

  •   發揮創意,或者表現趣味。不要忘記先對頁面進行測試。保證所有用戶都能理解你的設計。

  •   如果你使用了“404錯誤”這句話,則應當再加一行文字告訴用戶其意思是什麽,或者他們下一步應當如何操作。

  原標題:《如何打造優秀的404錯誤頁面》--設計達人

  來源:SEO搜尋引擎優化 - SEO自學網 轉載注明出處!

? 上一篇下一篇 ?   本文關鍵詞: 404頁面  404  

評論列表:

站長SEO學院
第一節:百度搜索引擎工作原理
第二節:建設對搜索引擎友好的站點
第三節:如何進行網站內容建設
第四節:整體優化、結構優化、網頁優化
第五節:移動搜索-明確移動搜索優化標准
百度SEO資料文檔
百度搜索引擎優化指南2.0
百度移動搜索優化指南2.0
網站分析白皮書(站長版)
移動站點該如何優化
建設對百度友好的站點
百度搜索引擎網頁質量白皮書
石榴算法-綠蘿算法-冰桶算法
新搜索時代下的優化策略
更多百度SEO資料文檔
站長推薦
DIV+CSS布局實例教程-Web標准
网站SEO優化常见问题汇总
SEO優化推广方案该如何写
SEO優化方案步骤
影響網站關鍵詞排名因素總結
影響谷歌搜索引擎排名的因素調查
手機移動端站點適配優化
最近發表