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页面。一般的页面仅仅简略的甩出上面的信息,不触及规划内容。而自定义页面则需求你进行规划并供给选项。
一个优异的404过错页面应当在用户不小心进入时通知他们应当怎么进行接下来的操作。其间应当供给有用的信息来协助访客不脱离你的网站并进而找到自个所需求的信息。
基本必备信息  
为了确保充沛有用,404过错页面从实质上说应当简略一些。它应当阐明用户遇到了过错,以及可以采纳哪些方法脱离此页面。
而大堆的技能术语是不应当呈现在404页面上的。实际上,连“404过错”这个大标题都不应当呈现在页面上,因为许多用户彻底不晓得这玩意是什么意思。你应当做的是展现更有意义的信息,例如“没有找到页面”。
别的还有一些重要信息是404页面所必不可少的。言而总之,规划的关键是让用户在页面犯错时继续点击阅读,而不是封闭页面。
1. 显眼的标题或文字向用户阐明呈现当前页面的缘由。看到自个翻开的页面和预期的不是一回事是很恼人的。一定要让用户晓得他们翻开的页面不正确,但所登入的网站是没问题的。
2. 查找。在404过错页面上供给与网站其他有些一样的查找功用。这样一来用户就能自个查找要拜访的页面。
3. 通往主页和网站地图的连接。这个规划要素中可以包含与网站其他有些调配的标题或脚注。
4. 其他简化信息。主张删去复杂的导航功用。假如用户进入到过错页面,你只需为其供给简略几个可以导向正确方位的选项。假如选项过多,反而会让用户愈加头疼或许迷惑。
5. 参加显眼的操作提示。通知用户下一步怎么操作。
让404页面具有用处 
在考虑404页面时,规划流程中的一个重要有些即是用处。参加可以让页面既美观又有用的功用。
关于自定义404页面中应当包含哪些信息,Google的网站管理员东西中供给了一系列很有用的主张。这些主张包含:
明确奉告用户其所寻觅的页面无法找到。言语应当友善、诱人。
404过错页面应当与网站其他有些的外观和感受彼此匹配。
考虑在其间增加通往抢手文章或帖子的连接。
为用户供给陈述坏连接的途径。
让网络服务器在收到对丢掉页面的恳求时回来实际的404 HTTP状况代码,以免其显现在查找成果中。
运用Enhance 404东西在自定义404页面中嵌入查找框。
  运用Change of Address东西将网站的动作奉告Google。
除了上述以外,还有一条给规划师们的提示:体现构思。404页面,只要技能允许,纷歧定是很无聊无趣的。
规划具有目的性的404页面
在考虑404过错页面的规划时,首先应考虑其与网站其他有些直接的联络。你网站全体规划的空气和基调是什么?404页面怎么才干与其调配。
优异的过错页面应当可以与其所处的网站无缝联接。假如你的网站采用了明快诙谐的基调,则404页面也应当如此。别的,在色彩和图形运用上也应当与网站共同。但在规划进程中,一定要小心翼翼,不要把进入过错页面的职责归咎到用户头上。
过错页面的规划应当是全体规划方案中的一个组成有些。
  坚持规划的共同性。运用与网站其他页面一样的色彩、字体和图形个性。
保留品牌标识。运用一样的logo、标题和脚注处理方式可以协助用户辨认你的网站。
坚持视觉上的精约。在过错页面上,少即是多。
不要让用户翻滚鼠标。规划应当以一屏为限。
不要运用太多噱头。尽管与全体网站和品牌坚持一样的基谐和感受是个好主意,可是过多的内容反而会让用户忘掉自个正本要找的东西。
表示歉意。用户进入过错页面时你道个歉肯定没问题。
假如你的网站需求登入,可以增加登入功用。
体现构思,或许体现趣味。不要忘掉先对页面进行测试。确保一切用户都能理解你的规划。
假如你运用了“404过错”这句话,则应当再加一行文字通知用户其意思是什么,或许他们下一步应当怎么操作。
当前文章:404页面也可以如此“优雅”
链接地址:http://kswsj.cn/article/sphphe.html

其他资讯