Pålitliga WordPress-handledningar, när du behöver dem som mest.
Nybörjarguide till WordPress
WPB Cup
25 miljoner+
Webbplatser som använder våra plugins
16+
År av WordPress-erfarenhet
3000+
WordPress-handledningar
av experter

Hur man visar näringsfaktaetiketter i WordPress

Näringsdeklarationer ger information om livsmedels näringsinnehåll, inklusive antal kalorier, protein, fett, kolhydrater och mer.

Dessa etiketter hjälper användare att fatta bättre informerade hälsobeslut enligt sina dieter, och att visa dem på din matwebbplats kan bygga förtroende hos din publik.

Under åren har vi sett många mat- och receptbloggar lägga till näringsfaktaetiketter på sina webbplatser, och de har som ett resultat upplevt ökad trafik och användarengagemang. Detta fick oss att inse att det att lägga till näringsdeklarationer är en mycket effektiv strategi för dem inom livsmedelsindustrin.

I den här artikeln visar vi dig hur du enkelt lägger till näringsfaktaetiketter i WordPress.

Visa näringsinformationetiketter i WordPress

Varför lägga till näringsfaktaetiketter i WordPress?

Om du är en matbloggare, har en näringsverksamhetswebbplats, eller säljer matvaror i din onlinebutik, kan tillägg av näringsfaktaetiketter tillsammans med dina recept och produkter hjälpa dig att följa eventuella reglerade livsmedelskrav.

Genom att informera konsumenterna om kaloriinnehåll, kolhydrater, protein och andra näringsämnen i dina måltider, gör du det också möjligt för dem att fatta välgrundade beslut om sina dieter.

Näringsdeklarationer

Till exempel, att lägga till en näringsdeklaration till ett recept gör det möjligt för diabetiker att övervaka sitt sockerintag och förbli friska.

Att lägga till näringsfaktaetiketter kan också förbättra SEO-rankingen för din WordPress-blogg. Detta beror på att sökmotorer vanligtvis prioriterar webbplatser som förbättrar användarupplevelsen genom att tillhandahålla relevant information om sina produkter.

Med det sagt, låt oss se hur du enkelt kan lägga till näringsfaktaetiketter i WordPress.

Hur man lägger till näringsfaktaetiketter i WordPress

Du kan enkelt lägga till näringsdeklarationer i WordPress med hjälp av Nutrifox.

Det är en online-generator för näringsdeklarationer som låter användare skapa och anpassa näringsinformation för sina matprodukter eller recept.

Skapa en näringsfaktaetikett med Nutrifox

Först måste du besöka Nutrifox-webbplatsen och registrera ett konto genom att klicka på knappen ‘Start Your Free Trial’ i det övre högra hörnet av skärmen.

Nutrifox erbjuder en 14-dagars provperiod till alla, varefter du debiteras cirka 9 USD/månad eller 89 USD/år.

Starta din kostnadsfria provperiod på Nutrifox

När du har skapat ett konto kommer du att dirigeras till sidan 'Välkommen till Nutrifox'.

Härifrån klickar du bara på knappen 'Skapa ditt första recept' för att komma igång.

Klicka på knappen Skapa ditt första recept

Detta tar dig till en ny skärm där du måste ange ett namn för receptet du ska skapa.

När du har gjort det klickar du bara på knappen 'Fortsätt till ingredienser'.

Notera: Om du vill kan du också importera ett publicerat recept till Nutrifox från din WordPress-webbplats genom att klicka på länken 'importera ett publicerat recept'.

Klicka på knappen Fortsätt till ingredienser

Detta tar dig till en ny skärm där du kommer att skapa receptet. Näringsfaktaetiketten kommer att finnas i skärmens högra kolumn.

Du kan nu börja med att fylla i fälten för serveringsstorlek och antal portioner.

Om du till exempel skriver ett recept på en red velvet-kaka, måste du lägga till 1 skiva som serveringsstorlek. Därefter måste du lägga till antalet skivor som kommer att finnas i kakan under alternativet 'Portioner'.

När du har gjort det, skriv helt enkelt in receptets ingredienslista i avsnittet 'Ingredienser' och klicka på knappen 'Lägg till'.

Ange antalet portioner och dess storlek och lägg sedan till ingredienserna för receptet

Efter att receptet har lagts till kommer näringsfaktaetiketten automatiskt att uppdateras enligt informationen.

Anpassa dina näringsfaktaetiketter

Klicka nu på knappen 'Customize' (Anpassa) i den högra kolumnen för att styla faktaetiketten.

Härifrån, välj sedan ‘Etikettstil’ från rullgardinsmenyn. Du kan välja ‘Tasty’, ‘FDA’ eller ‘Basic’.

