WordPressで栄養成分表示ラベルを表示する方法

栄養成分表示ラベルは、カロリー、タンパク質、脂質、炭水化物などの栄養素に関する情報を提供します。

これらのラベルは、ユーザーが食事に合わせてより多くの情報に基づいた健康上の決定を下すのに役立ち、食品ウェブサイトに表示することで、オーディエンスとの信頼を築くことができます。

長年にわたり、多くの食品・レシピブログがウェブサイトに栄養成分表示を追加し、その結果、トラフィックとユーザーエンゲージメントが増加したのを見てきました。これにより、食品業界にとって栄養成分表示の追加は非常に効果的な戦略であると認識しました。

この記事では、WordPressに栄養成分表示ラベルを簡単に追加する方法を説明します。

WordPressに栄養成分表示ラベルを追加する理由

あなたがフードブロガーであったり、栄養ビジネスのウェブサイトを運営していたり、オンラインストアで食品を販売している場合、レシピや商品に栄養成分表示ラベルを追加することで、規制上の食品要件を遵守するのに役立ちます。

食事のカロリー含有量、炭水化物、タンパク質、その他の栄養素について消費者に情報を提供することで、消費者は食事に関する情報に基づいた意思決定を行うことができます。

例えば、レシピに栄養成分表示ラベルを追加することで、糖尿病患者は糖分の摂取量を監視し、健康を維持することができます。

栄養成分表示ラベルを追加することは、WordPressブログのSEOランキングを向上させることもできます。これは、検索エンジンがユーザーエクスペリエンスを向上させる、つまり製品に関する関連情報を提供するウェブサイトを優先することが多いためです。

それを踏まえて、WordPressに栄養成分表示ラベルを簡単に追加する方法を見ていきましょう。

WordPressに栄養成分表示を追加する方法

Nutrifoxを使用して、WordPressに栄養成分表示ラベルを簡単に追加できます。

これはオンライン栄養成分表示ジェネレーターで、ユーザーは食品やレシピの栄養情報を生成・カスタマイズできます。

Nutrifoxで栄養成分表示ラベルを作成する

まず、Nutrifoxのウェブサイトにアクセスし、画面右上にある「Start Your Free Trial」ボタンをクリックしてアカウントにサインアップする必要があります。

Nutrifoxはすべての人に14日間の無料トライアルを提供しており、その後、月額約9ドルまたは年額89ドルが請求されます。

アカウントを作成すると、「Nutrifoxへようこそ」ページに移動します。

ここから、「最初のレシピを作成する」ボタンをクリックするだけで開始できます。

新しい画面に移動し、作成しようとしているレシピの名前を入力する必要があります。

それが完了したら、「材料に進む」ボタンをクリックするだけです。

注意: 必要であれば、「公開済みレシピをインポート」リンクをクリックすることで、WordPressウェブサイトからNutrifoxに公開済みレシピをインポートすることもできます。

これにより、レシピを作成する新しい画面に移動します。栄養成分表示ラベルは画面の右列に表示されます。

サービングサイズとサービング数を入力して開始できます。

例えば、レッドベルベットケーキのレシピを書いている場合、1スライスを1食分として追加する必要があります。その後、「Servings」オプションの下に、ケーキに含まれるスライスの数を追加する必要があります。

それが完了したら、「材料」セクションにレシピの材料リストを入力し、「追加」ボタンをクリックするだけです。

レシピが追加された後、情報に応じて栄養成分表示ラベルが自動的に更新されます。

栄養成分表示ラベルをカスタマイズする

次に、右側の列にある「カスタマイズ」ボタンをクリックして、栄養成分表示ラベルをスタイル設定します。

ここから、ドロップダウンメニューで「ラベルスタイル」を選択してください。「Tasty」、「FDA」、「Basic」のいずれかを選択できます。

その後、栄養成分表示ラベルに表示したい栄養素を、これらのオプションの横にあるスイッチを切り替えることで選択することもできます。

例えば、食事中のカルシウムの割合を表示したい場合は、「カルシウム」オプションの横にあるスイッチを切り替えることができます。

栄養成分表示ラベルに満足したら、Nutrifox ウェブサイトの URL から ID をコピーします。

このラベルIDは、事実ラベルをWordPressウェブサイトに埋め込むことができる4〜5桁の数字です。

WordPress投稿に栄養成分表示を追加する

ラベルIDをコピーしたら、WordPressウェブサイトのダッシュボードに移動します。

そこに着いたら、Nutrifox WP Connector プラグインをインストールして有効化する必要があります。手順については、WordPressプラグインのインストール方法に関するステップバイステップガイドをご覧ください。

