與提交給搜索引擎以便更好地抓取的XML站點(diǎn)地圖不同，HTML站點(diǎn)地圖為您的網(wǎng)站訪問者呈現(xiàn)一個(gè)有組織的頁(yè)面和文章列表。在本教程中，我們將向您展示如何在wordpress中添加HTML站點(diǎn)地圖頁(yè)面。

XML和HTML站點(diǎn)地圖有什么區(qū)別？

一個(gè)XML站點(diǎn)地圖是列出了像谷歌和其他搜索引擎的XML格式的網(wǎng)站內(nèi)容的文件。您可以在網(wǎng)站管理員工具中提交您的XML站點(diǎn)地圖，以改進(jìn)和控制搜索引擎抓取您網(wǎng)站的方式。

另一方面，HTML站點(diǎn)地圖適用于您的實(shí)際網(wǎng)站訪問者。這是一個(gè)簡(jiǎn)單的頁(yè)面，以有組織的方式列出您的所有文章和頁(yè)面。

現(xiàn)在您知道了區(qū)別，讓我們來(lái)看看如何使用兩個(gè)不同的WordPress插件將 HTML 站點(diǎn)地圖頁(yè)面添加到WordPress。您可以使用下面的快速鏈接直接跳轉(zhuǎn)到您想要使用的方法。

• 使用All in One SEO插件添加HTML站點(diǎn)地圖頁(yè)面
• 使用Simple Sitemap插件添加HTML站點(diǎn)地圖頁(yè)面

方法 1. 使用All in One SEO插件添加HTML站點(diǎn)地圖頁(yè)面

您可以使用All in One SEO插件添加HTML站點(diǎn)地圖頁(yè)面。它是市場(chǎng)上WordPress SEO插件之一，被超過200萬(wàn)個(gè)網(wǎng)站使用，只需點(diǎn)擊幾下即可創(chuàng)建 HTML 站點(diǎn)地圖。

注意：All in One SEO Lite有一個(gè)免費(fèi)版本，其中包括下面的HTML站點(diǎn)地圖功能，但我們將在我們的屏幕截圖示例中使用高級(jí)版本，因?yàn)樗ㄋ袕?qiáng)大的功能，如智能站點(diǎn)地圖、重定向管理器、SEO 模式，和更多。

您需要做的第一件事是安裝All in One SEO插件。啟用后，AIOSEO設(shè)置向?qū)⒋蜷_，它將指導(dǎo)您設(shè)置插件并正確設(shè)置SEO。只需單擊“Let’s Get Started”按鈕并按照步驟操作即可。

之后，您將被帶到WordPress管理儀表盤，在那里您將擁有一個(gè)名為“All in One SEO”的新菜單選項(xiàng)。然后，您需要轉(zhuǎn)到“All in One SEO ? Sitemaps”，單擊“HTML Sitemap”菜單選項(xiàng)，并確?！癊nable Sitemap”切換開關(guān)已打開。

接下來(lái)，您可以選擇顯示HTML站點(diǎn)地圖的方式。在本教程中，我們將選擇“Dedicated Page”選項(xiàng)，但您也可以將其添加為短代碼、區(qū)塊、小部件等。然后，輸入要顯示HTML站點(diǎn)地圖的頁(yè)面URL。該插件將自動(dòng)為您創(chuàng)建一個(gè)新頁(yè)面。

完成后，向下滾動(dòng)到“HTML Sitemap Settings”部分。您可以在此處自定義HTML站點(diǎn)地圖的顯示方式。您可以控制將顯示哪些帖子和頁(yè)面、分類法（例如類別和標(biāo)簽）、排序順序等。

您還可以打開“Compact Archives”，以壓縮日期檔案格式顯示您的HTML站點(diǎn)地圖。完成自定義HTML站點(diǎn)地圖設(shè)置后，請(qǐng)務(wù)必單擊“Save Changes”按鈕。

現(xiàn)在您的訪問者可以查看您的HTML站點(diǎn)地圖并更輕松地瀏覽您的網(wǎng)站。如果您選擇了上面的“Dedicated Page”選項(xiàng)，則可以通過單擊“Open HTML Sitemap”按鈕訪問該頁(yè)面。

方法 2. 使用Simple Sitemap插件添加HTML Sitemap頁(yè)面

