美食网页最容易被误解成一组漂亮的菜品图片。真正影响下单的，是顾客能否快速看懂口味、分量、价格、过敏原和配送条件。AI 可以帮助整理菜单、生成页面结构和补充文案，但库存、价格和承诺必须来自真实经营数据。
先按顾客的选择顺序组织内容
顾客通常先看今天有什么，再判断适不适合自己，最后才决定如何下单。首页可以展示招牌菜和营业状态；菜单页补充口味、分量、价格和限制；详情页说明过敏原、加料和配送；结算页再确认时间和地址。
| 内容 | 必须真实的字段 | 页面表达 |
|---|---|---|
| 菜品 | 名称、分量、价格、供应状态 | 清晰图片和简短说明 |
| 口味 | 辣度、甜度、主要食材 | 标签和可选项 |
| 限制 | 过敏原、制作时间、配送范围 | 详情中的醒目提示 |
| 下单 | 取餐或配送时间、支付方式 | 明确步骤和反馈 |
用事实清单约束 AI 文案
把每道菜的事实整理成表格，再让 AI 生成不同长度的介绍。要求它不能添加未提供的功效、产地或销量，也不能把“暂时售罄”写成“即将供应”。这样页面文案会更可信，也便于后续更新。
菜品：番茄鸡肉饭
事实：鸡腿肉、番茄、米饭；微辣；现做约 15 分钟
价格：按后台菜单为准
限制：含乳制品；不承诺无交叉过敏
输出：卡片简介、详情说明、移动端短标题把库存和营业状态放进页面状态
网页要区分可售、售罄、预订、暂停配送和已打烊。按钮文字和下一步也应随状态变化。不要让 AI 生成的静态页面把所有菜品都显示成可购买。
先做一条完整下单路径
- 选择菜品和规格。
- 确认库存、价格和制作时间。
- 选择取餐或配送方式。
- 提交后显示订单号和下一步。
第一版只验证一条真实路径，再增加优惠券、会员和多门店。路径中每一步都要有失败反馈和重新选择入口。
图片和文字要为手机阅读服务
菜品图片要保留真实比例和光线，不用过度修饰掩盖分量。标题和价格在小屏幕上要优先可见，长描述折叠展示。让 AI 协助改写时，先固定事实，再调整字数。
上线前检查经营边界
- 菜单价格、营业时间和库存是否与后台一致。
- 过敏原、辣度和配送范围是否清楚。
- 售罄、打烊和下单失败是否有明确反馈。
- 订单提交后能否找到真实的客服或门店入口。
如果需要做更复杂的网页应用，可参考站内的AI网页应用的数据与权限设计；页面结构拆解可以参考AI网页页面结构方法。
美食网页的高质量，不在于把菜品写得多夸张，而在于让顾客在下单前获得足够真实、清楚的信息。
