新手指南：如何在 WordPress 中使用豐富網(wǎng)頁摘要

時間：2023-09-05 21:30:01 | 來源：網(wǎng)站運營

時間：2023-09-05 21:30:01 來源：網(wǎng)站運營

新手指南：如何在 WordPress 中使用豐富網(wǎng)頁摘要：您想在您的 WordPress 網(wǎng)站上添加豐富網(wǎng)頁摘要嗎？

豐富網(wǎng)頁摘要允許您為評論、食譜、活動等特殊內(nèi)容自定義搜索列表。這些搜索列表將脫穎而出，并有助于為您的網(wǎng)站帶來更多流量。

在本文中，我們將逐步向您展示如何將豐富網(wǎng)頁摘要添加到您的 WordPress 網(wǎng)站。

為什么要在您的 WordPress 網(wǎng)站上使用豐富網(wǎng)頁摘要？

豐富網(wǎng)頁摘要使用所謂的架構(gòu)標記向搜索引擎提供有關(guān)您的內(nèi)容的額外信息。

搜索引擎機器人使用此數(shù)據(jù)在搜索結(jié)果中顯示有關(guān)您的帖子和頁面的其他信息。

這有助于使您的帖子和頁面在搜索結(jié)果中更加突出，從而可以提高您的有機點擊率并幫助您增加博客流量。

它還可以幫助您在您的利基市場建立權(quán)威，因為您的網(wǎng)站在搜索中變得更加明顯。

豐富網(wǎng)頁摘要不僅適用于評論網(wǎng)站或食譜。您可以將豐富網(wǎng)頁摘要用于事件、產(chǎn)品、人物、視頻、音樂、應(yīng)用程序、文章、博客文章等。

注意：請務(wù)必了解，將架構(gòu)標記添加到您的網(wǎng)站并不能保證 Google 會顯示它。對于某些搜索，Google 可能會選擇不這樣做。但是，添加架構(gòu)標記有助于 Google 理解您的內(nèi)容并使其更有可能顯示豐富的摘要。

話雖如此，讓我們向您展示如何向 WordPress 添加豐富網(wǎng)頁摘要。只需使用下面的快速鏈接直接跳轉(zhuǎn)到您要使用的方法。

• 使用 WordPress 插件在 WordPress 中添加豐富網(wǎng)頁摘要（推薦）
• 通過向 WordPress 添加代碼在 WordPress 中添加豐富的代碼片段

方法 1. 使用 WordPress 插件在 WordPress 中添加豐富網(wǎng)頁摘要

向 WordPress 添加豐富網(wǎng)頁摘要的最簡單方法是使用AIOSEO插件。它是市場上 最好的 WordPress SEO 插件，被超過 3+ 百萬個網(wǎng)站使用。

它可以幫助您輕松地針對搜索引擎優(yōu)化您的網(wǎng)站，而無需聘請 SEO 專家。此外，您只需點擊幾下即可在您的網(wǎng)站上設(shè)置豐富網(wǎng)頁摘要。

注意：您需要AIOSEO 的專業(yè)版，因為它包括架構(gòu)標記功能和其他功能，如XML 站點地圖、重定向管理器等。您可以使用該插件的免費版本開始使用。

您需要做的第一件事是安裝并激活AIOSEO插件。有關(guān)更多詳細信息，請參閱我們關(guān)于如何安裝 WordPress 插件的初學者指南。

激活后，您將立即進入 AIOSEO 設(shè)置向?qū)?。您需要單擊“讓我們開始吧”按鈕。

如果設(shè)置向?qū)]有立即出現(xiàn)，則只需轉(zhuǎn)到All in One SEO ? Dashboard。

從這里，您可以單擊“啟動安裝向?qū)А卑粹o。這將引導您完成為您的網(wǎng)站設(shè)置插件的步驟。

當您完成設(shè)置向?qū)r，您需要激活“高級豐富代碼段 + 架構(gòu)標記”插件。

