Wie man Nährwertangaben in WordPress anzeigt

Nährwertkennzeichnungen geben Auskunft über den Nährstoffgehalt von Lebensmitteln, einschließlich der Anzahl der Kalorien, Proteine, Fette, Kohlenhydrate und mehr.

Diese Kennzeichnungen helfen den Nutzern, fundiertere Gesundheitsentscheidungen in Bezug auf ihre Ernährung zu treffen, und die Darstellung dieser Kennzeichnungen auf Ihrer Lebensmittel-Website kann das Vertrauen Ihrer Zielgruppe stärken.

Im Laufe der Jahre haben wir gesehen, dass viele Lebensmittel- und Rezeptblogs Nährwertkennzeichnungen auf ihren Websites hinzugefügt haben, was zu einem Anstieg der Besucherzahlen und des Nutzerinteresses geführt hat. Dadurch wurde uns klar, dass das Hinzufügen von Nährwertkennzeichnungen eine sehr effektive Strategie für die Lebensmittelbranche ist.

In diesem Artikel zeigen wir Ihnen, wie Sie in WordPress ganz einfach Nährwertkennzeichnungen hinzufügen können.

Warum Nährwertkennzeichnungen in WordPress hinzufügen?

Wenn Sie ein Food-Blogger sind oder in Ihrem Online-Shop Lebensmittel verkaufen, können Sie durch das Hinzufügen von Nährwertkennzeichnungen zu Ihren Rezepten und Produkten alle lebensmittelrechtlichen Anforderungen erfüllen.

Indem Sie die Verbraucher über den Kaloriengehalt, die Kohlenhydrate, das Eiweiß und andere Nährstoffe Ihrer Mahlzeiten informieren, ermöglichen Sie ihnen auch, fundierte Entscheidungen über ihre Ernährung zu treffen.

So können beispielsweise Diabetiker durch die Angabe der Nährwertangaben auf einem Rezept ihre Zuckeraufnahme überwachen und gesund bleiben.

Das Hinzufügen von Nährwertkennzeichnungen kann auch das SEO-Ranking Ihres WordPress-Blogs verbessern. Dies liegt daran, dass Suchmaschinen in der Regel Websites bevorzugen, die das Nutzererlebnis durch die Bereitstellung relevanter Informationen über ihre Produkte verbessern.

Sehen wir uns also an, wie Sie in WordPress ganz einfach Nährwertkennzeichnungen hinzufügen können.

Hinzufügen von Nährwertkennzeichnungen in WordPress

Mit Nutrifox können Sie in WordPress ganz einfach Nährwertkennzeichnungen hinzufügen.

Es handelt sich um einen Online-Generator für Nährwertkennzeichnungen, mit dem die Benutzer Nährwertangaben für ihre Lebensmittel oder Rezepte erstellen und anpassen können.

Erstellen eines Nährwertkennzeichnungsetiketts mit Nutrifox

Zuerst müssen Sie die Nutrifox-Website besuchen und sich für ein Konto anmelden, indem Sie auf die Schaltfläche „Start Your Free Trial“ in der oberen rechten Ecke des Bildschirms klicken.

Nutrifox bietet jedem eine 14-tägige Testphase an, nach der Sie etwa $9/Monat oder $89/Jahr bezahlen müssen.

Nachdem Sie ein Konto erstellt haben, werden Sie auf die Seite „Willkommen bei Nutrifox“ weitergeleitet.

Von hier aus klicken Sie einfach auf die Schaltfläche „Erstellen Sie Ihr erstes Rezept“, um loszulegen.

Daraufhin wird ein neuer Bildschirm angezeigt, in dem Sie einen Namen für das Rezept eingeben müssen, das Sie erstellen möchten.

Klicken Sie dann einfach auf die Schaltfläche „Weiter zu den Zutaten“.

Hinweis: Wenn Sie möchten, können Sie auch ein veröffentlichtes Rezept von Ihrer WordPress-Website in Nutrifox importieren, indem Sie auf den Link „Ein veröffentlichtes Rezept importieren“ klicken.

Daraufhin wird ein neuer Bildschirm angezeigt, auf dem Sie das Rezept erstellen können. Die Nährwertkennzeichnung befindet sich in der rechten Spalte des Bildschirms.