Därefter kan du också välja de näringsämnen som du vill ska visas på näringsdeklarationen genom att växla omkopplaren bredvid dessa alternativ.

Om du till exempel vill visa procentandelen kalcium i måltiden kan du växla omkopplaren bredvid alternativet 'Kalcium'.

Anpassa näringsfaktaetiketter

När du är nöjd med din näringsfaktaetikett, kopiera dess ID från URL:en på Nutrifox-webbplatsen.

Detta etikett-ID är ett 4- till 5-siffrigt nummer som gör att du kan bädda in faktabladet på din WordPress-webbplats.

Kopiera etikett-ID från webbplatsens URL

Lägg till näringsfaktaetiketter till ett WordPress-inlägg

Efter att ha kopierat etikett-ID:t, gå till din WordPress-webbplats instrumentpanel.

När du är där måste du installera och aktivera pluginet Nutrifox WP Connector. För instruktioner, se vår steg-för-steg-guide om hur man installerar ett WordPress-plugin.

Notera: Tänk på att Nutrifox WP Connector inte har testats med de tre senaste versionerna av WordPress. Men när vi använde pluginet i realtid fungerade det bra. För detaljer, se vår guide om att använda föråldrade WordPress-plugins.

Detta plugin lägger till ett block för ‘Nutrifox-etikett’ i Gutenberg-redigeraren som låter dig visa näringsfaktaetiketter tillsammans med dina recept.

När pluginet har aktiverats, öppna sidan eller inlägget där du vill lägga till faktamärket. Klicka sedan på knappen ‘Lägg till block’ (+) längst upp till vänster på skärmen och leta upp blocket ‘Nutrifox Label’.

När du har lagt till det, klistra in Nutrifox-etikett-ID:t som du kopierade tidigare i blocket.

Lägg till Nutrifox Label-blocket och klistra in etikett-ID:t

Slutligen, fortsätt och klicka på knappen 'Publicera' eller 'Uppdatera' för att spara dina ändringar.

Du kan nu besöka din webbplats för att se näringsfaktaetiketten i praktiken.

Förhandsgranskning av näringsfaktaetiketter

Bonus: Använd Tasty Recipes för att optimera din matblogg och lägga till näringsfaktaetiketter

Tasty Recipes är det bästa WordPress-receptpluginet på marknaden. Det låter dig optimera din matblogg för recept-SEO. Det låter dig också justera designen och layouten på dina receptkort.

Dessutom gör det det möjligt för dig att integrera dina receptkort med Nutrifox för att lägga till näringsfaktaetiketter tillsammans med recepten.

Först måste du installera och aktivera pluginet Tasty Recipes. För detaljerade instruktioner, se vår guide om hur man installerar ett WordPress-plugin.

Efter aktivering, gå till sidan Inställningar » Tasty Recipes och ange licensnyckeln. Du hittar denna information under din Tasty Recipes-kontosida.

Tasty Recipes licensnyckel

Därefter, byt helt enkelt till fliken 'Design' på skärmen 'Tasty Recipes'.

Härifrån kan du välja en designtmall för receptkortet från förhandsgranskningskolumnen till höger. Du kan också anpassa mallen ytterligare med inställningarna på skärmen på vänster sida av skärmen.

Välj en mall för recept

När du har gjort det, scrolla ner till avsnittet 'Nutrifox Display' och se till att alternativet 'Insert Nutrifox label (iframe)' är markerat.

Om du väljer alternativet 'Infoga som ren text', måste du manuellt ange detaljerna för näringsfaktaetiketterna.

Slutligen, glöm inte att klicka på knappen 'Spara ändringar' för att spara dina inställningar.

Välj alternativet Infoga Nutrifox-etikett i näringsavsnittet

Byt sedan till fliken 'Inställningar' högst upp för att konfigurera plugin-alternativen.

Härifrån kan du välja vilka knappar som ska visas på recepten, visa kryssrutor bredvid ingredienser, tillåta användare att konvertera enheter och skala recept för olika portionsstorlekar.

Du kan också låta användare kopiera ingredienserna med ett enda klick och klistra in receptet någon annanstans.

När du är klar, glöm inte att klicka på knappen 'Spara ändringar' för att lagra dina ändringar.

Inställningar för receptplugin

Lägg till receptkortet och näringsfaktaetiketten till ett WordPress-inlägg

För att lägga till receptkortet och näringsfaktaetiketten på din webbplats måste du öppna ett nytt eller befintligt inlägg i blockredigeraren från WordPress admin sidofält.

När du är där, klicka helt enkelt på knappen 'Add Block' (+) längst upp till vänster på skärmen och hitta blocket 'Tasty Recipe'.

