如何在Weebly网站中创建自定义404页面?

如何在Weebly网站中创建自定义404页面

管理页面、产品和博客文章较少的小型 Weebly 网站很容易。 但是,当您的网站规模变大时,内部链接的数量将会增加。 这将导致内部链接断开的可能性,并导致 404 page not found 错误。 单击损坏的链接的用户将进入一个很小的 ​​404 页面,没有更多信息。 这会影响您网站的可信度,用户不会因为糟糕的用户体验而返回。 尽管您可以检查和修复损坏的链接,但最好为您的网站创建一个包含其他详细信息的自定义 404 页面。

推荐:WooCommerce通知插件Recent Sales Popup – Upsells 

断开链接的问题

除了内部链接之外,以下是导致您网站中的链接断开的一些原因:

  • 当您出于任何原因更改页面 URL 时,搜索引擎仍会在搜索结果中长时间显示您的旧缓存 URL。 用户单击该链接将看到 404 page not found 错误,因为您已经更改了该页面的 URL。
  • 书签和社交共享 URL 无法更改。
  • 当用户在浏览器的地址栏中错误地键入 URL 时。

在所有这些情况下,Weebly 都会显示默认的 404 页面,该页面仅显示页面未找到错误并提供指向您网站主页的链接。

Weebly 未发布网站的 404 错误
Weebly 网站的默认 404 页面

为什么你需要为 Weebly 网站定制 404 页面?

如前所述,登陆上述 404 页面的用户会在没有任何额外信息的情况下感到沮丧。 最好在 404 页面中显示以下附加详细信息:

  • 您网站上重要页面的列表,您还可以包含热门产品以吸引这些页面的访问量。
  • 添加一个搜索框,以便用户可以搜索整个站点以找到感兴趣的内容。
  • 包括表单、电子邮件订阅和社交链接等联系方式,以便用户在需要时与您联系。

如何为 Weebly 网站创建自定义 404 页面?

如果您希望向用户提供更多详细信息而不仅仅是主页链接,这里是关于如何为您的网站创建自定义 404 Weebly 页面而不是使用 Weebly 的标准 404 页面的分步教程。

第 1 步 – 创建一个名为“404”的页面

登录到您的 Weebly 帐户,然后从仪表板列表中选择您要编辑的站点。 单击“编辑站点”按钮并转到 Weebly 站点编辑器。 在“页面”选项卡下创建一个名为“404”的新页面,如下图所示。 我们建议您选择“无标题”类型,因为它适合显示 404 页面等重点内容。 但是,您也可以为您的网站创建自定义标题布局或选择“标题”选项以显示带有标题图像的页面。

在 Weebly 中创建 404 页面
在 Weebly 中创建 404 页面

第 2 步 – 从搜索引擎中隐藏您的 404 页面

默认情况下,所有 Weebly 页面都可用于搜索引擎索引,如果 Google 或 Bing 索引您的 404 页面并显示在搜索结果中,则会出现冷创建问题。 为避免这种情况,请单击“SEO 设置”选项卡并向下滚动到可用设置的底部。 您将看到一个复选框,上面写着“从搜索引擎中隐藏此页面”,然后启用该框。

从搜索引擎中隐藏 Weebly 页面
从搜索引擎中隐藏 Weebly 页面

第 3 步 – 从站点导航菜单中隐藏您的 404 页面

正如您在上面的屏幕截图中看到的,Weebly 会自动在网站的标题导航菜单中添加新的 404 页面。 如果用户可以在您的站点导航中看到 404 页面,它看起来并不专业。 在页面名称下,您可以看到显示“在导航中隐藏”的选项。 选中此复选框可从标题导航菜单中删除 404 页面。

第 4 步 – 将内容添加到您的 404 页面

现在您已经为您的 Weebly 网站创建了自定义 404 页面。 下一步是在 404 页面中添加您想要提供给用户的任何详细信息。 转到“构建”选项卡并拖放所需的元素,就像在普通页面中添加内容一样。 了解有关创建免费 Weebly 站点、博客和论坛的更多信息,以了解如何使用 Weebly 站点构建器创建不同类型的内容。 让我们在我们的 404 页面中添加一个新闻信订阅框和一些热门文章。 它在编辑器上如下所示,并确保添加一个标题,说明这是一个 404 页面。

将内容添加到 404 页面
将内容添加到 404 页面

第 5 步 – 最终测试

发布您的网站,您的自定义 404 页面已准备好用于您的 Weebly 网站。 当用户登陆无效的 URL 时,它将自动显示。 您也可以通过输入无效 URL 进行测试,例如在地址栏中输入“yoursitename.com/test404page.html”并按 Enter。 您现在将看到您创建的自定义 404 页面,而不是默认页面。
此自定义 404 页面的最大优势在于,与 Weebly 的标准 404 页面不同,此页面将显示您的完整页面,包括页眉和页脚以及您添加的内容。 这为留住用户提供了机会,他们可以从 404 页面的导航、页眉和页脚区域中选择他感兴趣的任何主题。

Weebly 网站中自定义 404 页面的优势
Weebly 网站中自定义 404 页面的优势

注意 如果您将 Weebly 与 iPage、Bluehost 或 SiteGround 等任何第三方托管公司一起使用,那么您可能需要删除服务器上的 404.php 页面。 否则,您仍然会看到来自主机的 404 页面,而不是您的自定义页面。 如果需要,您还可以从托管公司获得帮助,以确保向用户显示您的 Weebly 404 页面。

结论

尽管自定义 404 页面很有帮助,但用户可能会感到困惑,因为该页面看起来像一个普通页面。 因此,请确保添加一个大标题,说明它是 404 页面,并且显示的内容是相关信息,而不是用户正在寻找的实际文章。 此外,请确保从搜索引擎和导航中隐藏页面。 我们希望您喜欢这篇文章并为您的 Weebly 网站创建了自定义 404 页面。

推荐:如何修复Windows上This Non-Genuine Adobe App Will Be Disabled Soon弹出窗口


发表评论