このプラグインは、Gutenbergエディターに「Nutrifoxラベル」ブロックを追加し、レシピと一緒に栄養成分表示ラベルを表示できるようにします。

プラグインを有効にしたら、ファクトラベルを追加したいページまたは投稿を開きます。次に、画面左上の「ブロックを追加」（+）ボタンをクリックし、「Nutrifox Label」ブロックを見つけます。

追加したら、以前にコピーしたNutrifoxラベルIDをブロックに貼り付けます。

最後に、「公開」または「更新」ボタンをクリックして変更を保存します。

これで、ウェブサイトにアクセスして、栄養成分表示が実際に機能していることを確認できます。

ボーナス：Tasty Recipesを使用してフードブログを最適化し、栄養成分表示ラベルを追加する

Tasty Recipes は、市場で最高のWordPressレシピプラグインです。これにより、食品ブログをレシピSEOに最適化できます。また、レシピカードのデザインやレイアウトを調整することもできます。

さらに、レシピカードをNutrifoxと統合して、レシピに栄養成分表示を追加することもできます。

まず、Tasty Recipes プラグインをインストールして有効化する必要があります。詳細な手順については、WordPress プラグインのインストール方法に関するガイドをご覧ください。

有効化したら、設定 » Tasty Recipes ページにアクセスし、ライセンスキーを入力してください。この情報は、Tasty Recipes のアカウントページで確認できます。

その後、「Tasty Recipes」画面の「デザイン」タブに切り替えるだけです。

ここから、右側のプレビュー列でレシピカードのデザインテンプレートを選択できます。また、画面左側のオン・スクリーン設定でテンプレートをさらにカスタマイズすることもできます。

それが完了したら、「Nutrifox表示」セクションまでスクロールダウンし、「Nutrifoxラベル（iframe）を挿入」オプションがチェックされていることを確認してください。

「プレーンテキストとして挿入」オプションを選択した場合、栄養成分表示ラベルの詳細を手動で入力する必要があります。

最後に、「変更を保存」ボタンをクリックして設定を保存することを忘れないでください。

次に、プラグインオプションを設定するために、上部にある「設定」タブに切り替えます。

ここから、レシピに表示するボタンを選択したり、材料の横にチェックボックスを表示したり、ユーザーが単位を変換できるようにしたり、レシピを異なる分量に合わせて調整したりできます。

ワンクリックで材料をコピーし、レシピを他の場所に貼り付けることもできます。

完了したら、「変更を保存」ボタンをクリックして変更を保存することを忘れないでください。

WordPressの投稿にレシピカードと栄養成分表示ラベルを追加する

レシピカードと栄養成分表示ラベルをウェブサイトに追加するには、WordPress管理サイドバーから新しい投稿または既存の投稿をブロックエディターで開く必要があります。

そこに着いたら、画面の左上にある「ブロックを追加」（+）ボタンをクリックし、「Tasty Recipe」ブロックを見つけます。

ブロックを追加すると、ブロックエディターに「レシピを作成」ポップアップが表示されます。ここで、レシピカードのタイトル、説明、画像、作成者名を追加することから始めることができます。

次に、「材料」セクションにレシピの材料を入力し、ユーザーが従うべき手順を「手順」セクションに追加します。

その後、「栄養」セクションまでスクロールダウンし、栄養成分表示ラベルのラベルIDを追加する必要があります。

これを行うには、Nutrifoxのウェブサイトにアクセスし、レシピに統合したい栄養成分表示ラベルを開く必要があります。

そこに着いたら、ウェブサイトのURLからラベルIDを取得できます。URLの末尾にある4〜5桁の数字です。

コピーしてWordPressダッシュボードに戻ってください。

次に、ラベルIDを「Nutrifox ID」ボックスに貼り付けます。完了したら、「挿入」ボタンをクリックして、レシピカードをブロックエディターに追加します。

最後に、「更新」または「公開」ボタンをクリックして変更を保存します。

これでWordPressサイトにアクセスして、栄養成分表示ラベルが統合されたレシピカードを確認できます。

この記事が、WordPressで栄養成分表示ラベルを表示する方法を学ぶのに役立ったことを願っています。また、WordPressで「レシピへのジャンプ」ボタンを追加する方法に関するチュートリアルや、レシピブログに最適なWordPressテーマについてもご覧ください。

この記事が気に入ったら、WordPressのビデオチュートリアルについては、YouTubeチャンネルを購読してください。 TwitterやFacebookでもフォローできます。