Sie können nun damit beginnen, die Felder für die Portionsgröße und die Anzahl der Portionen auszufüllen.

Wenn Sie zum Beispiel ein Rezept für einen roten Samtkuchen schreiben, müssen Sie 1 Scheibe als Portionsgröße angeben. Danach müssen Sie unter der Option „Portionen“ die Anzahl der Scheiben für den Kuchen angeben.

Geben Sie dann einfach die Zutatenliste des Rezepts in den Abschnitt „Zutaten“ ein und klicken Sie auf die Schaltfläche „Hinzufügen“.

Nach dem Hinzufügen des Rezepts wird die Nährwertkennzeichnung automatisch entsprechend den Informationen aktualisiert.

Anpassen der Nährwertkennzeichnung

Klicken Sie nun auf die Schaltfläche „Anpassen“ in der rechten Spalte, um das Faktenetikett zu gestalten.

Wählen Sie nun aus dem Dropdown-Menü den „Etikettenstil“ aus. Sie können „Tasty“, „FDA“ oder „Basic“ wählen.

Danach können Sie auch die Nährstoffe auswählen, die auf dem Nährwertkennzeichen angezeigt werden sollen, indem Sie den Schalter neben diesen Optionen umlegen.

Wenn Sie beispielsweise den prozentualen Anteil von Kalzium in der Mahlzeit anzeigen möchten, können Sie den Schalter neben der Option „Kalzium“ umlegen.

Wenn Sie mit Ihrer Nährwertkennzeichnung zufrieden sind, kopieren Sie die ID von der URL der Nutrifox-Website.

Diese Label-ID ist eine 4- bis 5-stellige Zahl, mit der Sie das Fakten-Label in Ihre WordPress-Website einbetten können.

Hinzufügen der Nährwertkennzeichnung zu einem WordPress-Beitrag

Nachdem Sie die Label-ID kopiert haben, gehen Sie zum Dashboard Ihrer WordPress-Website.

Sobald Sie dort sind, müssen Sie das Nutrifox WP Connector-Plugin installieren und aktivieren. Eine Anleitung finden Sie in unserer Schritt-für-Schritt-Anleitung zur Installation eines WordPress-Plugins.

Dieses Plugin fügt dem Gutenberg-Editor einen „Nutrifox-Etiketten“-Block hinzu, der es Ihnen ermöglicht, Nährwertkennzeichnungen zusammen mit Ihren Rezepten anzuzeigen.

Öffnen Sie nach der Aktivierung des Plugins die Seite oder den Beitrag, zu dem Sie das Fakten-Label hinzufügen möchten. Klicken Sie dann auf die Schaltfläche „Block hinzufügen“ (+) in der oberen linken Ecke des Bildschirms und suchen Sie den Block „Nutrifox Label“.

Sobald Sie ihn hinzugefügt haben, fügen Sie die Nutrifox-Etiketten-ID, die Sie zuvor kopiert haben, in den Block ein.

Klicken Sie abschließend auf die Schaltfläche „Veröffentlichen“ oder „Aktualisieren“, um Ihre Änderungen zu speichern.

Sie können jetzt Ihre Website besuchen, um die Nährwertkennzeichnung in Aktion zu sehen.

Bonus: Optimieren Sie Ihren Food-Blog mit leckeren Rezepten und fügen Sie Nährwertkennzeichnungen hinzu

Tasty Recipes ist das beste WordPress-Plugin für Rezepte auf dem Markt. Es ermöglicht Ihnen, Ihren Food-Blog für Rezept-SEO zu optimieren. Außerdem können Sie damit das Design und Layout Ihrer Rezeptkarten anpassen.

Darüber hinaus aktiviert es die Integration Ihrer Rezeptkarten mit Nutrifox, um Nährwertangaben zu den Rezepten hinzuzufügen.

Zuerst müssen Sie das Tasty Recipes Plugin installieren und aktivieren. Detaillierte Anweisungen finden Sie in unserer Anleitung zur Installation eines WordPress-Plugins.

Nach der Aktivierung gehen Sie auf die Seite Einstellungen “ Tasty Recipes und geben den Lizenzschlüssel ein. Sie finden diese Informationen auf der Seite Ihrer Tasty Recipes-Konten.

Wechseln Sie danach einfach auf die Registerkarte „Design“ im Bildschirm „Leckere Rezepte“.

