前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >专栏 >星辰云同款超级好看404页面源码

星辰云同款超级好看404页面源码

作者头像
若梦
发布于 2022-04-01 08:39:55
发布于 2022-04-01 08:39:55
1.1K0
举报
文章被收录于专栏:若梦博客若梦博客

下载地址:https://url99.ctfile.com/f/34816699-534147500-45782d

提取密码:2007

源码介绍 

建立一个创造性的和鼓舞人心的404错误页面设计,这有助于使访问者停留在网站上。 

简介

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

      404对seo的影响:自定义404错误页面是增强用户体验的很好的做法,但在应用过程中往往并未注意到对搜索引擎的影响,譬如:错误的服务器端配置导致返回“404”状态码或自定义404错误页面使用Meta Refresh导致返回“302”状态码。

      正确设置的自定义404错误页面,不仅应当能够正确地显示,同时,应该返回“404”错误代码,而不是 “200”或“302”。虽然对访问的用户而言,HTTP状态码究竟是“404”还是“200”来说并没有什么区别,但对搜索引擎这则是相当重要的。

      搜索引擎蜘蛛在请求某个URL时得到“404”状态回应时,即知道该URL已经失效,便不再索引该网页,并向数据中心反馈将该URL表示的网页从索引数据库中删除,当然,删除过程有可能需要很长时间;而当搜索引擎得到“200”状态码时,则会认为该url是有效的,便会去索引,并会将其收录到索引数据库,这样的结果便是这两个不同的url具有完全相同的内容:自定义404错误页面的内容,这会导致出现复制网页问题。轻则被搜索引擎降权,重则会K掉网站。

使用方法

      一、下载404页面模板免费版。

      点击下载404页面模板,然后解压,可以发现有很多404网页模板。挑选一个您最喜欢的页面代码。

      二、修改404页面中的素材网址为绝对地址。

      为了您的404页面素材正常显示,需要您修改一下素材中的引用网址。例如网页中一个网址为"/404/Main.jpg"那么你应该改成带有网址的

      三、将修改好的代码上传到网站中

      用FTP软件将网站上传到网站中,并且部署好网页和素材之间的关系。如果有死链接之类的要第一时间解决。

      四、在服务器上配置自定义404的路径

      这里边可能会遇到两种情况:

      1、虚拟主机。一般空间商提供的面板都有自定义404的功能,根据提示设置成自定义的404页面。

      2、独立服务器或VPS。这个稍微复杂一些,在网站管理里边找到网站,打开属性 > 自定义出错页面 > 404 然后填入。

      五、检查404页面是否能够正常访问

      找一个打不开的网址,看看是否会显示自定义的404页面。如果没有返回第四步重新设置,直到看到显示正确为止。

备用下载地址:

https://wwc.lanzouo.com/iZ5PSyk3fre

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2022年1月4日 p,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
怎么自定义服务器的404,如何自定义404页面
404错误页面是WWW网站访问比较经常出现的错误。大家最熟悉的也是最常见的出错提示:404 not found。404页面就是当用户输入了错误的链接时,返回的页面。而默认的404错误页面呆板麻木,让访问者感觉很挫败,可能会直接离开您的网站。
全栈程序员站长
2022/09/18
1.6K0
不懂代码,如何制作漂亮的404页面【新手简易教程】
404是用户在访问页面时,搜索引擎常返回的状态码,常见的还有200,301,302,500等。搜索引擎通过http状态码识别网页状态,404状态码,常指所访问的页面不存在或已被删除。
奔跑的小鹿
2020/01/13
1.8K0
不懂代码,如何制作漂亮的404页面【新手简易教程】
SEO之404页面应该怎么做?
404页面是什么? 404是网页反馈的状态码之一,4开头的状态码是指用户错误,5开头的是服务器错误。而404页面就是当用户提交信息后服务器无法回应或者反馈信息就会出现404页面。主要原因就是用户提交了错误信息,或者原内容没移动或者删除导致。 404页面的主要作用: 404主要是反馈给用户所请求的也面错误或者不存在的同时不是让用户离开而是继续浏览其他页面。目前很多的空间后台都是可以设置404页面,如果设置不了网上的方法还是非常的多的。这里简单说一个方法(Apache服务器404页面建立方法):很简单就是在
企鹅号小编
2018/01/25
1.1K0
hexo创建公益404界面
在你的博客根目录下``执行命令 hexo new page 404 然后你的博客blog\source\404\ 目录下会生成新的index.md文件
姓王者
2024/10/31
1620
什么是404页面?对网站有什么影响?
什么是 404 页面? 什么是 404 页面?404 页面指的是原来可以正常访问的链接,在某些特殊的原因后失效,在访问这个链接的时候,服务器就会返回 404 状态的错误页面。 出现 404 页面对网站有什么影响? 1、降低搜索引擎对网站的评价。 2、不利于用户体验 当你的网站存在大量的 404 的话搜索引擎就会对你的网站会进行一定的扣分从而被搜索引擎认为是个不好的网站。同样当用户访问你的网站,打开的都是 404 页面,也是很不利于用户体验的。因为大部分的用户,在发现这个自己所需要的页面不存在的时候,就会关闭
沈唁
2018/05/24
1.3K0
404页面对SEO的影响
当你打开某一个网站的内页页面不存在,提示页面不存在或者连接错误,该页面上可以访问到网站的其他页面,这样的页面称之为404页面。
OECOM
2020/07/02
6670
什么是404页面,如何正确设置制作404页面
  404网页是用户尝试访问网站不存在的网页(由于用户点击了损坏的链接、网页已被删除或用户输入了错误的网址)时看到的页面。之所以称为 404 网页,是因为针对丢失网页的请求,网络服务器会返回 404 HTTP 状态代码,表明该网页未找到。 404页面的目的是:告诉浏览者其所请求的页面不存在或链接错误,同时引导用户使用网站其他页面而不是关闭窗口离开。
