วิธีสร้างแอปสูตรอาหาร: สูตร การปรับปริมาณ รายการซื้อของ และการค้นหา

แอปสูตรอาหารคือคอลเลกชันของสูตรที่มีการค้นหาที่ดี หน้าการทำอาหารที่ชัดเจน และตัวช่วยในครัวอีกสองสามอย่าง ได้แก่ การปรับจำนวนที่เสิร์ฟ การแปลงหน่วย และการเปลี่ยนสูตรเป็นรายการซื้อของ ไม่ว่าจะเป็นสมุดสูตรอาหารประจำครอบครัว บล็อกอาหารที่มีการ์ดสูตร หรือผลิตภัณฑ์สูตรอาหารสำหรับคนอื่น การตัดสินใจเดียวที่ทำให้ทุกอย่างทำงานได้คือการเก็บส่วนผสมเป็นข้อมูลที่มีโครงสร้าง ไม่ใช่เป็นย่อหน้าข้อความ เมื่อทำถูกต้อง ฟีเจอร์ที่มีประโยชน์จะทำได้ง่าย

ตัดสินใจว่าเป็นแอปสูตรอาหารแบบไหน

โครงสร้างข้อมูลเหมือนกันในทั้งสี่ประเภท สิ่งที่เปลี่ยนคือใครเขียนได้ และหน้าต้องถูกค้นพบโดยเครื่องมือค้นหาหรือไม่

แอปสูตรอาหารต้องมีอะไรบ้าง

หน้าเว็บ

• รายการสูตรหรือหน้าแรก การ์ดพร้อมรูป หัวข้อ เวลารวม และแท็ก
• หน้าสูตร มุมมองสำหรับการทำอาหาร: รูป ตัวควบคุมจำนวนที่เสิร์ฟ รายการส่วนผสม ขั้นตอนที่มีหมายเลข หมายเหตุ
• การค้นหาและตัวกรอง ตามชื่อ ตามส่วนผสม ตามแท็ก (มังสวิรัติ ทำเร็ว ของหวาน) ตามเวลา
• เพิ่มและแก้ไขสูตร แบบฟอร์มที่จัดการส่วนผสมทีละบรรทัด
• คอลเลกชัน เช่น "ทำในวันธรรมดา" "คริสต์มาส" "สูตรของแม่"
• รายการซื้อของ สร้างจากสูตรเดียวหรือหลายสูตร

ข้อมูล

• สูตร หัวข้อ slug คำอธิบาย จำนวนที่เสิร์ฟ เวลาเตรียม เวลาทำ รูป แท็ก แหล่งที่มา ผู้เขียน การมองเห็น
• ส่วนผสม สูตร ลำดับ ปริมาณ หน่วย ชื่อ หมายเหตุ ("สับละเอียด") กลุ่มที่เลือกได้ ("สำหรับซอส")
• ขั้นตอน สูตร ลำดับ ข้อความ ตัวจับเวลา (ไม่บังคับ)
• คอลเลกชัน และ รายการในคอลเลกชัน
• รายการซื้อของ ผู้ใช้ ชื่อส่วนผสม ปริมาณ หน่วย สถานะที่ติ๊กแล้ว

ปริมาณควรเป็นตัวเลข "1 ½ ถ้วย" จะกลายเป็นปริมาณ 1.5 หน่วย ถ้วย เก็บรายการหน่วยเล็ก ๆ ที่แอปเข้าใจ และอนุญาตข้อความอิสระ ("หยิบมือ" "ตามชอบ") ที่ไม่มีปริมาณ

สิทธิ์การเข้าถึง

สมุดสูตรส่วนตัวต้องมีบัญชีเดียวและสูตรที่เป็นส่วนตัว สมุดสูตรครอบครัวต้องมีคอลเลกชันที่ใช้ร่วมกันซึ่งหลายคนแก้ไขได้ เว็บสาธารณะต้องมีผู้อ่านที่ไม่ต้องเข้าสู่ระบบและบรรณาธิการ ชุมชนต้องมีสมาชิกที่เป็นเจ้าของสูตรของตนเองและผู้ดูแลที่ซ่อนเนื้อหาใดก็ได้

ฟีเจอร์ที่ทำให้ใช้งานคุ้มค่า

การปรับจำนวนที่เสิร์ฟ คูณทุกปริมาณด้วย จำนวนที่เสิร์ฟใหม่ ÷ จำนวนที่เสิร์ฟเดิม แสดงเศษส่วนที่อ่านง่าย (¾ ถ้วย ไม่ใช่ 0.75 ถ้วย) และปัดปริมาณที่เป็นเศษแปลก ๆ บางอย่างไม่ได้ปรับเป็นสัดส่วนเชิงเส้น เช่น เครื่องปรุง เวลาอบ ขนาดกระทะ ดังนั้นหมายเหตุสั้น ๆ ในสูตรจะช่วยได้

