toolsDetail.projectRecordtoolsDetail.categories.gbptoolsDetail.statuses.livetoolsDetail.updatedOn

GBP MenuMaker

เมนูที่เป็นมิตรกับ SEO สำหรับธุรกิจท้องถิ่น ดึงและจัดโครงสร้างเมนูธุรกิจจาก Google Maps อัตโนมัติด้วย Gemini สร้างหน้าเว็บสาธารณะที่ Google และ AI อ่านได้

ร้านอาหารและคาเฟ่ท้องถิ่นส่วนใหญ่ยังซ่อนเมนูไว้ในไฟล์ PDF หรือรูปบน Facebook ซึ่ง Google และผู้ช่วยค้นหา AI มองไม่เห็น GBP MenuMaker เปลี่ยนรูปถ่ายเมนูจริงให้กลายเป็นหน้าเว็บสาธารณะที่มีโครงสร้าง สองภาษา และมาร์กอัปครบถ้วน ภายในไม่กี่นาที โดยไม่ต้องกรอกข้อมูลเอง

toolsDetail.openTool →

toolsDetail.overview

GBP MenuMaker ซึ่งใช้งานได้จริงที่ mapsbusinessfinder.com เป็นเครื่องมือฟรีที่มอบเว็บไซต์จริงจังให้ธุรกิจท้องถิ่น โดยสร้างขึ้นรอบ ๆ Google Business Profile ของพวกเขา เจ้าของธุรกิจค้นหารายชื่อของตนด้วย Google Places Autocomplete ซึ่งดึงที่อยู่ พิกัด หมวดหมู่ และรูปภาพมาให้อัตโนมัติ จากนั้นอัปโหลดรูปเมนูหรือรายการราคาที่มีอยู่ Gemini อ่านภาพและแยกออกเป็นหมวด รายการ คำอธิบาย และราคาที่มีโครงสร้าง พร้อมเผยแพร่เป็นหน้าเว็บที่ค้นหาได้ในไม่กี่นาที

เครื่องมือนี้สร้างมาเพื่อธุรกิจที่มีเวลาน้อยที่สุดและมีความช่วยเหลือด้านเทคนิคน้อยที่สุด: ร้านอาหารอิสระ คาเฟ่ และธุรกิจอาหารหรือบริการอื่น ๆ ที่มีตัวตนบนเว็บจริง ๆ แค่ Google Business Profile แทนที่จะให้พวกเขากรอกฟอร์มหรือจ้างนักออกแบบเว็บ GBP MenuMaker ทำงานแปลงข้อมูลที่น่าเบื่อให้แทน แล้วส่งหน้าเว็บที่พวกเขาชี้ให้ลูกค้าดูได้กลับมา

เหตุผลที่เรื่องนี้สำคัญต่อ Local SEO เป็นเรื่องเชิงโครงสร้าง ไม่ใช่แค่ความสวยงาม รูปถ่ายเมนูมองไม่เห็นสำหรับเสิร์ชเอนจินและผู้ช่วย AI ที่ตอบคำถามอย่าง “ร้านนี้ขายอะไร” หรือ “จะหาผัดไทยเจใกล้ฉันได้ที่ไหน” ทุกเมนูที่ GBP MenuMaker แยกออกมาจะถูกเผยแพร่พร้อมมาร์กอัป schema.org Menu, MenuSection และ MenuItem ครบถ้วน แท็กอาหารจับคู่กับประเภทอาหารที่ระบบรู้จัก และราคาที่มีโครงสร้าง ทำให้ข้อมูลชุดเดียวกับที่ลูกค้าเห็นบนหน้าเว็บ เครื่องอ่านได้ทั้งสำหรับ Google และผลิตภัณฑ์ค้นหา AI เชิงสร้างสรรค์ที่ทำ answer-engine optimization

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

toolsDetail.keyFeatures

แปลงรูปถ่ายเป็นเมนู

อัปโหลดรูปเมนูจริง แล้วโมเดล vision ของ Gemini จะแยกหมวด ชื่อรายการ คำอธิบาย ราคา สกุลเงิน แท็กอาหาร และประเภทเมนูอย่าง Signature Dish หรือ Chef Recommendation ออกมาเป็นเมนู JSON ที่มีโครงสร้าง พร้อมสร้างฟิลด์ทั้งภาษาอังกฤษและภาษาไทยอัตโนมัติ

คำอธิบายธุรกิจที่อ้างอิงข้อมูลจริง

