Vertrauenswürdige WordPress-Tutorials, wenn Sie sie am dringendsten benötigen.
Anfängerleitfaden für WordPress
WPB Cup
25 Millionen+
Websites, die unsere Plugins verwenden
16+
Jahre WordPress-Erfahrung
3000+
WordPress-Tutorials von Experten

So zeigen Sie Nährwertangaben-Etiketten in WordPress an

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

Diese Etiketten helfen den Nutzern, fundiertere Ernährungsentscheidungen zu treffen, und die Anzeige auf Ihrer Food-Website kann Vertrauen bei Ihrem Publikum aufbauen.

Im Laufe der Jahre haben wir gesehen, wie viele Food- und Rezept-Blogs Nährwertangaben auf ihren Websites hinzugefügt haben, und sie haben infolgedessen mehr Traffic und Nutzerengagement erfahren. Das hat uns gezeigt, dass das Hinzufügen von Nährwertangaben eine äußerst effektive Strategie für Unternehmen in der Lebensmittelbranche ist.

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

Nährwertangaben-Etiketten in WordPress anzeigen

Warum Nährwertangaben in WordPress hinzufügen?

Wenn Sie ein Food-Blogger sind, eine Ernährungsberatungs-Website haben oder Lebensmittel in Ihrem Online-Shop verkaufen, dann kann das Hinzufügen von Nährwertangaben zu Ihren Rezepten und Produkten Ihnen helfen, alle gesetzlichen Lebensmittelanforderungen zu erfüllen.

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

Nährwertkennzeichnungen

Zum Beispiel wird das Hinzufügen eines Nährwertkennzeichens zu einem Rezept Diabetikern ermöglichen, ihre Zuckeraufnahme zu überwachen und gesund zu bleiben.

Das Hinzufügen von Nährwertangaben kann auch die SEO-Rankings Ihres WordPress-Blogs verbessern. Das liegt daran, dass Suchmaschinen normalerweise Websites priorisieren, die die Benutzererfahrung verbessern, indem sie relevante Informationen über ihre Produkte bereitstellen.

Lassen Sie uns nun sehen, wie Sie ganz einfach Nährwertangaben-Etiketten in WordPress hinzufügen können.

So fügen Sie Nährwertkennzeichen in WordPress hinzu

Sie können ganz einfach Nährwertkennzeichen in WordPress mit Nutrifox hinzufügen.

Es ist ein Online-Generator für Nährwertkennzeichnungen, mit dem Benutzer Nährwertinformationen für ihre Lebensmittelprodukte oder Rezepte erstellen und anpassen können.

Erstellen Sie ein Nährwertangaben-Etikett 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 einen 14-tägigen Testzeitraum an, danach werden Ihnen etwa 9 $/Monat oder 89 $/Jahr berechnet.

Starten Sie Ihre kostenlose Testversion auf Nutrifox

Nach der Erstellung eines Kontos werden Sie zur Seite „Willkommen bei Nutrifox“ weitergeleitet.

Klicken Sie von hier aus einfach auf die Schaltfläche „Erstes Rezept erstellen“, um loszulegen.

Klicken Sie auf die Schaltfläche Erstellen Sie Ihr erstes Rezept

Dies führt Sie zu einem neuen Bildschirm, auf dem Sie einen Namen für das Rezept eingeben müssen, das Sie erstellen möchten.

Sobald Sie das getan haben, klicken Sie einfach auf die Schaltfläche „Weiter zu 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.

Klicken Sie auf die Schaltfläche Weiter zu Zutaten

Dies führt Sie zu einem neuen Bildschirm, auf dem Sie das Rezept erstellen. Das Nährwertkennzeichen befindet sich in der rechten Spalte des Bildschirms.

Sie können nun mit dem Ausfüllen der Felder für die Portionsgröße und die Anzahl der Portionen beginnen.

Wenn Sie zum Beispiel ein Rezept für einen Red Velvet Cake schreiben, müssen Sie 1 Scheibe als Portionsgröße hinzufügen. Danach müssen Sie die Anzahl der Scheiben, die im Kuchen enthalten sein werden, unter der Option „Portionen“ hinzufügen.

Sobald Sie dies getan haben, geben Sie einfach die Zutatenliste des Rezepts in den Abschnitt „Zutaten“ ein und klicken Sie auf die Schaltfläche „Hinzufügen“.

Geben Sie die Portionen und deren Größe ein und fügen Sie dann die Zutaten für das Rezept hinzu

Nachdem das Rezept hinzugefügt wurde, wird das Nährwertkennzeichen automatisch entsprechend den Informationen aktualisiert.

Passen Sie Ihre Nährwertkennzeichen an

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

Wählen Sie hier aus dem Dropdown-Menü den ‚Label Style‘ aus. Sie können ‚Tasty‘, ‚FDA‘ oder ‚Basic‘ auswä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 Kalziumgehalt einer Mahlzeit anzeigen möchten, können Sie den Schalter neben der Option „Kalzium“ umlegen.

