如何在 WordPress 中添加 HTML 站点地图页面(2 种方式)

您想在 WordPress 中添加 HTML 站点地图页面吗?

与提交给搜索引擎以便更好地抓取的 XML 站点地图不同,HTML 站点地图为您的网站访问者呈现一个有组织的页面和帖子列表.

在本文中,我们将向您展示如何在 WordPress 中添加 HTML 站点地图页面.

How to add an HTML sitemap page in WordPress

XML 和 HTML 站点地图有什么区别?

XML 站点地图是以 XML 格式为 Google 等搜索引擎列出您的网站内容的文件.

您可以在网站管理员工具中提交您的 XML 站点地图,以改进和控制搜索引擎抓取您网站的方式.

另一方面,HTML 站点地图适用于您的实际网站访问者.这是一个简单的页面,以有组织的方式列出您的所有帖子和页面.

既然您知道了区别,那么让我们来看看如何使用两个不同的 WordPress 插件将 HTML 站点地图页面添加到 WordPress.您可以使用下面的快速链接直接跳转到您想要使用的方法.

  • 使用多合一 SEO 在 WordPress 中添加 HTML 站点地图页面
  • 使用简单站点地图在 WordPress 中添加 HTML 站点地图页面

方法 1.使用多合一 SEO 在 WordPress 中添加 HTML 站点地图页面

我们建议使用多合一 SEO 插件在 WordPress 中添加 HTML 站点地图页面.它是市场上最好的 WordPress SEO 插件,被超过 200 万个网站使用,只需点击几下即可创建 HTML 站点地图.

注意: All in One SEO Lite 有一个免费版本,其中包含下面的 HTML 站点地图功能,但我们将在我们的屏幕截图示例中使用高级版本,因为它包含所有强大的功能例如智能站点地图、重定向管理器、SEO 架构等.

您需要做的第一件事是安装多合一 SEO 插件.有关更多详细信息,请参阅有关如何安装 WordPress 插件的分步指南.

激活后,AIOSEO 设置向导将打开,它将指导您设置插件并正确设置 SEO.

只需点击"让我们开始吧"按钮并按照步骤操作即可.

AIOSEO setup wizard

之后,您将被带到 WordPress 管理仪表板,在那里您将看到一个名为"All in One SEO"的新菜单选项.

然后,您需要转到多合一搜索引擎优化 »站点地图,点击"HTML 站点地图"菜单选项,并确保"启用站点地图"切换开关已打开.

Enable HTML sitemap

接下来,您可以选择显示 HTML 站点地图的方式.

在本教程中,我们将选择"专用页面"选项,但您也可以将其添加为短代码、块、小部件等.

然后,输入您希望 HTML 站点地图显示的页面 URL.该插件将自动为您创建一个新页面.

Enter URL for HTML sitemap page

完成后,向下滚动到"HTML 站点地图设置"部分.

您可以在此处自定义 HTML 站点地图的显示方式.您可以控制将显示哪些帖子和页面、分类法(例如类别和标签)、排序顺序等.

Customize HTML sitemap settings

您还可以打开"压缩存档",以压缩日期存档格式显示您的 HTML 站点地图.

这类似于我们在 WPBeginner 的 404 页面上显示压缩档案的方式.

完成 HTML 站点地图设置的自定义后,请务必点击"保存更改"按钮.

Save custom HTML page settings

现在您的访问者可以查看您的 HTML 站点地图并更轻松地浏览您的网站.

如果您选择了上面的"专用页面"选项,则可以通过单击"打开 HTML 站点地图"按钮访问该页面.

HTML sitemap example page

方法 2.使用简单站点地图在 WordPress 中添加 HTML 站点地图页面

Simple Sitemap 是一个免费插件,可让您轻松地将 HTML 站点地图添加到您的 WordPress 网站.

您需要做的第一件事是安装并激活 Simple Sitemap 插件.有关更多详细信息,请参阅有关如何安装 WordPress 插件的初学者指南.

一旦插件被激活,您就可以打开一个现有的页面,或者通过导航到页面»来创建一个新的 HTML 站点地图页面.添加新.

此插件新添加了 Gutenberg 块,您可以使用它来简单地添加 HTML 站点地图页面.

您只需点击"加号"图标,然后选择"简单站点地图"选项即可.

Add simple sitemap block

此插件包含的另一个块是"简单站点地图组",它创建了一个分支的可视站点地图.但是,我们将在本教程中使用"简单站点地图"块.

添加块后,它会自动创建您的 HTML 站点地图.

在右侧菜单中,您有自定义选项,您可以在其中选择显示"帖子"或"页面",或同时显示两者.

在"选择要显示的帖子类型"下的框中,只需输入"帖子"或"页面"即可选择要显示的内容.

Sitemap created add posts or pages

之后,您可以通过更改"Orderby"或"Order"下拉菜单来更改列表的显示方式.

您还可以显示列出的页面或帖子的摘录,并启用或禁用链接.但是,我们将保留默认插件设置以保持我们的 HTML 站点地图简单且易于浏览.

Customize sitemap order and appearance

完成 HTML 站点地图页面的自定义后,如果要更新旧页面,请点击"发布"或"保存".

当您的访问者访问您的 HTML 站点地图时,他们会看到一个类似于下图的导航页面.

Final block sitemap example

使用简码在 WordPress 中添加 HTML 站点地图

另一种向 WordPress 添加 HTML 站点地图的方法是使用短代码.这使您可以更好地控制 HTML 站点地图的位置,并且适用于使用经典编辑器的用户.

只需导航到页面»即可创建一个新页面.添加新内容,然后为您的新页面命名.

Add new block for HTML sitemap

之后,点击"加号"图标向您的页面添加一个新块.

然后,在搜索框中输入"shortcode"并选择"Shortcode"块.

Add shortcode block

之后,只需将以下短代码之一复制并粘贴到文本编辑器中即可.

[simple-sitemap-group]
[simple-sitemap]

Paste shortcode and publish

完成后,点击"发布"或"更新"以保存更改.

如果您需要更多帮助,请参阅我们关于如何向 WordPress 添加短代码的指南.

第一个简码将按类别列出您的帖子,第二个简码将列出您的页面.

这是插件向网站访问者显示站点地图的方式.

HTML sitemap posts and pages

在 WordPress 中为首页创建 HTML 站点地图

许多网站所有者将 WordPress 用作 CMS,其主要内容发布为页面而不是帖子.有关更多详细信息,请参阅 WordPress 中帖子和页面之间的区别.

在这种情况下,您可能希望 HTML 站点地图以正确的层次结构顺序显示页面.

以下是如何添加仅包含页面的 HTML 站点地图.

只需将此短代码添加到要显示 HTML 站点地图的页面即可.按照上述相同步骤将短代码添加到新的 WordPress 页面.

[simple-sitemap]

这是显示 HTML 站点地图的方式,其中所有 WordPress 页面都列在分层列表中.

HTML sitemap page example

它还包括以嵌套方式列出的父页面和子页面.有关更多详细信息,请参阅有关如何在 WordPress 中创建子页面的指南.

我们希望本文能帮助您了解如何在 WordPress 中添加 HTML 站点地图页面.您可能还想查看我们专家精选的最佳虚拟商务电话号码应用程序以及有关如何选择最佳博客平台的指南.

1
订阅评论
提醒
0 评论
内联反馈
查看所有评论