只需選中該框，使其變?yōu)樗{色，然后單擊“保存并繼續(xù)”按鈕。

在最后一個屏幕上，您需要輸入您的許可證密鑰，然后單擊“連接”按鈕。

您可以在 AIOSEO 網(wǎng)站上的帳戶頁面下找到此信息。

有關(guān)更多詳細信息，請參閱我們關(guān)于如何為 WordPress 正確設(shè)置 AIOSEO 的最終指南。

之后，您可以前往WordPress 管理面板中的AIOSEO ? 搜索外觀，然后單擊“內(nèi)容類型”選項卡。

然后，您可以為您的帖子和頁面設(shè)置架構(gòu)標記類型。

只需單擊“架構(gòu)標記”菜單選項，然后您就可以從下拉列表中選擇架構(gòu)類型。

您將能夠看到可以使用該插件創(chuàng)建的不同內(nèi)容類型。該列表包括：

• 課程
• 產(chǎn)品
• 食譜
• 軟件/應(yīng)用程序
• 常問問題
• 網(wǎng)頁
• 輪廓
• 文章

單擊任何內(nèi)容類型都會顯示可用的字段。

當您添加新的博客文章時，這些??設(shè)置將成為默認設(shè)置。但是，您也可以在單個帖子的基礎(chǔ)上更改這些。

在發(fā)布架構(gòu)標記下方，您還可以控制頁面的默認架構(gòu)。

只需從下拉列表中選擇“模式類型”。然后，您將擁有所選模式類型的其他選項。

完成更改后，請在離開頁面前單擊“保存更改”按鈕。

將豐富的代碼段信息添加到您的帖子和頁面

現(xiàn)在，您可以將架構(gòu)信息添加到您的個人帖子和頁面，以便它們在搜索結(jié)果中顯示獨特的豐富網(wǎng)頁摘要。

為此，只需打開一篇博客文章并向下滾動到文章編輯器下方。在這里您會看到一個名為“AIOSEO 設(shè)置”的元框。

您需要單擊“架構(gòu)”選項卡，然后單擊“生成架構(gòu)”按鈕。

這將打開架構(gòu)目錄。只需單擊要添加的架構(gòu)類型旁邊的“添加架構(gòu)”按鈕。

現(xiàn)在，根據(jù)您選擇的選項，將有不同的字段可供填寫。例如，“軟件”模式類型包括名稱、操作系統(tǒng)、價格、描述、評論等字段。

完成后，單擊“添加架構(gòu)”按鈕。不要忘記在帖子上單擊“更新”或“發(fā)布”以保存您的更改。

將架構(gòu)標記添加到單個 WordPress 頁面是類似的。您需要打開要編輯的頁面，然后向下滾動到頁面編輯器下方的“AIOSEO 設(shè)置”元框。

然后，單擊“架構(gòu)”菜單選項，單擊“生成架構(gòu)”按鈕，然后從架構(gòu)目錄中選擇您的頁面架構(gòu)類型。

根據(jù)您選擇的架構(gòu)類型，將出現(xiàn)不同的選項。

就像上面一樣，完成后，您需要單擊“添加架構(gòu)”按鈕并單擊頁面上的“更新”或“發(fā)布”以使您的更改生效。

添加豐富網(wǎng)頁摘要信息不會對您的WordPress 博客的前端產(chǎn)生影響。但是，您將向搜索引擎機器人提供額外的數(shù)據(jù)，以便在搜索結(jié)果中與您的帖子和頁面一起顯示。

方法 2. 通過向 WordPress 添加代碼來添加 Rich Snippets

向 WordPress 添加豐富網(wǎng)頁摘要的另一種方法是向 WordPress 添加代碼。如果您以前沒有這樣做過，請參閱我們的指南，了解如何在 WordPress 中復制和粘貼代碼。

豐富的片段或結(jié)構(gòu)化數(shù)據(jù)標記可以寫入三個不同的詞匯表。這些詞匯表是微數(shù)據(jù)、RDFa 和 JSON-LD。您可以在您的網(wǎng)站上使用它們中的任何一個。然而，大多數(shù)初學者發(fā)現(xiàn) RDFa 對初學者更友好。

這是 WordPress 中用戶的關(guān)于頁面的示例。通常頁面的文本看起來像這樣：

John Smith<img src="johnsmith.jpg" alt="Photo of John Smith"/>Support Technician342 Acme Inc.101 Washington AvenueEagleton IN 98052(425) 123-4567<a href="mailto:johnsmith@example.com">johnsmith@example.com</a>Website:<a href="http://www.example.com">example.com</a>

1個2個3個4個5個6個78個910

John Smith<img src="johnsmith.jpg" alt="Photo of John Smith"/>Support Technician342 Acme Inc.101 Washington AvenueEagleton IN 98052(425) 123-4567<a href="mailto:johnsmith@example.com">johnsmith@example.com</a>Website:<a href="http://www.example.com">http://example.com</a>

這可以通過豐富的摘要輕松轉(zhuǎn)換。

如果您熟悉 HTML，那么您可以輕松理解以下示例：

<div vocab="http://schema.org/" typeof="Person"> <span property="name">John Smith</span> <img src="johnsmith.jpg" property="image" alt="Photo of John Smith"/> <span property="jobTitle">Support Technician</span> <div property="address" typeof="PostalAddress"> <span property="streetAddress"> 342 Acme Inc. 101 Washington Avenue </span> <span property="addressLocality">Eagleton</span>, <span property="addressRegion">IN</span> <span property="postalCode">46818</span> </div> <span property="telephone">(425) 123-4567</span> <a href="mailto:johnsmith@example.com" property="email">johnsmith@example.com</a>Website <a href="http://example.com" property="url">example.com</a></div>

1個2個3個4個5個6個78個9101112131415161718

<div vocab="http://schema.org/" typeof="Person"> <span property="name">John Smith</span> <img src="johnsmith.jpg" property="image" alt="Photo of John Smith"/> <span property="jobTitle">Support Technician</span> <div property="address" typeof="PostalAddress"> <span property="streetAddress"> 342 Acme Inc. 101 Washington Avenue </span> <span property="addressLocality">Eagleton</span>, <span property="addressRegion">IN</span> <span property="postalCode">46818</span> </div> <span property="telephone">(425) 123-4567</span> <a href="mailto:johnsmith@example.com" property="email">johnsmith@example.com</a>Website <a href="http://example.com" property="url">http://example.com</a></div>

對于每種內(nèi)容類型，都有一些需要定義的特殊屬性。

http://Schema.org 是幫助維護不同內(nèi)容類型標準的組織。您會在他們的網(wǎng)站上找到包含每種模式內(nèi)容類型示例的大量文檔。

這是另一個包含豐富網(wǎng)頁摘要的食譜示例。

<div vocab="http://schema.org/" typeof="Recipe"> <span property="name">Mom's World Famous Banana Bread</span> By <span property="author">John Smith</span>, <img property="image" src="bananabread.jpg" alt="Banana bread on a plate" /> <span property="description">This classic banana bread recipe comes from my mom -- the walnuts add a nice texture and flavor to the banana bread.</span> Prep Time: <meta property="prepTime" content="PT15M">15 minutes Cook time: <meta property="cookTime" content="PT1H">1 hour Yield: <span property="recipeYield">1 loaf</span> Ingredients: - <span property="recipeIngredient">3 or 4 ripe bananas, smashed</span> - <span property="recipeIngredient">1 egg</span> - <span property="recipeIngredient">3/4 cup of sugar</span> ... Instructions: <span property="recipeInstructions"> Preheat the oven to 350 degrees. Mix in the ingredients in a bowl. Add the flour last. Pour the mixture into a loaf pan and bake for one hour. </span></div>

1個2個3個4個5個6個78個910111213141516171819202122

<div vocab="http://schema.org/" typeof="Recipe"> <span property="name">Mom's World Famous Banana Bread</span> By <span property="author">John Smith</span>, <img property="image" src="bananabread.jpg" alt="Banana bread on a plate" /> <span property="description">This classic banana bread recipe comes from my mom -- the walnuts add a nice texture and flavor to the banana bread.</span> Prep Time: <meta property="prepTime" content="PT15M">15 minutes Cook time: <meta property="cookTime" content="PT1H">1 hour Yield: <span property="recipeYield">1 loaf</span> Ingredients: - <span property="recipeIngredient">3 or 4 ripe bananas, smashed</span> - <span property="recipeIngredient">1 egg</span> - <span property="recipeIngredient">3/4 cup of sugar</span> ... Instructions: <span property="recipeInstructions"> Preheat the oven to 350 degrees. Mix in the ingredients in a bowl. Add the flour last. Pour the mixture into a loaf pan and bake for one hour. </span></div>

如果您手動將豐富網(wǎng)頁摘要添加到您的 WordPress 帖子中，那么您將需要手動將 HTML 添加到 WordPress。有關(guān)詳細信息，請參閱我們關(guān)于如何在 WordPress 代碼編輯器中編輯 HTML 的初學者指南。

您可能還需要參考有關(guān)結(jié)構(gòu)化數(shù)據(jù)的 Google 開發(fā)人員資源，以了解每種內(nèi)容類型需要哪些屬性。

測試您的豐富網(wǎng)頁摘要和架構(gòu)標記

如果您手動添加豐富網(wǎng)頁摘要，則需要確保已將結(jié)構(gòu)化數(shù)據(jù)正確添加到您的WordPress 網(wǎng)站。

要檢查您的豐富網(wǎng)頁摘要，只需轉(zhuǎn)到Google 結(jié)構(gòu)化數(shù)據(jù)測試工具。然后，您可以運行兩種不同的測試來測試結(jié)構(gòu)化數(shù)據(jù)。

首先，單擊“轉(zhuǎn)到 Rich Results 測試”按鈕。這將看到可以為您的頁面生成哪些豐富的結(jié)果。

然后，在框中輸入您的頁面或發(fā)布 URL。

接下來，單擊“測試 URL”按鈕。

這將自動生成一份報告，以查看當該頁面或帖子在搜索結(jié)果中列出時可以顯示哪些富媒體搜索結(jié)果功能。

它會給你任何錯誤或警告，這樣你就可以改進你的結(jié)構(gòu)化數(shù)據(jù)。您可以單擊任何警告旁邊的下拉箭頭，您將獲得有關(guān)如何修復它的詳細說明。

接下來，您可以返回 Google 結(jié)構(gòu)化數(shù)據(jù)測試工具頁面來測試您的模式標記。

然后，單擊“轉(zhuǎn)到模式標記驗證器”按鈕。

接下來，將您的網(wǎng)址或代碼段輸入到“測試您的結(jié)構(gòu)化數(shù)據(jù)”彈出窗口中。

然后，單擊“運行測試”按鈕。

該工具將自動分析您的代碼以查看是否有任何錯誤。

您會希望在頁面右側(cè)看到 0 個錯誤。