Nährwertangaben-Etiketten anpassen

Wenn Sie mit Ihrem Nährwertkennzeichen zufrieden sind, kopieren Sie dessen ID aus 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.

Kopieren Sie die ID der Labels aus der Website-URL

Fügen Sie die Nährwertkennzeichen zu einem WordPress-Beitrag hinzu

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

Sobald Sie dort sind, müssen Sie das Plugin Nutrifox WP Connector installieren und aktivieren. Anleitungen finden Sie in unserem Schritt-für-Schritt-Leitfaden zum Thema Installation eines WordPress-Plugins.

Hinweis: Beachten Sie, dass der Nutrifox WP Connector nicht mit den letzten drei Versionen von WordPress getestet wurde. Als wir das Plugin jedoch in Echtzeit verwendet haben, hat es gut funktioniert. Details finden Sie in unserem Leitfaden zum Verwenden veralteter WordPress-Plugins.

Dieses Plugin fügt dem Gutenberg-Editor einen 'Nutrifox-Label'-Block hinzu, mit dem Sie Nährwertangaben zusammen mit Ihren Rezepten anzeigen können.

Nach der Aktivierung des Plugins öffnen Sie die Seite oder den Beitrag, auf dem Sie das Fakten-Label hinzufügen möchten. Klicken Sie dann oben links auf dem Bildschirm auf die Schaltfläche „Block hinzufügen“ (+) und suchen Sie den Block „Nutrifox Label“.

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

Fügen Sie den Nutrifox Label-Block hinzu und fügen Sie die Label-ID ein

Klicken Sie schließlich auf die Schaltfläche 'Veröffentlichen' oder 'Aktualisieren', um Ihre Änderungen zu speichern.

Sie können nun Ihre Website besuchen, um das Nährwertkennzeichen in Aktion zu sehen.

Vorschau für Nährwertkennzeichnungen

Bonus: Verwenden Sie Tasty Recipes, um Ihren Food-Blog zu optimieren und Nährwertangaben-Etiketten hinzuzufügen

Tasty Recipes ist das beste WordPress-Rezept-Plugin auf dem Markt. Es ermöglicht Ihnen, Ihren Food-Blog für Rezept-SEO zu optimieren. Es ermöglicht Ihnen auch, das Design und Layout Ihrer Rezeptkarten anzupassen.

Zusätzlich ermöglicht es Ihnen, Ihre Rezeptkarten mit Nutrifox zu integrieren, um neben den Rezepten Nährwertangaben hinzuzufügen.

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

Nach der Aktivierung gehen Sie zur Seite Einstellungen » Tasty Recipes und geben Sie den Lizenzschlüssel ein. Diese Informationen finden Sie auf der Seite Ihres Tasty Recipes-Kontos.

Tasty Recipes Lizenzschlüssel

Wechseln Sie danach einfach zum Tab 'Design' auf dem Bildschirm 'Tasty Recipes'.

Von hier aus können Sie eine Designvorlage für die Rezeptkarte aus der Vorschau-Spalte auf der rechten Seite auswählen. Sie können die Vorlage auch mit den Einstellungen auf dem Bildschirm auf der linken Seite weiter anpassen.

Wählen Sie eine Vorlage für das Rezept

Sobald Sie dies getan haben, scrollen Sie nach unten zum Abschnitt „Nutrifox Display“ und stellen Sie sicher, dass die Option „Nutrifox-Label einfügen (iframe)“ aktiviert ist.

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

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

Wählen Sie im Ernährungsbereich die Option „Nutrifox-Etikett einfügen“

Wechseln Sie als Nächstes oben zum Tab „Einstellungen“, um die Plugin-Optionen zu konfigurieren.

Von hier aus können Sie auswählen, welche Schaltflächen auf den Rezepten angezeigt werden sollen, Kontrollkästchen neben den Zutaten anzeigen, Benutzern das Konvertieren von Einheiten ermöglichen und Rezepte für verschiedene Portionsgrößen skalieren.

Sie können Benutzern auch erlauben, die Zutaten mit einem einzigen Klick zu kopieren und das Rezept woanders einzufügen.

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

Rezept-Plugin-Einstellungen

Fügen Sie die Rezeptkarte und das Nährwertetikett zu einem WordPress-Beitrag hinzu

Um die Rezeptkarte und das Nährwertangaben-Etikett zu Ihrer Website hinzuzufügen, müssen Sie einen neuen oder vorhandenen Beitrag im Block-Editor über die Admin-Seitenleiste von WordPress öffnen.

Sobald Sie dort sind, klicken Sie einfach oben links auf dem Bildschirm auf die Schaltfläche „Block hinzufügen“ (+) und suchen Sie den Block „Tasty Recipe“.

Fügen Sie den Tasty Recipes-Block zum Block-Editor hinzu