Simple Sitemap是一個(gè)免費(fèi)插件，可讓您輕松地將HTML站點(diǎn)地圖添加到您的WordPress 網(wǎng)站。您需要做的第一件事是安裝并啟用Simple Sitemap插件。

啟用插件后，您可以打開現(xiàn)有頁(yè)面，或通過導(dǎo)航到Pages ? Add New頁(yè)面來(lái)創(chuàng)建新的HTML站點(diǎn)地圖頁(yè)面。該插件新增了Gutenberg區(qū)塊，您可以使用它來(lái)簡(jiǎn)單地添加HTML站點(diǎn)地圖頁(yè)面。您需要做的就是單擊“加號(hào)”圖標(biāo)，然后選擇“Simple Sitemap”選項(xiàng)。

此插件包含的另一個(gè)塊是“Simple Sitemap Group”，它創(chuàng)建了一個(gè)分支的可視站點(diǎn)地圖。但是，我們將在本教程中使用“Simple Sitemap”區(qū)塊。

添加區(qū)塊后，它將自動(dòng)創(chuàng)建您的HTML站點(diǎn)地圖。在右側(cè)菜單中，您有自定義選項(xiàng)，您可以在其中選擇顯示“Posts”或“Pages”，或同時(shí)顯示兩者。在“Select post types to display”下的框中，只需輸入“Post”或“Page”即可選擇要顯示的內(nèi)容。

之后，您可以通過更改“Orderby”或“Order”下拉菜單來(lái)更改列表的顯示方式。您還可以顯示列出的頁(yè)面或文章的摘錄，并啟用或禁用鏈接。但是，我們將保留默認(rèn)插件設(shè)置以保持我們的HTML站點(diǎn)地圖簡(jiǎn)單且易于瀏覽。

完成HTML站點(diǎn)地圖頁(yè)面的自定義后，如果要更新舊頁(yè)面，請(qǐng)單擊“Publish”或“Save”。當(dāng)您的訪問者訪問您的HTML站點(diǎn)地圖時(shí)，他們會(huì)看到一個(gè)類似于下圖的導(dǎo)航頁(yè)面。

使用簡(jiǎn)碼添加HTML站點(diǎn)地圖

將HTML站點(diǎn)地圖添加到WordPress的另一種方法是使用短代碼。這使您可以更好地控制HTML站點(diǎn)地圖的位置，并且適用于使用經(jīng)典編輯器的用戶。只需導(dǎo)航到Pages ? Add New創(chuàng)建一個(gè)新頁(yè)面，然后為新頁(yè)面命名。

之后，單擊“加號(hào)”圖標(biāo)向您的頁(yè)面添加一個(gè)新區(qū)塊。然后，在搜索框中輸入“shortcode”并選擇“Shortcode”區(qū)塊。

之后，只需在文本編輯器中復(fù)制并粘貼以下短代碼之一。

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

完成后，單擊“Publish”或“Update”以保存更改。第一個(gè)簡(jiǎn)碼將按類別列出您的文章，第二個(gè)簡(jiǎn)碼將列出您的頁(yè)面。這就是插件將您的站點(diǎn)地圖顯示給您的網(wǎng)站訪問者的方式。

為WordPress首頁(yè)創(chuàng)建HTML站點(diǎn)地圖

許多網(wǎng)站所有者使用WordPress作為CMS，他們的主要內(nèi)容發(fā)布為頁(yè)面而不是文章。有關(guān)更多詳細(xì)信息，請(qǐng)參閱WordPress中文章和頁(yè)面之間的區(qū)別。在這種情況下，您可能希望HTML站點(diǎn)地圖以正確的層次結(jié)構(gòu)順序顯示頁(yè)面。

以下是如何添加僅包含頁(yè)面的HTML站點(diǎn)地圖。只需將此短代碼添加到要顯示HTML站點(diǎn)地圖的頁(yè)面即可。按照上述相同步驟將短代碼添加到新的WordPress頁(yè)面。

[simple-sitemap]

這就是它將顯示您的HTML站點(diǎn)地圖的方式，其中所有WordPress頁(yè)面都列在層次結(jié)構(gòu)列表中。

它還包括以嵌套方式列出的父頁(yè)面和子頁(yè)面。最后，希望本教程能幫助您了解如何在WordPress中添加HTML站點(diǎn)地圖頁(yè)面。