如何在 WordPress 顯示營養標籤

最新更新於 2024 年 4 月 30 日，由編輯部撰寫 | 已由 Syed Balkhi 審核

您是否在尋找在 WordPress 中顯示營養標籤的方法？營養標籤提供有關食品養分含量的信息，包括卡路里、蛋白質、脂肪、碳水化合物等，幫助用戶根據自己的飲食做出更明智的健康決策。本文將向您介紹如何在 WordPress 中輕鬆添加營養標籤。

為什麼要在 WordPress 中添加營養標籤？

如果您是一名美食博客作者或在您的在線商店中銷售食品，則添加營養標籤與您的食譜和產品一起有助於您遵守任何監管食品的要求。

通過告知消費者您的餐點中的卡路里含量、碳水化合物和其他營養素，您還可以幫助他們根據自己的飲食做出明智的決策。例如，為食譜添加營養標籤可幫助糖尿病患者監控其糖分攝入並保持健康。

添加營養標籤還可以提高您的 WordPress 博客的 SEO 排名。這是因為搜索引擎通常會優先考慮通過提供與產品有關的相關信息來提升用戶體驗的網站。

如何在 WordPress 中添加營養標籤

使用 Nutrifox 創建營養標籤

首先，您需要訪問 Nutrifox 網站並通過單擊螢幕右上角的“開始免費試用”按鈕註冊一個帳戶。Nutrifox 為每個人提供 14 天的試用期，之後您將每月收費約 9 美元或每年 89 美元。

創建帳戶後，您將被引導至“歡迎來到 Nutrifox”頁面。從這裡，只需單擊“創建您的第一個食譜”按鈕即可開始。

這將帶您進入新螢幕，在這裡您必須為您即將創建的食譜輸入一個名稱。一旦完成，只需單擊“繼續添加原料”按鈕。

注意：如果您願意，您還可以單擊“導入已發佈的食譜”鏈接，將已發佈的食譜從您的 WordPress 網站導入到 Nutrifox。

這將把您帶到一個新螢幕，在那裡您將創建食譜。在這裡，您可以在螢幕的右側列中看到營養標籤。您現在可以開始填寫份量和份數的欄位。

例如，如果您正在編寫紅絲絨蛋糕食譜，則需要添加 1 片作為份量。之後，您必須在“份數”選項下添加蛋糕中的切片數量。

完成後，只需將食譜原料列表輸入“原料”部分並單擊“加入”按鈕。

添加食譜後，營養標籤將根據信息自動更新。

自定義您的營養標籤

現在，您需要單擊右列中的“自定義”按鈕，以樣式化營養標籤。從這裡開始，請從下拉菜單中選擇“標籤樣式”。您可以選擇“美味”、“FDA”或“基本”。

之後，您還可以通過切換這些選項旁邊的開關來選擇要在營養標籤上顯示的營養素。例如，如果您想顯示餐食中的鈣含量百分比，則可以切換“鈣”選項旁邊的開關。

一旦您滿意您的營養標籤，從 Nutrifox 網站的 URL 中複製其 ID。此標籤 ID 是一個 4 到 5 位數的編號，允許您將營養標籤嵌入到您的 WordPress 網站中。

將營養標籤添加到 WordPress 文章

複製標籤 ID 後，前往您的 WordPress 網站的儀表板。在那裡，您需要安裝並激活 Nutrifox WP 連接器插件。有關說明，請參閱我們的分步指南，了解如何安裝 WordPress 插件。

此插件將在 Gutenberg 編輯器中添加一個“Nutrifox 標籤”塊，允許您與食譜一起顯示營養標籤。插件激活後，打開您想要添加營養標籤的頁面或文章。接下來，單擊螢幕左上角的“添加區塊”(+) 按鈕，找到“Nutrifox 標籤”塊。

添加後，將之前複製的 Nutrifox 標籤 ID 粘貼到該塊中。

最後，單擊“發佈”或“更新”按鈕以保存您的更改。您現在可以訪問您的網站以查看營養標籤的實際效果。

額外提示：使用 Tasty Recipes 優化您的食品博客並添加營養標籤

Tasty Recipes 是市場上最佳的 WordPress 食譜插件，允許您為食譜 SEO 優化您的食品博客。它還允許您調整食譜卡的設計和佈局。

此外，它還使您能夠將您的食譜卡與 Nutrifox 集成，以便與食譜一起添加營養標籤。

首先，您需要安裝並激活 Tasty Recipes 插件。詳盡的說明，請查看我們的 WordPress 插件安裝指南。

激活後，前往設定 › Tasty Recipes 頁面並輸入許可證序號。

之後，轉到 Tasty Recipes 設定螢幕上的“設計”標籤。從這裡，您可以從預覽列選擇食譜卡設計模板。您還可以進一步自定義模板。

完成後，向下滾動至 Nutrifox 顯示部分並確保勾選“插入 Nutrifox 標籤 (iframe)”選項。如果選擇“插入為純文本”選項，則需要手動輸入營養標籤的詳細信息。

接著，轉到設定標籤以配置插件選項。在這裡，您可以選擇在食譜中顯示哪些按鈕、在配料旁顯示複選框，允許用戶轉換單位並為不同份量調整食譜。

一旦完成，別忘了單擊“保存更改”按鈕儲存您的設置。

將食譜卡和營養標籤添加到 WordPress 文章

要將食譜卡和營養標籤添加到您的網站，您需要從 WordPress 後台側邊欄中的塊編輯器打開新文章或現有文章。進入後，單擊螢幕左上角的“添加區塊”(+) 按鈕並找到“Tasty Recipe”塊。

添加塊後，塊編輯器中將彈出一個“創建食譜”窗口。這裡，您可以首先添加標題、描述、圖像和作者名稱到食譜卡。接著，將食譜的配料輸入配料部分，並添加用戶應該遵循的說明到說明部分。

之後，滾動到營養部分，輸入營養標籤的標籤 ID。為此，您需要訪問 Nutrifox 網站並打開您想要與食譜集成的營養標籤。標籤 ID 是 URL 結尾的一個 4 到 5 位數的編號。複製後，再回到 WordPress 儀表板。

將標籤 ID 粘貼到 Nutrifox ID 欄中，然後單擊“插入”按鈕將食譜卡添加到塊編輯器。最後，點擊“更新”或“發佈”按鈕以保存您的更改。您現在可以訪問您的 WordPress 站點，查看已集成營養標籤的食譜卡。

我們希望這篇文章幫助您了解如何在 WordPress 中顯示營養標籤。您可能也想閱讀我們的相關文章，了解如何在 WordPress 中添加 SEO 友好的食譜架構，以及我們選出的最佳食譜博客 WordPress 主題。

如果您喜歡這篇文章，請訂閱我們的 YouTube 頻道以獲取更多 WordPress 視頻教程。您也可以在 Twitter 和 Facebook 上找到我們。