การแปลงหน่วย สวิตช์เมตริก/อิมพีเรียล (US) แปลงปริมาตรและน้ำหนักภายในประเภทของตัวเอง การแปลงถ้วยแป้งเป็นกรัมต้องมีความหนาแน่นของส่วนผสมแต่ละอย่าง ซึ่งเป็นฟีเจอร์ภายหลัง ไม่ใช่ตอนแรก

โหมดทำอาหาร ตัวอักษรขนาดใหญ่ ทีละขั้นตอนหรือรายการเลื่อนพร้อมช่องติ๊ก และหน้าจอที่ไม่ดับขณะทำอาหาร (เบราว์เซอร์รองรับ screen wake lock ในอุปกรณ์หลายรุ่น) นี่คือฟีเจอร์ที่คนจะขอบคุณคุณ

รายการซื้อของ รวมส่วนผสมจากหลายสูตร ผสานส่วนผสมเดียวกันที่หน่วยเดียวกัน จัดกลุ่มตามทางเดินในร้าน และให้คนติ๊กรายการขณะซื้อได้

การค้นหาตามส่วนผสม "ทำอะไรได้บ้างจากไก่กับต้นหอม?" ทำได้เพราะส่วนผสมเป็นระเบียนแยกกัน ดู วิธีเพิ่มการค้นหาในแอปของคุณ

SEO สำหรับหน้าสูตรสาธารณะ

หากต้องการให้คนค้นหาสูตรของคุณเจอ แต่ละสูตรต้องมี URL ของตัวเอง หัวข้อและคำอธิบายที่ไม่ซ้ำกัน และเนื้อหาสูตรที่อยู่ใน HTML ตั้งแต่โหลดหน้า ไม่ใช่วาดทีหลังด้วย JavaScript เพิ่มข้อมูลโครงสร้าง schema.org Recipe ได้แก่ ส่วนผสม ขั้นตอน เวลา จำนวนที่เสิร์ฟ รูป โดยสร้างจากฐานข้อมูลของคุณเพื่อให้ตรงกับหน้าเสมอ ใส่คะแนนเฉพาะเมื่อมีคนจริงให้คะแนนไว้บนหน้า คู่มือข้อมูลโครงสร้างคืออะไร ของเราอธิบาย markup และเอกสารของ Google ระบุฟิลด์ที่ใช้

ตัวอย่างพรอมต์แรก

สร้างแอปสูตรอาหารประจำครอบครัว ออกแบบให้ใช้บนมือถือเป็นหลัก สูตรแต่ละสูตรมีหัวข้อ รูป จำนวนที่เสิร์ฟ เวลาเตรียมและเวลาทำ แท็ก ส่วนผสม และขั้นตอนที่มีหมายเลข เก็บส่วนผสมแต่ละรายการเป็นระเบียนของตัวเองพร้อมปริมาณ หน่วย ชื่อ และหมายเหตุ จัดกลุ่มในส่วนที่เลือกได้ เช่น "สำหรับซอส" หน้าสูตรมีตัวควบคุมจำนวนที่เสิร์ฟที่ปรับทุกปริมาณและแสดงเศษส่วนที่อ่านง่าย สวิตช์หน่วยเมตริก/US และโหมดทำอาหารที่มีตัวอักษรขนาดใหญ่ ช่องติ๊กขั้นตอน และหน้าจอที่ไม่ดับ ค้นหาตามชื่อสูตรหรือส่วนผสม และกรองตามแท็กและเวลารวม ผู้ใช้บันทึกสูตรลงคอลเลกชันได้ และเพิ่มสูตรหนึ่งหรือหลายสูตรลงรายการซื้อของที่รวมส่วนผสมที่ตรงกันและให้ฉันติ๊กรายการได้ สมาชิกครอบครัวเข้าสู่ระบบด้วยอีเมลและรหัสผ่าน และใช้สมุดสูตรร่วมกันที่ทุกคนแก้ไขได้ บันทึกทุกอย่างในฐานข้อมูลและเก็บรูปในที่เก็บไฟล์ เพิ่มสูตรตัวอย่างหกสูตร

ขั้นตอนการสร้าง