Von hier aus können Sie in der Vorschauspalte auf der rechten Seite eine Designvorlage für die Rezeptkarte auswählen. Sie können die Vorlage auch mit den Bildschirmeinstellungen auf der linken Seite des Bildschirms weiter anpassen.

Sobald Sie dies getan haben, scrollen Sie zum Abschnitt „Nutrifox-Anzeige“ und vergewissern Sie sich, dass die Option „Nutrifox-Label (iframe) einfügen“ aktiviert ist.

Wenn Sie die Option „Als reinen Text einfügen“ wählen, müssen Sie die Details für die Nährwertkennzeichnung manuell eingeben.

Vergessen Sie nicht, auf die Schaltfläche „Änderungen speichern“ zu klicken, um Ihre Einstellungen zu speichern.

Wechseln Sie dann oben auf die Registerkarte „Einstellungen“, um die Plugin-Optionen zu konfigurieren.

Hier können Sie auswählen, welche Schaltflächen in den Rezepten angezeigt werden sollen, Kontrollkästchen neben den Zutaten anzeigen, den Benutzern die Umrechnung von Einheiten ermöglichen und Rezepte für verschiedene Portionsgrößen skalieren.

Sie können den Nutzern auch erlauben, die Zutaten mit einem einzigen Klick zu kopieren und das Rezept an anderer Stelle einzufügen.

Wenn Sie fertig sind, vergessen Sie nicht, auf die Schaltfläche „Änderungen speichern“ zu klicken, um Ihre Änderungen zu speichern.

Hinzufügen der Rezeptkarte und des Nährwertkennzeichens zu einem WordPress-Post

Um die Rezeptkarte und die Nährwertkennzeichnung zu Ihrer Website hinzuzufügen, müssen Sie einen neuen oder bestehenden Beitrag im Block-Editor in der WordPress-Admin-Seitenleiste öffnen.

Wenn Sie dort sind, klicken Sie einfach auf die Schaltfläche „Block hinzufügen“ (+) in der oberen linken Ecke des Bildschirms und suchen Sie den Block „Leckeres Rezept“.

Nach dem Hinzufügen des Blocks öffnet sich ein Popup-Fenster „Rezept erstellen“ im Block-Editor. Hier können Sie damit beginnen, einen Titel, eine Beschreibung, ein Bild und einen Autorennamen für die Rezeptkarte hinzuzufügen.

Geben Sie als Nächstes die Zutaten für das Rezept in den Abschnitt „Zutaten“ ein und fügen Sie die Anweisungen für die Benutzer in den Abschnitt „Anweisungen“ ein.

Danach blättern Sie zum Abschnitt „Nährwert“, wo Sie die Etiketten-ID für die Nährwertkennzeichnung hinzufügen müssen.

Dazu müssen Sie die Nutrifox-Website besuchen und die Nährwertkennzeichnung öffnen, die Sie in das Rezept integrieren möchten.

Sobald Sie dort sind, können Sie die Label-ID aus der URL der Website ablesen. Es handelt sich um eine 4- bis 5-stellige Zahl am Ende der URL.

Kopieren Sie es einfach und gehen Sie zurück zu Ihrem WordPress-Dashboard.

Fügen Sie dann die ID des Etiketts in das Feld „Nutrifox ID“ ein. Wenn Sie fertig sind, klicken Sie auf die Schaltfläche „Einfügen“, um die Rezeptkarte zum Block-Editor hinzuzufügen.

Klicken Sie abschließend auf die Schaltfläche „Aktualisieren“ oder „Veröffentlichen“, um Ihre Änderungen zu speichern.

Sie können nun Ihre WordPress-Website besuchen, um die Rezeptkarte mit der integrierten Nährwertkennzeichnung zu überprüfen.

Wir hoffen, dass dieser Artikel Ihnen geholfen hat, zu lernen, wie man Nährwertkennzeichnungen in WordPress anzeigt. Vielleicht interessieren Sie sich auch für unsere Anleitung zum Hinzufügen einer Schaltfläche „Zum Rezept springen“ in WordPress und unsere besten WordPress-Themes für Rezept-Blogs.

Wenn Ihnen dieser Artikel gefallen hat, dann abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Videotutorials. Sie können uns auch auf Twitter und Facebook finden.