Cómo Mostrar Etiquetas de Información Nutricional en WordPress

Las etiquetas de información nutricional brindan detalles sobre el contenido de nutrientes de los alimentos, incluyendo la cantidad de calorías, proteínas, grasas, carbohidratos y más.

Estas etiquetas ayudan a los usuarios a tomar decisiones de salud más informadas de acuerdo con sus dietas, y mostrarlas en tu sitio web de alimentos puede generar confianza con tu audiencia.

A lo largo de los años, hemos visto que muchos blogs de comida y recetas agregan etiquetas de información nutricional en sus sitios web, y como resultado han experimentado un aumento en el tráfico y la participación de los usuarios. Esto nos hizo darnos cuenta de que agregar etiquetas nutricionales es una estrategia muy efectiva para quienes están en la industria alimentaria.

En este artículo, te mostraremos cómo agregar fácilmente etiquetas de información nutricional en WordPress.

¿Por qué agregar etiquetas de información nutricional en WordPress?

Si eres un bloguero de comida, tienes un sitio web de negocio de nutrición, o vendes productos alimenticios en tu tienda en línea, entonces agregar etiquetas de información nutricional junto con tus recetas y productos puede ayudarte a cumplir con cualquier requisito regulatorio de alimentos.

Al informar a los consumidores sobre el contenido calórico, carbohidratos, proteínas y otros nutrientes de tus comidas, también les permites tomar decisiones informadas sobre sus dietas.

Por ejemplo, agregar una etiqueta de información nutricional a una receta permitirá a los diabéticos monitorear su ingesta de azúcar y mantenerse saludables.

Agregar etiquetas de información nutricional también puede mejorar el posicionamiento SEO de tu blog de WordPress. Esto se debe a que los motores de búsqueda suelen priorizar los sitios web que mejoran la experiencia del usuario al proporcionar información relevante sobre sus productos.

Dicho esto, veamos cómo puedes agregar fácilmente etiquetas de información nutricional en WordPress.

Cómo agregar etiquetas de información nutricional en WordPress

Puedes agregar fácilmente etiquetas de información nutricional en WordPress usando Nutrifox.

Es un generador de etiquetas nutricionales en línea que permite a los usuarios crear y personalizar información nutricional para sus productos alimenticios o recetas.

Crea una etiqueta de información nutricional con Nutrifox

Primero, necesitas visitar el sitio web de Nutrifox y registrarte para obtener una cuenta haciendo clic en el botón ‘Start Your Free Trial’ (Comienza tu prueba gratuita) en la esquina superior derecha de la pantalla.

Nutrifox ofrece una prueba de 14 días para todos, después de lo cual se te cobrarán aproximadamente $9/mes o $89/año.

Al crear una cuenta, serás dirigido a la página ‘Welcome to Nutrifox’ (Bienvenido a Nutrifox).

Desde aquí, simplemente haz clic en el botón ‘Create Your First Recipe’ (Crea tu primera receta) para comenzar.

Esto te llevará a una nueva pantalla, donde deberás ingresar un nombre para la receta que estás a punto de crear.

Una vez que hayas hecho eso, simplemente haz clic en el botón ‘Continue to Ingredients’ (Continuar a ingredientes).

Nota: Si lo deseas, también puedes importar una receta publicada a Nutrifox desde tu sitio web de WordPress haciendo clic en el enlace ‘import a published recipe’ (importar una receta publicada).

Esto te llevará a una nueva pantalla donde crearás la receta. La etiqueta de información nutricional estará en la columna derecha de la pantalla.

Ahora puedes empezar llenando los campos para el tamaño de la porción y el número de porciones.

Por ejemplo, si estás escribiendo una receta para un pastel de terciopelo rojo, entonces necesitarás agregar 1 rebanada como tamaño de porción. Después de eso, debes agregar el número de rebanadas que habrá en el pastel en la opción 'Porciones'.

Una vez que hayas hecho eso, simplemente escribe la lista de ingredientes de la receta en la sección 'Ingredientes' y haz clic en el botón 'Agregar'.

Después de que se haya agregado la receta, la etiqueta de información nutricional se actualizará automáticamente según la información.

Personaliza tus etiquetas de información nutricional

Ahora, haz clic en el botón 'Personalizar' en la columna de la derecha para estilizar la etiqueta de información.

Desde aquí, elige el 'Estilo de etiqueta' en el menú desplegable. Puedes elegir 'Sabroso', 'FDA' o 'Básico'.

Después de eso, también puedes seleccionar los nutrientes que deseas que se muestren en la etiqueta de información nutricional activando el interruptor junto a estas opciones.

Por ejemplo, si deseas mostrar el porcentaje de calcio en la comida, puedes activar el interruptor junto a la opción 'Calcio'.

Una vez que estés satisfecho con tu etiqueta de información nutricional, copia su ID de la URL del sitio web de Nutrifox.

Este ID de etiqueta es un número de 4 a 5 dígitos que te permite incrustar la etiqueta de información nutricional en tu sitio web de WordPress.

Agregar etiquetas de información nutricional a una publicación de WordPress

Después de copiar el ID de la etiqueta, dirígete al panel de control de tu sitio web de WordPress.

Una vez allí, necesitas instalar y activar el plugin Nutrifox WP Connector. Para obtener instrucciones, consulta nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.

