کالری‌شمار شفاف: استانداردهای جهانی FDA و EU برای نمایش انرژی در سایت (ریاضیاتِ لاغری)

مشتری سایت خشکبار دو دسته است:

1. ورزشکار: دنبال کالری بالاست (برای حجم).

2. رژیمی: دنبال کالری پایین است (برای لاغری).

هر دو گروه به دنبال “شفافیت” هستند. اگر کالری را پنهان کنید یا مبهم بنویسید، هر دو را از دست می‌دهید.

استانداردهای جهانی جدید، قوانین سخت‌گیرانه‌ای برای فونت، سایز و نحوه نمایش عدد “کالری” وضع کرده‌اند که ما باید آن‌ها را از روی کاغذ به روی مانیتور بیاوریم.

استاندارد ۱: قانون جدید FDA (تمرکز روی واقعیت)

سازمان غذا و داروی آمریکا در سال ۲۰۱۶ استاندارد لیبل‌ها را تغییر داد. مهم‌ترین تغییر چه بود؟

عدد کالری باید “بزرگ” و “بولد” باشد.

• ویژگی‌ها:

  • فونت کلمه Calories باید حداقل ۲ برابر بزرگتر از بقیه متن‌ها باشد.

  • Serving Size (اندازه وعده): باید بر اساس “آنچه مردم واقعاً می‌خورند” باشد، نه آنچه “باید بخورند”.

  • مثال: قبلاً وعده پسته را ۲۰ گرم می‌زدند. الان ۳۰ گرم (یک مشت پر) استاندارد است.

پیاده‌سازی در سایت:

در صفحه محصول، عدد کالری نباید در یک جدول ریز در انتهای صفحه گم شود. باید مثل قیمت، درشت و در دید باشد.

استاندارد ۲: اتحادیه اروپا و بریتانیا (سیستم ۱۰۰ گرم)

اروپا علمی‌تر نگاه می‌کند. استاندارد اجباری اروپا “انرژی در هر ۱۰۰ گرم” است.

چرا؟ تا مشتری بتواند پسته (۵۶۰ کالری) را با چیپس (۵۳۰ کالری) مقایسه کند.

• واحد اندازه‌گیری: هم باید کیلوکالری (kcal) نوشته شود و هم کیلوژول (kJ).

  • فرمول تبدیل:

    $$1 \text{ kcal} = 4.184 \text{ kJ}$$

• سیستم Nutri-Score: این یک سیستم رنگی (از A سبز تا E قرمز) است که کیفیت کلی تغذیه را نشان می‌دهد. آجیل خام معمولاً A یا B می‌گیرد (چون چربی مفید دارد)، اما آجیل شور ممکن است C بگیرد.

چالش بزرگ: “توهم ۱۰۰ گرم” (Portion Distortion)

اینجا جایی است که تو باید هنرنمایی کنی.

اگر بنویسید “کالری گردو: ۶۵۴ در ۱۰۰ گرم”، مشتری وحشت می‌کند! (چون ۶۵۴ کالری یعنی یک وعده ناهار کامل).

اما واقعیت این است که هیچکس ۱۰۰ گرم گردو را یکجا نمی‌خورد. یک وعده معمول ۳۰ گرم (حدود ۷ گردو) است که می‌شود ۱۹۶ کالری.

راه حل طراحی (UI Solution):

از “سوئیچ دوگانه” (Toggle Switch) استفاده کن.

استراتژی طراحی وب برای امیررضا (Interactive UI)

چطور این اطلاعات خشک را جذاب کنیم؟

۱. جدول داینامیک (The Smart Table)

بالای جدول ارزش غذایی، یک دکمه سوئیچ بگذار:

• [🔘 نمایش در ۱۰۰ گرم] [⚪ نمایش در هر وعده (۳۰ گرم)]

• با کلیک کاربر، تمام اعداد جدول (چربی، قند، کالری) بلافاصله با جاوااسکریپت تغییر کنند.

• مزیت: هم استاندارد اروپا را رعایت کردی، هم مشتری را نترساندی.

۲. معادل‌سازی تصویری (Visual Equivalents)

مردم عدد “۲۰۰ کالری” را نمی‌فهمند. آن را ترجمه کن.

• یک آیکون کوچک کنار کالری بگذار:

  • 🥜 ۳۰ گرم پسته = ۱۶۰ کالری

  • 🏃‍♂️ معادل ۲۰ دقیقه پیاده‌روی سریع.

• این ویژگی “نرخ تبدیل” را به شدت بالا می‌برد چون حس عذاب وجدان را به “هدف ورزشی” تبدیل می‌کند.

۳. اسکیما مارک‌آپ (SEO Technical)

برای اینکه گوگل هم کالری محصولات تو را بفهمد و در نتایج جستجو نشان دهد، باید از Structured Data استفاده کنی.

<script type="application/ld+json">
{
  "@context": "https://schema.org/",
  "@type": "Product",
  "name": "پسته اکبری اعلا",
  "nutrition": {
    "@type": "NutritionInformation",
    "calories": "560 calories",
    "servingSize": "100 g",
    "carbohydrateContent": "27 g",
    "fatContent": "45 g",
    "proteinContent": "20 g"
  }
}
</script>

• نکته: وقتی این کد را در صفحه بگذاری، گوگل در نتایج موبایل، کالری محصول را زیر لینک سایت نشان می‌دهد. این یعنی کلیک خور بالاتر.

دیتابیس سریع (برای طراحی سایت)

برای شروع کار، این اعداد تقریبی (برای ۱۰۰ گرم خام) را داشته باش:

بخش پرسش و پاسخ فنی (FAQ)

۱. آیا باید برای محصولات فله هم جدول بزنیم؟

بله. حتی اگر روی کیسه نوشته نشده، در سایت باید باشد. مشتری آنلاین حق دارد بداند. این نشانه حرفه‌ای بودن شماست.

۲. چگونه کالری چیپس میوه را محاسبه کنیم؟

فرمول ساده: وزن میوه تازه تقسیم بر وزن میوه خشک.

معمولاً کالری میوه خشک ۳ تا ۴ برابر میوه تازه است (در وزن مساوی).

• سیب تازه: ۵۰ کالری.

• سیب خشک: ۲۴۰ کالری.

۳. بهترین افزونه وردپرس برای جدول تغذیه چیست؟

افزونه “WPC Product Nutrition” یا استفاده از فیلدهای سفارشی (ACF) که خودت طراحی کنی (که دومی برای تو بهتر است چون می‌توانی استایل اختصاصی بدهی).

جمع‌بندی: صداقت یعنی فروش

در گذشته، فروشندگان سعی می‌کردند کالری آجیل را پنهان کنند چون بالاست.

امروز، استراتژی برنده “صداقت” است.

بگویید: “بله، گردو کالری بالایی دارد، اما کالری آن از نوع چربی مفید است که شما را سیر نگه می‌دارد و در نهایت باعث لاغری می‌شود.”

به عنوان توسعه‌دهنده وب، ابزاری که می‌سازی (جدول تغییرپذیر و معادل‌سازی ورزشی)، به مشتری کمک می‌کند تا با این اعداد آشتی کند.

اقدام بعدی:

آیا می‌خواهی کد HTML/CSS/JS یک “جدول ارزش غذایی هوشمند” (با قابلیت سوئیچ بین ۱۰۰ گرم و ۳۰ گرم) را برایت بنویسم که آماده کپی کردن در ووکامرس باشد؟