全栈程序员站长
2022/09/18
2.1K0
处理死链一「建议收藏」
这也是许多网站使用自定义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 查看返回代码。
全栈程序员站长
2022/09/15
6160
网站301跳转问题的探讨
相信站长朋友们都对301跳转有一定的了解,知道在网站优化中可以帮助自己,但是有些站长朋友却对如何合理使用301跳转不太清楚,也不太了解301跳转究竟能帮助到我们什么?今天在这里,我们分享一些301跳转在SEO方面的应用,希望可以用来解决网站优化中比较难解决的问题。
李洋博客
2021/06/16
2.9K0
改善用户体验的404页面最佳实践
无论一个网站设计得多好,时不时地,它可能会出现错误、漏洞和故障。此外,用户可能会输入错误的URL,或访问一个破碎的网站链接或页面,从而产生错误。当这种情况发生时,网站访问者会突然面对标准的 "404 "错误信息。404-错误信息表明,网站上的一个页面未能返回结果,不再存在。在搜索结果失败后遇到404错误网站信息的用户通常会被重定向到其他的网站页面。一个经过深思熟虑设计的定制404错误网站信息,其创意和轻松的细节可以区分出沮丧或有趣的用户。自定义404错误网站信息的原创和俏皮的设计细节会影响网站访问者的整体用户体验(UX)。自定义404错误信息的独特风格和信息传递也可能影响用户在未来返回您的网站的意愿。
奔跑的小鹿
2022/07/18
1.2K0
改善用户体验的404页面最佳实践
网站404页面怎么做
谈及网站404页面,诸多站长在网站运营的过程中,难以避免404页面的出现。404页面意味着网站存在死链接,当搜索引擎蜘蛛爬取此类网址的时候,应当反馈404状态吗,告知此URL网址已经失效,搜索引擎蜘蛛便会回馈到数据中心,从中清除数据。而在页面的前端,应该对访客予以信息提示,告知内容的已经不存在,优化相关搜索内容,尽可能避免降低访客体验度,由此可见,网站404页面的制作应当以两种出发点进行,即对于搜索引擎蜘蛛状态吗的正确回馈和对前端界面及内容设计出发。
全栈程序员站长
2022/09/18
1.5K0
网站404页面怎么做
404页面对网站的好处有哪些?
越来越多的企业需要建设网站来推广公司的业务,网站成为每个企业的标配。为了建设好网站,我们不能忽视网站建设中任何的一个细节,不能仅仅关注网站设计,其他的我们也要关注,不能忽视。比如,404页面就是我们常常忽视的一个,404页面在网站中不常见,但不能忽视,对网站是有很大的好处的。
华专网络
2025/03/20
640
Nginx之error_page模块解读
error_page是nginx一个重要的指令,作用是定制化服务器错误页面。当nginx发生内部错误时,比如说404、403、500等错误,默认会跳转到nginx自带的错误页面。但是使用error_page指令可以修改默认错误页面,并且可以指定跳转的url或者文件路径。
一个风轻云淡
2023/09/24
3.4K0
宝塔BT面板下关闭默认404页面方法
在使用宝塔面板搭建typecho后,会发现typecho主题自带404页面无法使用,始终会跳转到宝塔BT默认的404页面,这个页面上没有任何的内容,无论对用户还是搜索引擎来说都是非常不友好,所以我们最好将其禁用掉,使用自己在typecho中设置的404页面,下面说下如何关闭
Xcnte
2021/12/14
1.1K0
宝塔BT面板下关闭默认404页面方法
python 404_python检测404页面
某些网站为了实现友好的用户交互,提供了一种自定义的错误页面,而不是显示一个大大的404
全栈程序员站长
2022/09/18
1.1K0
如何让用html制作404页面,网站404页面怎么做?
首先,你可以简单的做一个html页面,把它命名为:404.html页面;如果不会制作,最简单的办法就是找任何一个比较有名的网站,把它的404页面另存为下来,然后修改上面的文字,以及URL为自己的文字信息,再保存好上传到你网站的根目录就行了。
全栈程序员站长
2022/09/18
2.6K0
网站的404错误页面制作方法[通俗易懂]
大家好,又见面了,我是你们的朋友全栈君。   网站的404错误页面怎么做?   网站的404错误页面怎么做呢?很多人学习完seo就对404错误页面的理解有所偏差,认为404错误页面只是为了SEO而
全栈程序员站长
2022/09/18
2.2K0
Thinkphp框架自定义404页面
404页面我们在浏览网页的过程中都遇到过,简单来说就是搜索的东西服务器无法找到,给你返回一个提示信息,但是真正的404意义又是什么呢?请查看文章:404的真正意义;
申霖
2019/12/27
1.8K0
Thinkphp框架自定义404页面
腾讯云CDN支持一键接入腾讯公益404
腾讯云 CDN 「自定义错误页面配置」功能新增支持配置「公益404页面」,配置后您源站返回的404页面将变更为腾讯公益404页面,页面为环保、救灾和避险等有关的公益事业内容。
李洋博客
2022/01/29
4.3K0
腾讯云CDN支持一键接入腾讯公益404
什么是404错误页面,如何制作和优化?
用户访问网站上不存在的页面时,服务器通常应该返回404错误。如果站长没有在服务器端设置客制化的404页面,用户浏览器显示的将会是一个默认的错误页面。
茹莱神兽
2022/09/08
7530
什么是404错误页面,如何制作和优化?
相关推荐
怎么自定义服务器的404,如何自定义404页面
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文