Home » 如何在 Dorik 中创建 404 页面:4 个简单步骤

如何在 Dorik 中创建 404 页面:4 个简单步骤

遇到404 错误并不一定会让用户感到沮丧。只要发挥一点创造力,您就可以将其变成有趣而专业的事物。

想知道如何操作吗?本快速指南将引导您完成创建 404 页面的简单步骤。此外,我还分享了一些最佳 404 页面示例,以激发您的自定义设计灵感。

让我们深入研究并将这些错误转化为创造机会!

在 Dorik 中创建自定义 404 页面的分步指南
优质的 404 页面应该看起来有吸引力,您可能认为需要网页设计师来创建。但如果我告诉您,您无需任何技术知识就可以自己创建,您会怎么想?

听起来很有趣,对吧?在本指南中,我介绍了使用Dorik创建自定义 404 页面的 所有步骤。

让我们直接进入步骤并开始吧

步骤 1:登录 Dorik 仪表板并编辑你的静态站点
以下是如何开始使用 Dorik 在您的网站上创建 404 页面。

如果您尚未创建帐户,请 按照屏幕上的说明注册 Dorik 。

了解有关 如何使用 AI 创建网站的更多信息。

对于已经通过 Dorik 创建网站的人, 请登录 Dorik。登录后,转到仪表板编辑您的网站。

注意:此功能仅适用于静态站点。

登录 Dorik 并编辑你的网站
第 2 步:添加并设计您的 404 页面
首先创建一个新的 404 页面。单击左侧边栏上的页面 图标。

添加新页面

然后点击“+”图标添加新页面

在 Dorik 中添加新页面
将其命名为“404 页面”,并在保存前将 slug 设置为“404”。

注意:请记住 slug 必须是 404,并且不要忘记点击保存按钮。

404 页面
现在,让我们让您的页面焕然一新。单击“添加新部分”添加部分。

添加新部分
选择具有常规列的布局。

选择具有常规列的布局
要插入图像,请单击“添加元素”。

添加元素
选择“图像”元素。

选择
上传您选择的404 图像。从右侧边栏,您可以调整对齐方式、大小等,以增强页面的视觉吸引力。

调整图像
现在,为了告知访问者他们已到达不存在的页面,请单击“+”图标在图像下方添加新的部分。

添加新部分然后,点击“添加元素

添加新元素
选择“文本”元素,然后输入您的自定义 404 消息。

添加“文本”元素
现在,为了进一步自定义您的文本,请随意浏览右侧边栏上的大小、颜色、对齐方式等选项。

自定义您的 404 消息
接下来,为了帮助访问者导航回您的网站,请按照添加新部分和元素的相同步骤添加一个按钮。选择“常规按钮”选项,然后通过调整文本、对齐方式和大小来自定义它,以适合您的页面样式。

添加常规按钮
步骤 3:链接到主页
现在按钮已设置完毕,请点击右侧边栏选项中的“按钮链接”,选择“页面”作为链接类型,然后选择您的主页。这样,访问者就可以轻松导航回您的网站,即使在迷路后也能增强他们的体验。

行业电子邮件列表是指特定领域 的数据或数据库。将您的数据类型组织在一起,以便更好地规 划适合您业务的数据库。您需要合适的 行业电邮清单 数据库来列出我们。行业电子邮件列表通常 用于为您的企业进行研究。它们可以改善您的业务。

 

行业电邮清单

 

了解有关 如何创建主页的更多信息

链接至主页
步骤 4:预览并发布
上线之前,请预览您的 404 页面以确保一切符合预期,然后单击“发布”。

发布 404 页面
这是我创建的 404 页面的 产品工作如何做到卓有成效? 最终外观。您可以自由发挥创意,设计一个用户友好的自定义 404 页面。

定制 404 页面
如您所见,按照这些步骤创建 404 页面非常简单。现在,您可以轻松地在 Dorik 上自己创建 404 页面。

好读: 最佳网站创建工具,提供免费模板

设计用户友好的 404 页面的技巧
精心设计的 404 页面可以将潜在的网站退出转变为互动机会。以下是如何让您的 404 页面不仅方便用户使用,而且实用 列表提供者 且具有视觉吸引力:

设计具有视觉吸引力的布局:保持布局干净、直观。整洁的设计有助于保持用户注意力并减少挫败感。
使用引人入胜的视觉效果:使用与您的品牌相符但又有趣或有趣的图形或图像。这可以减轻情绪,减少错误带来的沮丧。
编写简洁的错误消息:清楚地说明请求的页面不可用。保持语气轻松、乐于助人,避免使用技术术语。
包含导航链接:提供热门页面或网站搜索功能的链接。这为访问者提供了继续浏览而不是离开您的网站的选项。
针对移动设备进行优化:确保您的 404 页面在移动设备上看起来不错且运行良好。这一点至关重要,因为大量的网络流量来自移动设备。
跨设备测试:检查您的 404 页面在各种设备和浏览器上的显示情况,以确保一致的用户体验。
自定义 404 页面如何提升 SEO?
自定义 404 页面可以通过多种方式提升 SEO:

降低跳出率:精心设计的 404 页面可吸引用户,防止他们在遇到无效链接后立即离开您的网站。较低的跳出率可以提高您网站的 SEO 排名。
维护链接权益:自定义 404 页面包含指向您网站其他部分的链接,有助于维护链接权益,否则链接断开可能会导致链接权益丢失。这可以增强您网站网络的实力。
改善用户体验:有用且易于浏览的 404 页面可增强整体用户体验。搜索引擎更喜欢提供良好用户体验的网站,这可能会提高您的排名。

鼓励更长时间的访问: 404 页面上

的战略链接和吸引人的设计可以激励访问者探索更多网站而不是离开,从而增加他们在您的网站上花费的时间。
如需进一步了解,请查看以下信息丰富的博客:

如何创建登陆页面
着陆页最佳做法
6 个最佳 404 页面示例
导航到 404 页面不一定是令人失望的。事实上,我见过一些品牌将这种意外的停留变成了真正的亮点。

以下是五个出色的 404 页面示例,它们巧妙地将创意与实用性融为一体。这些页面展示了精心设计的错误页面如何将错误转化为积极的体验。

1. 多里克
Dorik 的 404 页面
Dorik 的 404 页面设计俏皮,带有太空主题的插图,包括一只猴子宇航员和一些古怪的图形。简单的消息“抱歉,找不到您请求的页面”,以及“返回主页”链接,让访问者可以轻松返回熟悉的地方。

即使用户进入缺失的页面,这种方法也能保持轻松且用户友好的体验。

2.皮克斯
皮克斯 404 页面
皮克斯的 404 页面让观众大饱眼福,其中有一个来自《头脑特工队》的角色在哭,他幽默地说道:“噢……别哭。这只是一个 404 错误! ”这条消息不仅解决了这个失误,还幽默地暗示了丢失的内容可能“被误存于长期记忆中”,巧妙地与电影的主题相呼应。

3.YouTube
YouTube 404 页面
YouTube 保持了简洁而有效的风格,用一只拿着放大镜的彩色卡通猴子来表现搜索出错。在集成搜索栏旁边,提示“尝试搜索其他内容”,让用户无需离开网站即可继续探索。

4.亚马逊
亚马逊 404 页面
亚马逊采取个性化的方式,推出了两只可爱的狗狗,Ranger 和 Remi,被称为“亚马逊之狗”。这不仅减轻了失望感,还增加了亲切感,鼓励用户再次搜索或返回主页。

5.乐高
乐高 404 页
乐高创造性地运用了其品牌主题,一个惊慌失措的乐高人物大喊“哦,砖块!”这个俏皮的双关语,加上直接链接回主页,将幽默与无缝导航解决方案结合在一起,让用户很容易找到自己的路。

6. Mailchimp
Mailchimp 404页面
Mailchimp 选择了一种简约的设计,带有醒目的黑白插图,一只手指着页面应该在的位置。简单而有效的短语“我们丢失了此页面”加上直接提示以找到更好的位置,保持了轻松的气氛,并引导用户轻松返回主页。

相关阅读: 最佳关于我们页面示例

什么是 404 页面?
当您尝试访问不存在的网页时,系统会显示 404 错误页面,也称为“404 未找到”。如果您输入的网址已被删除或移动,或者您只是输入了错误的地址,则可能会显示此错误。

此外,如果 DNS 设置错误,则可能会出现 404 错误。这意味着您在网站上找不到所查找的特定页面。

什么才是好的 404 页面?
好的 404 页面不仅仅是告诉访问者出现了问题。它应该有用、清晰,并反映您的品牌个性。通过将实用性与创意设计相结合,您的 404 页面可以帮助吸引访问者并顺利将他们引导回您的主要内容。这不仅可以改善用户体验,还可以保持您网站流量的流动。

404 页面的最佳做法是什么?
设计 404 页面的最佳做法是当用户进入错误页面时有效地引导他们。理想情况下,您应该将他们重定向到网站上的相关页面,在那里他们可以轻松找到所需的信息或服务。这种方法有助于确保即使访问者遇到错误,他们仍然可以顺利浏览您的网站并轻松找到他们正在寻找的内容。

自定义 404 页面与通用 404 页面

自定义 404 页面比通用页面更有用。通用 404 页面通常只显示“错误 404 或 404 页面未找到”等基本消息,这没什么用。它不会指导用户下一步该做什么,这可能会导致混乱并可能导致他们离开您的网站。

自定义 404 页面的作用不仅仅是通知访问者缺少页面。它们可以通过指向热门内容、搜索栏或创意品牌元素的链接将用户引导到您网站的其他部分。这可以保持良好的体验并鼓励访问者继续探索您的网站。

类似文章

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注