Lifestyle Content Platform — เว็บไซต์ไลฟ์สไตล์ครบวงจร ด้านอาหาร การท่องเที่ยว และการทำอาหาร
รับงานปรับปรุงและพัฒนาต่อจากนักพัฒนาเดิม โดยแก้ไขปัญหาที่ค้างอยู่และยกระดับเว็บไซต์ไลฟ์สไตล์ที่ครอบคลุม 4 หมวดหลัก ได้แก่ กิน ท่องเที่ยว ทำอาหาร และบทความ ด้วยการพัฒนา Custom Gutenberg Block, ผสาน Google APIs, สร้างระบบ Schema Markup สำหรับ SEO และแทนที่ Plugin สำเร็จรูปด้วย Custom Code ที่มีประสิทธิภาพและควบคุมได้มากกว่า
ปัญหาที่โปรเจกต์นี้แก้ไข
เว็บไซต์มีปัญหาสะสมจากการพัฒนาในช่วงก่อนหน้า ทั้งโค้ดที่ไม่เป็นระเบียบ Plugin ที่ไม่ตอบโจทย์ และการแสดงผลที่ไม่สอดคล้อง อีกทั้งยังขาด SEO Structure ที่ดีพอสำหรับ Content ประเภทอาหารและสถานที่ท่องเที่ยว ซึ่งมีการแข่งขันสูงในผลการค้นหาของ Google
ฟีเจอร์หลักที่พัฒนา
Google APIs Integration
- ผสาน Google Maps API เพื่อแสดงตำแหน่งร้านอาหารและสถานที่ท่องเที่ยวในบทความ
- ดึงข้อมูลจาก Google Places API เช่น ชื่อสถานที่ เวลาเปิด-ปิด และรีวิว มาแสดงผลในบทความโดยอัตโนมัติ
- นำเสนอข้อมูล Location อย่างสวยงามและเป็นประโยชน์กับผู้อ่านโดยตรง
Custom Gutenberg Block Components
- พัฒนา Custom Block สำหรับการจัดวาง Layout บทความแต่ละหมวดโดยเฉพาะ
- Block ที่ออกแบบมาให้ทีม Content ใช้งานได้ง่ายโดยไม่ต้องเขียนโค้ด
- แต่ละ Block รองรับการปรับแต่งที่ยืดหยุ่นและแสดงผลสวยงามในทุก Device
- ควบคุม Output HTML ให้สะอาดและเป็นมาตรฐานทุก Block
Schema Markup & SEO Optimization
- พัฒนา Schema Markup ครบทุกประเภทที่เกี่ยวข้อง ได้แก่ Recipe Schema, Restaurant Schema, Article Schema และ LocalBusiness Schema
- ทำให้บทความมีสิทธิ์แสดงผลเป็น Rich Results บน Google Search เช่น Recipe Card และ Star Rating
- ปรับ Structured Data ให้ตรงตามแนวทางล่าสุดของ Google Search Guidelines
- ทดสอบและแก้ไข Schema Error ทุกจุดด้วย Google Rich Results Test
Custom Recipe System แทน Plugin สำเร็จรูป
- พัฒนาระบบ Recipe ขึ้นมาเอง แทนที่ Plugin Recipe Maker เดิมที่มีข้อจำกัดและ Code ที่ไม่จำเป็น
- Custom Recipe Block ที่แสดงผล Ingredient, Step-by-step Instructions, เวลาทำอาหาร และข้อมูลโภชนาการ
- Output HTML ที่สะอาดและฝัง Recipe Schema Markup ไว้อย่างถูกต้องโดยอัตโนมัติ
- ลด Plugin Dependency และเพิ่ม Performance ให้กับเว็บไซต์โดยรวม
แก้ไขปัญหาจากนักพัฒนาเดิม
- ปรับปรุง Performance และลบ Code ที่ไม่จำเป็นออก
- Audit และจัดระเบียบ Codebase เดิมที่ไม่เป็นมาตรฐาน
- แก้ไข Bug และปัญหาการแสดงผลที่ค้างอยู่จากการพัฒนาก่อนหน้า