การประมวลผลของ Gemini อีกรอบ ที่ใช้เครื่องมืออ้างอิงข้อมูลจาก Google Search และ Google Maps เขียนส่วนเกี่ยวกับร้าน บรรยากาศ จุดเด่น สถานที่สำคัญใกล้เคียง และ FAQ เฉพาะของธุรกิจ พร้อมส่งลิงก์แหล่งที่มาที่ใช้กลับมา เพื่อให้ตรวจสอบเนื้อหาได้แทนที่จะเชื่อโดยไม่ตั้งคำถาม

มาร์กอัปข้อมูลโครงสร้างครบถ้วน

ทุกหน้าที่เผยแพร่แสดงมาร์กอัป schema.org ประเภท LocalBusiness/Restaurant, Menu แบบเต็มพร้อมรายการ MenuSection และ MenuItem, ราคาแบบ Offer, แท็กความเหมาะสมด้านอาหาร, ข้อมูลโภชนาการเมื่อมี และ schema FAQPage ทั้งหมดสร้างฝั่งเซิร์ฟเวอร์จากข้อมูลที่จัดเก็บไว้

สองภาษาเป็นค่าเริ่มต้น

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

รายละเอียดธุรกิจจาก Google Maps

Places Autocomplete ดึงที่อยู่ พิกัด หมวดหมู่ และรูปภาพเมื่อเพิ่มธุรกิจครั้งแรก และหน้าที่เผยแพร่ฝัง Google Map แบบสด พร้อมวิดเจ็ตรีวิวและคะแนนจาก Google Places เพื่อให้ผู้เข้าชมไม่ต้องออกจากหน้า

แดชบอร์ดเจ้าของและขั้นตอนยืนยันสิทธิ์

เจ้าของตัวจริงสามารถยืนยันสิทธิ์ธุรกิจผ่าน Google Sign-In ได้ ซึ่งให้แดชบอร์ดสำหรับแก้ไขหมวดและรายการเมนู จัดการประกาศ และสร้างเนื้อหา AI ใหม่ พร้อมมุมมองแอดมินแยกต่างหากสำหรับดูแลรายชื่อ

toolsDetail.architecture

ฟรอนต์เอนด์แอปหน้าเดียวที่สร้างด้วย React 18 และ TypeScript บน Vite ใช้ React Router สำหรับนำทาง Tailwind CSS สำหรับจัดสไตล์ Intlayer สำหรับรองรับหลายภาษา และ react-helmet-async สำหรับใส่ meta tag และ JSON-LD ต่อหน้า

โมเดล AI / visionโมเดล Gemini ของ Google ผ่าน SDK @google/genai ซึ่งเรียกจากแบ็กเอนด์ Cloudflare Worker เท่านั้น เพื่อไม่ให้ API key รั่วไปที่เบราว์เซอร์: โมเดลที่รองรับ vision แยกข้อมูลเมนูที่มีโครงสร้างจากรูปที่อัปโหลดตาม JSON schema ที่เข้มงวด ส่วนโมเดลตัวที่สองซึ่งเร็วกว่าจัดการการสร้างคำอธิบายธุรกิจที่อ้างอิงข้อมูลจริงและการแปลอังกฤษ/ไทย

แบ็กเอนด์ / ข้อมูลFirebase ให้ Firestore สำหรับข้อมูลธุรกิจ หมวดเมนู และรายการเมนู, Firebase Storage สำหรับรูปภาพ และ Firebase Authentication พร้อม Google Sign-In ทั้งสำหรับเจ้าของธุรกิจที่ยืนยันสิทธิ์รายชื่อและแอดมินของแพลตฟอร์ม

โฮสติ้ง / edgeSPA ที่ build แล้วถูกเสิร์ฟเป็น static asset บน Cloudflare Workers ตั้งค่าด้วย SPA fallback routing คำขอไปยัง /api/ai/* จะถูกส่งไปที่ Worker ก่อน ซึ่งตรวจสอบ Firebase ID token ของผู้เรียกก่อนส่งต่อคำขอใด ๆ ไปยัง Gemini ทำให้ปลายทาง AI ต้องยืนยันตัวตนและเป็น same-origin เท่านั้น

การสร้างหน้าเว็บสาธารณะธุรกิจที่ยืนยันสิทธิ์แล้วแต่ละรายได้หน้าเว็บสาธารณะเฉพาะ ซึ่งประกอบ JSON-LD ของ LocalBusiness/Restaurant, Menu และ FAQPage ตรงจากข้อมูล Firestore ที่จัดเก็บไว้ตอนเรนเดอร์ ทำให้ข้อมูลโครงสร้างตรงกับสิ่งที่ผู้เข้าชมเห็นบนหน้าเสมอ

ReactTypeScriptViteFirebaseGemini APICloudflare Workers

toolsDetail.bottomCtaQuestion

toolsDetail.browseAllTools →