1. หน้าสูตรพร้อมข้อมูลตัวอย่าง ทำมุมมองการทำอาหารให้ดีเยี่ยมบนมือถือก่อนสิ่งอื่น
2. การป้อนส่วนผสมแบบมีโครงสร้าง แบบฟอร์มที่แต่ละบรรทัดคือปริมาณ หน่วย ส่วนผสม และหมายเหตุ เพิ่มกล่อง "วางรายการ" ที่แยกข้อความเป็นบรรทัด แล้วให้ผู้ทำแก้ไขส่วนที่แยกผิด
3. การปรับจำนวนและหน่วย ทดสอบกรณียาก ๆ: ⅓ ถ้วยคูณสอง ไข่หนึ่งฟองหารสอง "เกลือตามชอบ"
4. การค้นหาและตัวกรอง
5. รายการซื้อของ รวม "หัวหอมสองหัว" กับ "หัวหอมหนึ่งหัว" เป็น "หัวหอมสามหัว" แยกหน่วยที่ต่างกันไว้ ไม่ต้องเดา
6. การเข้าสู่ระบบและการแชร์ ดู วิธีเพิ่มการเข้าสู่ระบบในแอปของคุณ
7. รูปภาพ ปรับขนาดตอนอัปโหลดเพื่อให้หน้าเร็ว
8. หน้าสาธารณะและ markup (หากเป็นสาธารณะ) จากนั้นเผยแพร่และตรวจซอร์สของหน้าสูตร

ข้อผิดพลาดที่พบบ่อย

• ส่วนผสมเป็นช่องข้อความเดียว คุณจะเสียการปรับจำนวน รายการซื้อของ และการค้นหาตามส่วนผสม
• ทศนิยมบนหน้าจอ "0.333 ถ้วย" ใช้ไม่ได้ ให้แสดงเป็นเศษส่วน
• เรื่องราวชีวิตก่อนสูตร ในแอปของคุณเอง ให้วางส่วนผสมไว้ใกล้ด้านบน พร้อมลิงก์ "ไปที่สูตร" หากมีเรื่องเล่า
• รูปขนาดเต็ม รูปจากมือถือมีขนาดใหญ่ ให้ปรับขนาดและบีบอัด
• คัดลอกสูตรของเว็บอื่นมาเผยแพร่สาธารณะ การนำเข้าเพื่อใช้ส่วนตัวเป็นเรื่องหนึ่ง การเผยแพร่ข้อความและรูปของคนอื่นเป็นอีกเรื่องหนึ่ง
• คะแนนปลอมในข้อมูลโครงสร้าง เครื่องมือค้นหาอาจลงโทษ markup ที่ทำให้เข้าใจผิดได้
• ตัวเลขโภชนาการที่นำเสนอว่าแม่นยำ หากคุณคำนวณโภชนาการ ให้บอกว่าเป็นค่าประมาณและระบุแหล่งข้อมูล

เมื่อแอปสูตรอาหารสำเร็จรูปเป็นทางเลือกที่ดีกว่า

หากต้องการบันทึกและทำอาหารจากสูตรของตัวเอง แอปจัดการสูตรอาหารที่มีอยู่แล้วนำเข้าจากเว็บได้ ซิงก์ข้ามอุปกรณ์ และใช้งานออฟไลน์ได้ สำหรับบล็อกอาหาร แพลตฟอร์มบล็อกที่มีปลั๊กอินการ์ดสูตรจัดการ markup และมุมมองสำหรับพิมพ์ได้ตั้งแต่แรก

สร้างเองเมื่อคุณต้องการสิ่งที่เครื่องมือเหล่านั้นทำไม่ได้: ระบบสูตรสำหรับธุรกิจที่มีการคำนวณต้นทุนหรือการติดตามสารก่อภูมิแพ้ สมุดสูตรที่ใช้ร่วมกันในครอบครัวใหญ่พร้อมโครงสร้างของคุณเอง สูตรที่เชื่อมกับแผนมื้ออาหารหรือร้านค้า หรือการออกแบบที่เป็นของคุณทั้งหมด หากเป้าหมายจริงคือการวางแผนมื้ออาหารทั้งสัปดาห์ ให้อ่าน วิธีสร้างแอปวางแผนมื้ออาหาร ต่อ

สร้างกับ Mythex

ใน Mythex คุณอธิบายแอปสูตรอาหารในแชท ตรวจมุมมองการทำอาหารในกรอบขนาดมือถือของพรีวิวสด แล้วเผยแพร่ไปยังที่อยู่สาธารณะที่ครอบครัวหรือผู้อ่านเปิดบนโทรศัพท์และเพิ่มลงหน้าจอหลักได้ Mythex เพิ่มฐานข้อมูล Postgres ของตัวเองสำหรับสูตรและส่วนผสม และที่เก็บไฟล์สำหรับรูปเมื่อแอปต้องการ การเข้าสู่ระบบใช้วิธีของคุณเอง คุณเลือกวิธีและเอเจนต์เชื่อมให้ ในแพ็กเกจ Pro Mythex ยังห่อแอปเป็นแอป Android และ iPhone ได้ ส่งไปยังการทดสอบภายใน Google Play และ TestFlight สำหรับเว็บสูตรอาหารสาธารณะ ดูเทมเพลตเว็บไซต์บล็อกอาหาร และคู่มือวิธีสร้างเว็บแอปที่ใช้งานได้บนมือถือ ของเรา

คำถาม