รายงานสรุปงานที่ทำ
ครบทุกหน้า ดูได้ทั้งบนมือถือและคอม
ชื่อลิงก์เป็นคำไทยที่ลูกค้าพิมพ์หา
ทำไฟล์หน้าเสร็จวางไว้บนโฮสต์แล้ว
สั่งครั้งเดียว ได้ไฟล์พร้อมอัปขึ้นโฮสต์
สรุป
งานที่ส่งมอบ
| กลุ่ม | หน้า |
|---|---|
| หน้าหลัก | หน้าแรก, เกี่ยวกับเรา, บริการ, ผลงาน (Portfolio), ติดต่อเรา |
| เนื้อหาจากระบบหลังบ้าน | บทความ (รวม + รายบทความ), โครงการ (รวม + รายโครงการ) |
| หน้าตามข้อกำหนด | นโยบายความเป็นส่วนตัว, ข้อกำหนดการใช้งาน |
| อื่น ๆ | หน้า 404 |
ทุกหน้าเป็นงานออกแบบชุดเดียวกัน ใช้แถบเมนูและส่วนท้ายร่วมกันทั้งเว็บ รองรับการแสดงผลบนมือถือและเดสก์ท็อป
หัวใจของงานรอบนี้ แต่ละบริการได้หน้าของตัวเอง พร้อม URL ภาษาไทยที่ตรงกับสิ่งที่ลูกค้าพิมพ์หา:
| หน้า | URL |
|---|---|
| รับออกแบบบ้าน | apnth.com/รับออกแบบบ้าน |
| รับออกแบบคอนโด | apnth.com/รับออกแบบคอนโด |
| งานบิวท์อิน | apnth.com/งานบิวท์อิน |
| ตกแต่งภายในออฟฟิศ | apnth.com/ตกแต่งภายในออฟฟิศ |
| ตกแต่งภายในโรงแรม / ร้านค้า | apnth.com/ตกแต่งภายในโรงแรม-ร้านค้า |
| บริหารโครงการแบบครบวงจร (Turnkey) | apnth.com/บริหารโครงการ-turnkey |
แต่ละหน้ามีโครงเนื้อหาเหมือนกัน: หัวเรื่อง → รายละเอียดบริการ → ขั้นตอนการทำงาน 5 ขั้น → คำถามที่พบบ่อย → ช่องทางติดต่อ
ทั้ง 6 หน้าใช้เทมเพลตเดียวกัน แก้เนื้อหาที่ไฟล์ข้อมูลชุดเดียว เพิ่มหน้าที่ 7 ในอนาคตทำได้โดยไม่ต้องเขียนหน้าใหม่
นอกจากนี้ยังปรับให้ทุกทางเข้าชี้มาที่หน้าเหล่านี้:
ทำเป็นระบบกลางชุดเดียว ใช้ซ้ำได้ทุกหน้า ครอบคลุม:
ชื่อหน้า + คำอธิบาย
เฉพาะของแต่ละหน้า (ปรับข้อความหน้าแรกและหน้าบริการใหม่รอบนี้ด้วย)
ภาพและข้อความตอนแชร์
ลง Facebook / LINE / X
ข้อมูลโครงสร้าง (Structured Data) ที่ Google และ AI ใช้อ่าน
Canonical + hreflang (ไทย)
บอก Google ว่า URL ไหนคือตัวจริง กัน URL ซ้ำแย่งอันดับกันเอง
sitemap.xml + robots.txt
sitemap.xml สร้างอัตโนมัติตอน build รวมทุกหน้า รวมถึงบทความและโครงการที่ดึงสดจากระบบหลังบ้าน พร้อม robots.txt ที่ชี้ตำแหน่ง sitemap ให้ Google และกันบอทเข้าเส้นทางระบบหลังบ้าน
เว็บนี้เป็นเว็บแบบ Vue ซึ่งปกติเนื้อหาจะถูกสร้างตอนเบราว์เซอร์เปิด — ทำให้บอทของ Google บางครั้งเห็นหน้าว่าง รอบนี้แก้ด้วยการ สร้างไฟล์หน้าเว็บสำเร็จรูปไว้ตั้งแต่ตอน build ครอบคลุม 13 URL: หน้าแรก, เกี่ยวกับเรา, บริการ, Landing ทั้ง 6 หน้า, ผลงาน, ติดต่อ, นโยบายความเป็นส่วนตัว, ข้อกำหนดการใช้งาน (ที่ยังไม่ครอบคลุมคือหน้าบทความและหน้าโครงการ)
ผลคือหน้าเหล่านี้เปิดเร็วขึ้น และบอทเห็นเนื้อหาเต็มตั้งแต่วินาทีแรก
npm run build → ได้ทั้งไฟล์เว็บ + sitemap ที่ดึงข้อมูลบทความ/โครงการล่าสุดจริงnpm run pack → ได้โฟลเดอร์ deploy-out\web\ ลากขึ้น FileZilla ได้ทันที.htaccess) ให้ URL ภาษาไทยและทุกหน้าเปิดตรงได้ ไม่ 404 และเปิดบีบอัดไฟล์เพื่อให้โหลดเร็วขึ้นDEPLOY.md ภาษาไทย: ขั้นตอนอัปทีละขั้น, วิธีเช็คว่าขึ้นจริง, ตารางแก้ปัญหาที่เจอบ่อย (เช่น อาการหน้า “Testing 123.. / CentOS”) และเทคนิคอัปเฉพาะไฟล์ที่เปลี่ยน (จาก ~46MB เหลือไม่ถึง 1MB)