如何在WordPress中创建自定义404页面

我们都不愿意认为任何大量的流量都会在我们网站上的链接断开。但事实是,它可能有很多原因。也许链接中的拼写错误 – 在您的页面上,在访客帖子上,或者与没有与您互动的人 – 都会打破链接。也许重定向脚本失败,用户卡在不再存在的页面上。也许一些残余的WordPress导航代码将用户带到了错误的页面。

迟早,有人会在您网站上不存在的页面上结束。这取决于你做什么来利用它。

404页面

从技术上讲,404页面是每个站点都有的,但不是很多站点必须定制。如果在给定的URL上没有实际内容,则每个Web浏览器都有一个向用户提供的页面。如果您访问某些页面,例如,您将获得基于浏览器的404页面,因为该URL不存在。除非有人注册它只是为了弄乱这篇文章,这将是奇怪的。

现在,如果你转到像这样的页面,你会发现你仍然解析了核心域 – SEOBlog – 而不是那个不存在的子页面。你得到一个基本的404页面,它有顶部和侧边栏导航选项,但中间没有内容。

看到不同?其中一个暗示该站点根本不存在,而另一个承认该站点存在但没有该特定内容。

有理由#1为什么你应该有一个自定义404页面:它向人们确认他们在正确的网站上,但他们可能一直在寻找的单个页面不存在。这比对网站本身是否存在提出质疑要好得多。如果用户获得基于浏览器的404,他们可能会认为您的网站已经死亡,并且不会再回来了。

例404 Page 2
自定义404页面也可用作一种软销售目标网页。它不像登陆页那样专注,它不是你用作广告目标的东西,但它确实有助于捕捉那些陷入困境的人。

自定义404页面也可用于增加品牌。通用404页面不会给发现自己的用户带来任何额外的好处,而自定义页面至少会带来网站的氛围。

您还可以使用自定义404页面为任何用户带来额外的好处。例如,您可以使用站点搜索替换主404内容,以便用户可以使用该搜索来查找他们要查找的页面的实际URL。

404页面搜索栏
您还可以使用相关的帖子插件动态生成指向您网站上其他内容的热门链接,或者只使用固定链接链接到您要宣传的常青帖子。将陷入困境的用户转换为阅读其他内容的用户。

如果您发现有相当多的人登陆您的404页面,您甚至可以将其转换为潜在客户生成目标网页。它仍然是一个404页面,谷歌仍然不喜欢它作为登陆页面,但你可能会挤出一些客户。

但是,如果您确实发现了导致404页面的大量流量,您应该找出原因。您可能已经破坏了需要修复的脚本或损坏的重定向。您可能已经破坏了内部链接,如果他们传递了那么多流量,您也应该修复它们。您也可能有指向您网站的外部链接已损坏。如果是这种情况,请向网站所有者发送消息以解决问题; 一个破碎的链接没有传递太多链接果汁,而其他人可能会出现“破坏链接构建”他们自己的链接代替你的,偷猎所有的流量。

关于插件的注意事项
当你为你的博客使用WordPress框架时,你可能很想使用插件来解决你可能遇到的任何问题。这通常是一个有效的选项,实际上,有许多不同的插件可以让您自定义404页面或多或少。

不过,在我开始推荐插件之前,我需要做一个说明。你不能只使用任何旧插件,因为它们中的很多都不是SEO友好的。

404页面插件搜索
请参阅大多数这些插件的工作方式是重定向。您创建的页面或帖子基本上就是您希望404页面的内容。然后,当用户登陆已损坏的链接时,插件将接管并将其重定向到404页面。

当Google抓取您的网站时,他们会找到您的自定义404页面,但他们会经历相同的过程。他们会看到重定向,然后他们会看到404.你认为这看起来怎么样?

那是对的:它看起来很糟糕。谷歌并不关心它是一个制作自定义404页面的插件; 他们看到的只是一个破碎的重定向。这对你的SEO来说很糟糕。您希望404成为用户或Google在断开链接时看到的第一件事。这样看起来就像是一个错误,就像你的网站工作方式一样。

肯定有一些404页面的WordPress插件以SEO友好的方式工作,我会推荐下一个。在此之前,让我们来谈谈如何制作一个完全控制页面的自定义404页面,而不依赖于插件。

手动方式
默认情况下,WordPress使用404.php文件作为其404页面模板。有些主题没有这个页面,但大多数都会,即使它不是很定制。如果该文件不存在,您可以创建它。您只需要一个.php文件,其中包含以下文本:

<?php get_header(); ?>

错误404 – 找不到页面。

<?php get_sidebar(); ?>

<?php get_footer(); ?>

在本文中,您有一个PHP调用站点的标题,一个带有错误文本的标题,一个用于站点侧栏的PHP调用,以及一个用于站点页脚的PHP调用。如果您使用其他框架(如Genesis),则此代码可能不起作用,因此您应该查看开发人员文档以了解您使用的任何框架。

从这里,您可以根据需要自定义代码。如果您不熟悉PHP以及WordPress的工作方式,您可能需要让开发人员参与其中。现在您只需要决定要包含的内容。你想要一个聪明的形象吗?关于内容如何丢失的一些有趣文本怎么样?也许有些生物偷了它?您可能需要网站搜索,您可以使用嵌入式网站搜索插件添加。如果你想全押,你甚至可以制作基于CSS的动画来让它变得动态。

为了获得灵感,我提供了一些指向优秀404页面的链接,以及对我喜欢它们的原因的一些描述。

好404页面的例子
以下是404页面的一些很好的例子,可以为您提供一些灵感,让您的更好。

云西格玛。这404页面并不复杂; 它只是有一些文本,一个回到主页按钮,以及他们的基于页脚的实时聊天,如果你有一个问题,以及如何与某人谈论它。聊天整合很棒; 它允许有动力的用户报告他们的预期目的地,断开链接的来源以及何时被破坏。大多数人不会这样做,但即使是一份报告也可以帮助您解决您不了解的问题。

404页面示例3Kualo。这是一个更有趣的404页面,页面上有一个全面的微型版本的Space Invaders。您可以单击链接返回,也可以玩游戏。或者,当然,您可以单击徽标转到其主页。

Kualo网站
我对此的主要抱怨是,它鼓励在404页面上玩,而不是采取任何形式的行动,这是一个浪费的机会。这也不是一场完整的比赛; 只有一个级别,当你完成它时重复,并且没有得分或罚款。这真的只是一个愚蠢的游戏,这很有趣,但没有帮助。

当你失败时,他们会发现足够高的分数实际上可以让你对他们的产品打折,这很酷!然而,事实上你需要实际上失去缓慢而繁琐的迷你游戏甚至知道获胜的奖励真的会阻碍它。

Dan Woodger的主页有一个不错的404页面,除了导航之外没有太多内容。然而,丹是一位艺术家和插画家,404页面展示了他的几件艺术作品。你可以知道你是否在正确的地方,因为你可能认出它。

Figma是一个矢量编辑器,用于产品,GUI和应用程序的快速原型设计和线框图。他们的404页面是一个聪明的小集成,404本身由矢量点组成,你可以实时编辑。这有点像他们的产品的一个小演示而没有明确地作为演示。此外,他们的所有导航链接都位于底部,因此您可以在完成404本身的播放后返回并浏览他们的网站。

可移动的404文本Airbnb,沙发冲浪应用程序,有一个非常有用的基本404页面。所有它真的有一个很大的错误代码和一个女孩在悲伤中失去她的冰淇淋的动画。然后它有一些指向用户可能想要查找的常用页面的链接,例如旅行和托管页面,他们的搜索以及他们的站点地图。

AirBNB 404Github是极客的代码存储库,有一个适当的星球大战主题404页面。如果您只想登录您的帐户,它会在顶部注册并登录栏,并在底部搜索以帮助您找到您实际需要的内容,因此它可以很好地完成其工作。

Github 404
因此,在大多数情况下,一天的顺序应尽可能有用,然后尽可能具有创造性,同时仍然有用。

一个有用的插件
如果我必须选择一个404插件来推荐,它将是404Page。这个特殊的免费插件不会为其自定义页面使用重定向。它允许您通过WordPress中的页面编辑器进行相当多的自定义,因此您可以像对待站点上的任何其他页面一样自定义它。您可以选择特色图像,设置标题和文本,添加链接等。它不允许动态动画或花式编码,但如果您需要,则需要自定义页面。

但实际上,从头开始创建自己的自定义404页面实际上并不困难。您可能需要学习一点PHP,但不多,只有WordPress如何使用它。这真的很简单,在网上有一千个例子,你可以轻松复制和自定义。真正重要的是你有一些东西而不是浏览器错误页面,就是这样。