Este plugin agregará un bloque de 'Etiqueta Nutrifox' al editor de Gutenberg que te permitirá mostrar etiquetas de información nutricional junto con tus recetas.

Después de activar el plugin, abre la página o publicación donde deseas agregar la etiqueta de información. Luego, haz clic en el botón 'Agregar bloque' (+) en la esquina superior izquierda de la pantalla y busca el bloque 'Etiqueta Nutrifox'.

Una vez que lo agregues, pega el ID de la etiqueta Nutrifox que copiaste anteriormente en el bloque.

Finalmente, haz clic en el botón ‘Publicar’ o ‘Actualizar’ para guardar tus cambios.

Ahora puedes visitar tu sitio web para ver la etiqueta de información nutricional en acción.

Extra: Usa Tasty Recipes para optimizar tu blog de comida y agregar etiquetas de información nutricional

Tasty Recipes es el mejor plugin de recetas de WordPress del mercado. Te permite optimizar tu blog de comida para SEO de recetas. También te permite ajustar el diseño y la distribución de tus tarjetas de recetas.

Además, te permite integrar tus tarjetas de recetas con Nutrifox para agregar etiquetas de información nutricional junto con las recetas.

Primero, necesitas instalar y activar el plugin Tasty Recipes. Para instrucciones detalladas, consulta nuestra guía sobre cómo instalar un plugin de WordPress.

Después de la activación, dirígete a la página Ajustes » Tasty Recipes e ingresa la clave de licencia. Puedes encontrar esta información en la página de tu cuenta de Tasty Recipes.

Después de eso, simplemente cambia a la pestaña ‘Diseño’ en la pantalla ‘Tasty Recipes’.

Desde aquí, puedes elegir una plantilla de diseño para la tarjeta de receta desde la columna de vista previa a la derecha. También puedes personalizar aún más la plantilla con la configuración en pantalla en el lado izquierdo de la pantalla.

Una vez que hayas hecho eso, desplázate hacia abajo hasta la sección ‘Nutrifox Display’ y asegúrate de que la opción ‘Insert Nutrifox label (iframe)’ esté marcada.

Si eliges la opción ‘Insert as plain text’, tendrás que ingresar manualmente los detalles de las etiquetas de información nutricional.

Finalmente, no olvides hacer clic en el botón ‘Guardar Cambios’ para almacenar tu configuración.

A continuación, cambia a la pestaña ‘Settings’ en la parte superior para configurar las opciones del plugin.

Desde aquí, puedes elegir qué botones mostrar en las recetas, mostrar casillas de verificación junto a los ingredientes, permitir a los usuarios convertir unidades y escalar recetas para diferentes tamaños de porciones.

También puedes permitir a los usuarios copiar los ingredientes con un solo clic y pegar la receta en otro lugar.

Una vez que hayas terminado, no olvides hacer clic en el botón ‘Save Changes’ para guardar tus cambios.

Agrega la Tarjeta de Receta y la Etiqueta de Información Nutricional a una Publicación de WordPress

Para agregar la tarjeta de receta y la etiqueta de información nutricional a tu sitio web, necesitas abrir una publicación nueva o existente en el editor de bloques desde la barra lateral de administración de WordPress.

Una vez que estés allí, simplemente haz clic en el botón ‘Agregar bloque’ (+) en la esquina superior izquierda de la pantalla y busca el bloque ‘Receta Sabrosa’.

Al agregar el bloque, se abrirá una ventana emergente ‘Crear Receta’ en el editor de bloques. Aquí, puedes comenzar agregando un título, descripción, imagen y nombre del autor para la tarjeta de receta.

A continuación, escribe los ingredientes de la receta en la sección ‘Ingredientes’ y agrega las instrucciones que los usuarios deben seguir en la sección ‘Instrucciones’.

Después de eso, desplázate hacia abajo hasta la sección ‘Nutrición’, donde debes agregar el ID de la etiqueta para las etiquetas de información nutricional.

Para hacerlo, tendrás que visitar el sitio web de Nutrifox y abrir la etiqueta de información nutricional que deseas integrar con la receta.

Una vez que estés allí, puedes obtener el ID de la etiqueta de la URL del sitio web. Será un número de 4 a 5 dígitos al final de la URL.

Simplemente cópialo y regresa a tu panel de WordPress.

A continuación, pega el ID de la etiqueta en el cuadro ‘ID de Nutrifox’. Una vez que hayas terminado, haz clic en el botón ‘Insertar’ para agregar la tarjeta de receta al editor de bloques.

Finalmente, haz clic en el botón ‘Actualizar’ o ‘Publicar’ para guardar tus cambios.

Ahora puedes visitar tu sitio de WordPress para ver la tarjeta de receta con la etiqueta de información nutricional integrada.

Esperamos que este artículo te haya ayudado a aprender cómo mostrar etiquetas de información nutricional en WordPress. También te puede interesar nuestro tutorial sobre cómo agregar un botón 'Saltar a la receta' en WordPress y nuestras mejores selecciones para los mejores temas de WordPress para blogs de recetas.

Si te gustó este artículo, suscríbete a nuestro canal de YouTube para obtener tutoriales en video de WordPress. También puedes encontrarnos en Twitter y Facebook.