Nach dem Hinzufügen des Blocks öffnet sich ein 'Rezept erstellen'-Popup im Block-Editor. Hier können Sie mit dem Hinzufügen eines Titels, einer Beschreibung, eines Bildes und des Autornamens für die Rezeptkarte beginnen.

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.

Beschreibung, Anweisungen und Zutaten für die Rezeptkarte hinzufügen

Scrollen Sie danach nach unten zum Abschnitt „Nährwerte“, wo Sie die Label-ID für die Nährwertangaben-Etiketten 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 abrufen. Es handelt sich um eine 4- bis 5-stellige Zahl am Ende der URL.

Holen Sie sich die Label-ID von der Nutrifox-Website

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

Fügen Sie als Nächstes die Label-ID in das Feld „Nutrifox ID“ ein. Sobald Sie fertig sind, klicken Sie auf die Schaltfläche „Einfügen“, um die Rezeptkarte zum Block-Editor hinzuzufügen.

Label-ID für Nutrifox hinzufü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 dem integrierten Nährwertetikett zu überprüfen.

Vorschau der Rezeptkarte mit Nährwertangaben

Wir hoffen, dieser Artikel hat Ihnen geholfen zu lernen, wie Sie Nährwertkennzeichen in WordPress anzeigen. Möglicherweise möchten Sie auch unser Tutorial zum Hinzufügen eines „Zum Rezept springen“-Buttons in WordPress und unsere Top-Auswahl für die besten WordPress-Themes für Rezeptblogs sehen.

Wenn Ihnen dieser Artikel gefallen hat, abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Video-Tutorials. Sie finden uns auch auf Twitter und Facebook.

Offenlegung: Unsere Inhalte werden von unseren Lesern unterstützt. Das bedeutet, wenn Sie auf einige unserer Links klicken, können wir eine Provision verdienen. Sehen Sie wie WPBeginner finanziert wird, warum das wichtig ist und wie Sie uns unterstützen können. Hier ist unser Redaktionsprozess.

Das ultimative WordPress-Toolkit

Erhalten Sie KOSTENLOSEN Zugang zu unserem Toolkit – eine Sammlung von WordPress-bezogenen Produkten und Ressourcen, die jeder Profi haben sollte!

Leserinteraktionen

5 CommentsLeave a Reply

  1. Danke für den Beitrag zur Anzeige von Nährwertangaben! Dieser Artikel hat mich auf Nutrifox aufmerksam gemacht, ein fantastisches Werkzeug zur Erstellung von Nährwertetiketten. Es ist unglaublich hilfreich und aufschlussreich, besonders für Food-Blogger, die genaue Nährwertinformationen bereitstellen müssen. Ein Freund von mir verkauft verpackte Lebensmittel und hat mich gebeten, eine Website für ihn zu bauen. Dieses Werkzeug wird von unschätzbarem Wert sein, um sicherzustellen, dass seine Kunden alle Informationen erhalten, die sie benötigen, direkt auf der Produktseite. Nutrifox ist definitiv etwas, das ich empfehlen und verwenden werde!

  2. Tolle Anleitung zum Hinzufügen von Nährwertangaben zu Rezept-Blogs!
    Detaillierte Nährwertinformationen können einen Food-Blog wirklich hervorheben.
    Danke WPBeginner für eine weitere praktische Schritt-für-Schritt-Anleitung, die für Food-Blogger einen echten Unterschied machen kann!
    Ihr seid die BESTEN!!

  3. Das war sehr hilfreich! Frage: Muss man bei einem Nutrifox-Konto/Abonnement für jedes einzelne Rezept auf Ihrer Website manuell ein Nährwertetikett erstellen? Das scheint ewig zu dauern. Oder gibt es eine Möglichkeit, Ihren bestehenden Rezeptkatalog in großen Mengen zu importieren?

    • It would depend on how the recipe is formatted but there is an importer that we show in our screenshot if the recipe is published online :)

      Admin

  4. Dies ist eine großartige Ergänzung zum Rezept und ich denke, jeder Food-Blogger, der ernsthaft ist, sollte es nutzen. Dies ist entscheidend für unsere Gesundheit und unsere Ernährungsentscheidungen, aber die Menschen sind sich dessen immer noch nicht bewusst genug. Ich wünschte, Food-Blogger hätten den Trend, uns Nährwertinformationen vor 10 oder sogar 15 Jahren zu geben, aber solch detaillierte Beiträge sind leider eine Nische.
    Dies ist nicht nur nützlich, sondern sieht auch wirklich toll aus!

Hinterlasse eine Antwort

Vielen Dank, dass Sie einen Kommentar hinterlassen. Bitte beachten Sie, dass alle Kommentare gemäß unserer Kommentarrichtlinie moderiert werden und Ihre E-Mail-Adresse NICHT veröffentlicht wird. Bitte verwenden Sie KEINE Schlüsselwörter im Namensfeld. Führen wir ein persönliches und bedeutungsvolles Gespräch.