Lägg till Tasty Recipes-blocket i blockredigeraren

När du har lagt till blocket öppnas ett popup-fönster för 'Skapa recept' i blockredigeraren. Här kan du börja med att lägga till en titel, beskrivning, bild och författarnamn för receptkortet.

Skriv sedan in ingredienserna för receptet i avsnittet 'Ingredienser' och lägg till instruktionerna som användarna ska följa i avsnittet 'Instruktioner'.

Lägg till beskrivning, instruktioner och ingredienser för receptkortet

Efter det, scrolla ner till avsnittet 'Nutrition' (Näring), där du måste lägga till etikett-ID för näringsfaktaetiketterna.

För att göra det måste du besöka Nutrifox webbplats och öppna den näringsdeklaration som du vill integrera med receptet.

När du väl är där kan du hämta etikett-ID från webbplatsens URL. Det kommer att vara ett 4- till 5-siffrigt nummer i slutet av URL:en.

Hämta etikett-ID från Nutrifox webbplats

Kopiera det helt enkelt och gå tillbaka till din WordPress-instrumentpanel.

Klistra sedan in etikett-ID:t i rutan 'Nutrifox ID'. När du är klar klickar du på knappen 'Infoga' för att lägga till receptkortet i blockredigeraren.

Lägg till etikett-ID för Nutrifox

Klicka slutligen på knappen 'Uppdatera' eller 'Publicera' för att spara dina ändringar.

Du kan nu besöka din WordPress-webbplats för att kolla in receptkortet med näringsfaktaetiketten integrerad i det.

Förhandsgranskning av receptkort med näringsfaktaetiketter

Vi hoppas att den här artikeln hjälpte dig att lära dig hur du visar näringsdeklarationer i WordPress. Du kanske också vill se vår handledning om hur du lägger till en 'Hoppa till recept'-knapp i WordPress och våra toppval för bästa WordPress-teman för receptbloggar.

Om du gillade den här artikeln, prenumerera då på vår YouTube-kanal för WordPress-videoguider. Du kan också hitta oss på Twitter och Facebook.

Upplysning: Vårt innehåll stöds av läsarna. Det innebär att om du klickar på några av våra länkar kan vi tjäna en provision. Se hur WPBeginner finansieras, varför det är viktigt och hur du kan stödja oss. Här är vår redaktionella process.

Det ultimata WordPress-verktyget

Få GRATIS tillgång till vår verktygslåda - en samling WordPress-relaterade produkter och resurser som alla proffs bör ha!

Läsarnas interaktioner

5 CommentsLeave a Reply

  1. Tack för inlägget om att visa näringsfaktaetiketter! Den här artikeln introducerade mig till Nutrifox, ett fantastiskt verktyg för att generera näringsdeklarationer. Det är otroligt hjälpsamt och en ögonöppnare, särskilt för matbloggare som behöver tillhandahålla korrekt näringsinformation. En av mina vänner säljer förpackade livsmedelsprodukter och har bett mig att bygga en webbplats åt honom. Det här verktyget kommer att vara ovärderligt för att säkerställa att hans kunder har all information de behöver direkt på produktsidan. Nutrifox är definitivt något jag kommer att rekommendera och använda!

  2. Fantastisk handledning om att lägga till näringsetiketter på receptbloggar!
    Att ge detaljerad näringsinformation kan verkligen få en matblogg att sticka ut.
    Tack WPBeginner för ytterligare en praktisk, steg-för-steg-guide som kan göra verklig skillnad för matbloggare!
    Ni är BÄST!!

  3. Detta var mycket hjälpsamt! Fråga, när man köper ett Nutrifox-konto/prenumeration måste man manuellt skapa en näringsdeklaration för varje enskilt recept på din webbplats? Detta verkar ta evigheter. Eller finns det ett sätt att importera din befintliga receptkatalog i bulk?

    • 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. Detta är ett utmärkt tillskott till receptet och jag tror att varje matbloggare som är seriös borde använda det. Detta är avgörande för vår hälsa och våra matkonsumtionsbeslut, men folk är fortfarande inte tillräckligt medvetna. Jag önskar att matbloggare hade startat trenden med att ge oss näringsinformation för 10 eller till och med 15 år sedan, men sådana detaljerade inlägg är tyvärr en nisch.
    Detta är inte bara användbart utan ser verkligen bra ut!

Lämna ett svar

Tack för att du väljer att lämna en kommentar. Tänk på att alla kommentarer modereras enligt vår kommentarspolicy, och din e-postadress kommer INTE att publiceras. Använd INTE nyckelord i namn fältet. Låt oss ha en personlig och meningsfull konversation.