首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

改善用户体验的404页面最佳实践

无论一个网站设计得多好,时不时地,它可能会出现错误、漏洞和故障。此外,用户可能会输入错误的URL,或访问一个破碎的网站链接或页面,从而产生错误。当这种情况发生时,网站访问者会突然面对标准的 "404 "错误信息。404-错误信息表明,网站上的一个页面未能返回结果,不再存在。在搜索结果失败后遇到404错误网站信息的用户通常会被重定向到其他的网站页面。一个经过深思熟虑设计的定制404错误网站信息,其创意和轻松的细节可以区分出沮丧或有趣的用户。自定义404错误网站信息的原创和俏皮的设计细节会影响网站访问者的整体用户体验(UX)。自定义404错误信息的独特风格和信息传递也可能影响用户在未来返回您的网站的意愿。

02

改善用户体验的404页面最佳实践

无论一个网站设计得多好,时不时地,它可能会出现错误、漏洞和故障。此外,用户可能会输入错误的URL,或访问一个破碎的网站链接或页面,从而产生错误。当这种情况发生时,网站访问者会突然面对标准的 "404 "错误信息。404-错误信息表明,网站上的一个页面未能返回结果,不再存在。在搜索结果失败后遇到404错误网站信息的用户通常会被重定向到其他的网站页面。一个经过深思熟虑设计的定制404错误网站信息,其创意和轻松的细节可以区分出沮丧或有趣的用户。自定义404错误网站信息的原创和俏皮的设计细节会影响网站访问者的整体用户体验(UX)。自定义404错误信息的独特风格和信息传递也可能影响用户在未来返回您的网站的意愿。

02

Nginx 服务器配置文件指令

localtion 配置         语法结构: location [ =  ~  ~* ^~ ] uri{ ... }         uri 变量是带匹配的请求字符, 可以是不含正则表达的字符串, 也可以是包含正则的字符串         其中[ ] 中的是可选项 uri 的是必选项: 用来改变请求字符串与uri的匹配方式         =  用于标准uri 前面 , 要求请求字符串与uri严格匹配,如果已经匹配成功,就停止匹配立即处理这个请求         ~  表示uri包含正则表达式 并且区分大小写         ~*  用于表示uri包含正则表达式 不区分大小写         ^~  要求找到表示uri和请求字符串匹配度最高的location, 然后处理这个要求   网站错误页面         1xx:指示信息--表示请求已接收,继续处理         2xx:成功--表示请求已被成功接收、理解、接受         3xx:重定向--要完成请求必须进行更进一步的操作         4xx:客户端错误--请求有语法错误或请求无法实现         5xx:服务器端错误--服务器未能实现合法的请求         http消息    代码    含义         以移动      301    请求的数据具有新的位置,而且更改是永久的         重定向      302    请求数据临时位置更改         无法找到网页 400  可以连接到服务器,但是由于地址问题,无法找到网页         网站拒绝显示  404  可以连接到网站但是找不到网页         无法显示该页面 405  可以连接网站,页面内容无法下载,网页编写方式问题         网站无法显示该页面 500 服务器问题         未执行          501 没有讲正在访问的网站设置显示为浏览器所请求的网站         不支持版本      505  请求的协议版本信息       常见:         200 OK      //客户端请求成功         400 Bad Request  //客户端请求有语法错误,不能被服务器所理解         401 Unauthorized //请求未经授权,这个状态代码必须和WWW-Authenticate报头域一起使用         403 Forbidden  //服务器收到请求,但是拒绝提供服务         404 Not Found  //请求资源不存在,eg:输入了错误的URL         500 Internal Server Error //服务器发生不可预期的错误         503 Server Unavailable  //服务器当前不能处理客户端的请求,一段时间后可能恢复正常         eg:HTTP/1.1 200 OK (CRLF)        常见的配置文件说明         1, error_log file | stderr [debug | info | notice | warn | error | crit | alert | emerg ]                     debug  --- 调试级别      输出日志信息最全              info  --- 普通级别      输出提示信息              notice --- 注意级别      输出注意信息               warn  --- 警告级别      输出一些无关紧要的错误信息             error  --- 错误级别      有影响服务正常运行的错误               crit  --- 严重错误级别  严重错误级别               alert  --- 十分严重级别  十分严重             emerg  ---  超级严重      超级严重         nginx服务器的日志文件输出到某一文件或者输出到标准输出错误输出到stder:         后面则是跟的日志级别可选项, 由低到高分为debug .... emerg 设置级别后联通高级别也会别记录         2, user user group         配置启动程序的用户 用户 组 希望所有能启动则不写         3, worker_processes number | auto         number 指定nginx进程做多产生woker peocess数         auto nginx 自动检测进程数         4, pi

01

处理死链一「建议收藏」

这也是许多网站使用自定义404错误页面的原因。通过良好的自定义404 页面,可以包含对网站的相应介绍、用户可能感兴趣的内容链接或者网站内容导航链接、内容搜索功能等,能够有效地帮助访问者找到其欲寻找的内容或相似的内容,提高用户在网站内浏览更多信息的机会。   正确定义404错误页面:   1. 对于已经存在的信息由于路径改变而导致访问不了时,应该在IIS 中定义404错误指向一个动态页面,在页面里面使用301 跳转到新的地址,此时服务器返回301状态码。   2. 当访问一个错误的链接时,将调用404页面,但由于在IIS 里面设置的不同将导致返回不同的状态码:   1. 404指向的是一个htm 文件,此时页面返回的404状态码,这是正确的。   2. 404指向的是一个URL,例如 /error.asp,如果不在页面里面进行设置,仅仅是返回提示的HTML 代码,将导致页面返回200 状态码,此时的危害在于,当很多页面找不到时,都返回和访问正常页面时返回一样的200状态码,将使搜索引擎认为该链接存在,并以错误页面的内容进行收录,当这样的链接很多时,将导致大量页面重复,使网站排名降低。处理方法:在显示完提示内容后,增加语句: Response.Status=”404 Not Found” ,这样就保证页面返回404状态码。   3. 避免在调用404 页面的时候返回302状态码,容易被搜索引擎认为是重定向作弊。   4. 检测方法,使用HttpWatch 查看返回代码。

03
领券