如何做一个404页面(制作404页面时需要注意哪些问题)

如何做一个404页面,制作404页面时需要注意哪些问题内容导航:如何制作404页面怎么让浏览器显示我自定义的404错误页面404页面怎么做什么是网站的404页面一、如何制作404页面一:可以借用一些意见制作好的图片,然后用Dreamweaver代码编辑器,只做好一个页面二:直接利用一些现成的制作好的404页面地址等等此以上步骤是制

如何做一个404页面,制作404页面时需要注意哪些问题

内容导航:

  • 如何制作404页面
  • 怎么让浏览器显示我自定义的404错误页面
  • 404页面怎么做
  • 什么是网站的404页面
  • 一、如何制作404页面

    一:可以借用一些意见制作好的图片,然后用Dreamweaver代码编辑器,只做好一个页面二:直接利用一些现成的制作好的404页面地址等等此以上步骤是制作编辑404页面然后填写路径:
    首先打开FTP,上传到根目录(也可以上传到其他目录下面),记录号路径地址
    接着打开空间地址,选择里面的404选项,选择404自定义,然后把记录好的路径地址复制进去,这样404页面就完成了,然后自己试着输入一个不存在的页面,就可以看到是刚刚已经制作好的那个404页面。此以上步骤是完成404路径的填写

    二、怎么让浏览器显示我自定义的404错误页面

    相信网上有很多关于404页面的制作帖子了,这里我要总结的是根据自己这一次网站被降权而总结的404自定义错误页面的制作,绝对超级详细。
    一、什么是自定义404错误页面?404自定义错误页面就是当用户输入了错误的url地址或者输入了一个不存在的url地址时,所返回的一个页面,它的目的是:告诉浏览者其所请求的页面不存在或链接错误,同时引导用户使用网站其他页面而不是关闭窗口网站离开。
    二、404自定义错误页面是如何形成的?HTTP 404
    错误意味着链接指向的网页不存在,即原始网页的URL失效,这种情况经常会发生,很难避免,比如说:网页URL生成规则改变、网页文件更名或移动位置、导入链接拼写错误等,导致原来的URL地址无法访问;当web服务器接到类似请求时,会返回一个404
    状态码,告诉浏览器要请求的资源并不存在。
    但是,Web服务器默认的404错误页面,无论Apache服务器还是IIS服务器,均十分简陋、呆板且对用户不友好,无法给用户提供必要的信息以获取更多线索,无疑这会造成用户的流失。
    因此,很多网站均使用自定义404错误的方式以提供用户体验避免用户流失。
    一般而言,自定义404页面通用的做法是在页面中放置网站快速导航链接、搜索框以及网站提供的特色服务,这样可以有效的帮助用户访问站点并获取需要的信息。
    三、404自定义错误页面对SEO的影响自定义404错误页面是增强用户体验的很好的做法,但在应用过程中,网站制作者往往并未注意到对搜索引擎的影响,譬如:错误的服务器端配置导致返回“200”状态码或自定义404错误页面使用Meta
    Refresh属性导致返回“302”状态码。
    正确设置的自定义404错误页面,不仅应当能够正确地显示,同时,应该返回“404”错误代码,而不是 “200”或“302”。
    虽然对访问的用户而言,HTTP状态码究竟是“404”还是“200”来说并没有什么区别,但对搜索引擎这则是相当重要的。
    所以要确保404页面返回的是404代码而不是200和302.在自定义404错误页面设置完毕后,一定要检查一下其是不是能够正确地返回“404”状态码。
    可以使用Server Header检查工具(/seo-tools/redirect-check/),输入一个不存在网页的url,查看一下HTTP
    Header的返回情况,确信其返回的是“404 Not found”。
    四、定制404错误页面的基本原则首先应明确的是,404错误页面应工作在服务器级而不是网页级。
    对定制使用动态页面如PHP脚本类型的404页(如:、、等)时,必须确保在PHP执行前服务器已经顺利地送出“404”状态码,不然,一旦执行到了ISAPI(一般运行在windows服务器上的伪静态脚本服务技术)级别,返回的状态码便只能是“200”或其他如“302”之类的重定向状态码了。
    对于大部分使用了windows虚拟主机,同时又支持PHP程序运行的服务器,一般都使用了ISAPI技术,他们可以提供两种自定义技术,一种静态页面,
    这种页面一般不直接放在网站的根目录之下,而是放在一个“HttpError”这个文件夹之下,但是返回的状态码是“200”,另一种是动态404页(如:)等的设置,这种设置,就是在网站的根目录之下放一个之类的动态页面,这样会返回状态码“404”,所以网站的制作者,在虚拟主机的后台设置时,必须看清楚自己的设置,如何要做网站的SEO优化,那么就要设置成能返回“404”状态码的那种,否则就会吃大亏.其次,在自定义网站的404错误页面时,对设置的错误页面URL链接应使用相对路径而不是绝对路径,而且自定义404页面应该放在网站根目录下。
    尽管无效链接可能是多种形式的URL,但当发生404访问错误时,WEB服务器会自动将其转到自定义的当404错误页中,这跟URL的形似没有关系。
    五、404错误页面的设置方法1、Apache服务器下设置404错误页面为Apache Server设置
    404错误页面的方法很简单,首先制作一个名为////的页面,视空间要求而定,再在.htaccess
    文件中加入如下内容即可(.htaccess文件一般linux空间会自带的,如果没有这个文件,自己可以用记事本写一个,命名为.htaccess,一定要记得去掉记事本文件的.txt哦。
    而windows虚拟空间是没有这个文件的,也不用上传这个文件):# 404 pageErrorDocument 404
    /(“notfound”是你给你的自定义错误页面的命名,你也可以改成等等)注意:(1).切记不要将404错误跳转到网站主页,比如使用了js脚本或者meta
    refresh跳转技术。
    否则可能会导致主页在搜索引擎中消失或者不被收录.(2).切记不要使用绝对URL如果使用绝对URL返回的状态码是“302”+“200”2、IIS/下设置404错误页面静态404错误页面设置(1)做个404页面,或者,根据你的网站实际情况来。
    (2)服务器/虚拟主机管理设置,根据自己的情况,选择“使用根目录下的404页面”,如果自己能找到“消息类型”选项,则要选择“文件”或者“默认值”,而不能选择“URL”。
    如果自己在主机提供商网站的管理后台找不到此“消息类型”选项请联系技术客服做出修改。
    这是具有决定性的一步。
    这步一定要操作好,如果在后台找不到这个消息类型,就不要自己设置,因为你设置之后肯定返回值是200,所以事先和客服联系下。
    (3)上传到网站根目录,打开一次试试,看是否成功了。
    动态404错误页面设置首先,修改应用程序根目录的设置,打开 “” 文件编辑,在其中加入如下内容:

    <>

    复制代码注:上文例中“”为系统默认的404页面,“”为自定义的404页面,使用时请修改相应文件名。
    然后,在自定义的404页面“”中加入:

    <%

    = “404 Not Found”

    %>

    复制代码这样,便可以保证IIS能够正确地返回“404”状态码。
    所有的设置完成之后,别忘记检测http状态,确定返回的是404,而不是200。

    三、404页面怎么做

    404页面,也叫404错误。即当用户输入了错误的链接时,返回的页面,其目的是告诉浏览者其所请求的页面不存在或链接错误,同时引导用户使用网站其他页面而不是关闭窗口离开。

    第一步:请登录虚拟主机后台,输入账户用户名和密码,进入主机管理页面。

    第二步:找到你要设置的网站,在设置404页面的地方正确填写404页面所在的地址。其次我们在来谈独立服务器,请在.htaccess文件中加入代码:ErrorDocument404/注意点是:/前面不要带主域名,否者返回的状态码是302或200状态码。

    以上的步骤是针对所有的主机而言。其实部分情况下我们可以直接在FTP管理器中增加文件,当然里面的代码我们首先要准备好,比如说Godaddy中文指南网,就是使用这种方式制作的404页面,大家可以找到域名,在后面直接加入:/进行查看。做完404页面之后,访问一个错误的链接会自动跳转到404页面,然后,我们可以自己进入网站测试一下,看是否返回404代码。

    在网站改版或内容删除之后,网站可能存在大量错误链接,那么404页面是必要的。特别是针对大型网站,免不了出现死链接的情况,制作了404页面,对网站整体流量和排名都是很有帮助的。

    【方法一】: 对于存在的网页内容由于路径改变而导致访问不了时,可在IIS
    中定义404错误指向一个动态页面,在页面里面使用301永久重定向跳转到新的地址,此时服务器返回301状态码。

    【方法二】:设置404指向一个设计好的html 文件,此时页面返回的404状态码。不同的空间商基本都提供404设置的功能,直接上传文件设置即可。

    【方法三】:Apache下设置404错误页面。为Apache Server设置404错误页面的方法很简单,只需在.htaccess
    文件中加入如下内容即可,ErrorDocument 404 /

    【在IIs中设置方法】:打开IIS管理器–>点击要设置自定义404的网站的属性–>点击自定义错误选项–>选中404页–>选中并打开编辑属性–>设置成
    URL –> URL 里填写“/”–>按确定退出再把做好的
    页面上传到网站根目录下。此处在“消息类型”中一定要选择“文件”或“默认值”,而不要选择“URL”,不然,将导致返回“200”状态码。

    【注意事项】:404指向一个动态页面,比如,如果不在页面里面进行设置,仅仅是返回提示的HTML 代码,将导致页面返回200
    状态码,这是不正确的,我们可以在显示完提示内容后,增加语句: =”404 Not Found” ,这样就保证页面返回404状态码。

    四、什么是网站的404页面

    答:当我们地址栏输入一个网址,然后紧接其后随便输入一些文字。由于服务器找不到这些页面,所以就会出现一个提示文字,这就是常说的404页面。但是服务器本身自带的404很不友好,不仅报错页面毫无设计,而且提示的文字也让人难以捉摸。所以,很多网站建设人员会专门给网站做一个404页报错页面,而且设计的相当惟妙惟肖。404页面还有一个好处,就是可以向搜索引擎传递一个404值,告诉搜索引擎这个页面不存在。一些大的网站基本上都会在404报错页面上卯足功夫,以提升网站的用户体验。壹起航作为深圳网站建设第一品牌,就要求技术人员给所有的网站都配置独具匠心的404报错页面。

    版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,请发送邮件至 55@qq.com 举报,一经查实,本站将立刻删除。转转请注明出处:https://www.szhjjp.com/n/103561.html

    (0)
    robot
    上一篇 2022-04-15
    下一篇 2022-04-15

    相关推荐

    • iphone评测软件(苹果手机评测对比)

      前一段时间分别和大家分享了我自己对iPhone13Pro的体验以及外国网友对iPhone13ProMax的看法,不少网友表示,关于ProMax版本的内容看的不过瘾,想专门对它的微距拍照表现有一个深刻的了解,碰巧朋友的新手机到货,赶紧借来评

      2021-10-12 技术经验
      0
    • c++中怎么判断string包含某个字符串

      在C++中,可以使用find函数来判断一个字符串是否包含另一个字符串。find函数返回被查找的字符串在主字符串中第一次出现的位置,如果找不到,则返回string::npos。示例代码如下:#include #include int main() {std::string str = “Hello, World!”;std::string substr =

      2024-03-01
      0
    • 如何使用Mix工具构建Elixir项目

      Mix是Elixir的构建工具,用于创建、编译和管理项目。以下是如何使用Mix工具构建Elixir项目的步骤:创建新项目:使用Mix工具创建一个新的Elixir项目。在命令行中运行以下命令:mix new my_project此命令将在当前目录下创建一个名为“my_project”的新Elixir项目。编译项目:进入项目目录,运行以下命令编译项目:cd my_projectmix compile

      2024-04-16
      0
    • jpg是什么格式的文件(手机把图片改成jpg格式)

      6月11日,网络上流传出一份名为《关于讯飞输入法App被各大应用市场下架事件的处罚通报》的文件截图,指出本次事件讯飞输入法业务违反了《个人信息保护管理规定》,并对相关责任人及集团高层分管领导给予了处罚。新京报贝壳财经记者检索苹果AppStore和华

      2021-10-12 技术经验
      0
    • win10教育版如何关闭实时防护

      最近,也是有很多小伙伴在使用win10教育版的时候会受到一些安全提示,非常的烦人,我们也是可以将其进行关闭的,这样我们就可以减少弹窗的提醒了。win10教育版如何关闭实时防护:1、选择此电脑,然后右键属性打开。2、接着我们选择左上角的“高级系统设置”。3、点击上方的“系统保护”选项卡。4、随后点击其中的“配置”按钮。5、最后我们将其中“禁用系统保护”勾选上,点击保存即可。

      2024-02-16 技术经验
      0
    • elasticsearch怎么查看节点状态

      要查看Elasticsearch节点的状态,可以使用以下方法:使用Elasticsearch的REST API发送GET请求到/_cat/nodes端点:GET /_cat/nodes?v这将返回一个包含节点状态的表格。例如,节点的ID、IP地址、角色、状态等信息。使用Elasticsearch的REST API发送GET请求到/_cluster/health端点:GET /_cluster/he

      2024-01-20
      0