Skip to main content

กำลังโหลด...

Southern Whale
บริการของเราเว็บ Staticอัปเดตอัตโนมัติ

Headless WordPress หน้าเว็บ Static

Headless WordPress + Static Front End

หลังบ้านเป็น WordPress ที่ทีมงานคุ้นเคย หน้าบ้านเป็นไฟล์ static ที่โหลดเร็วและแฮกยาก กดบันทึกแล้วเว็บสร้างใหม่ให้เองภายในราว 30 วินาที พร้อมพรีวิวก่อนเผยแพร่

ราคาเริ่มต้น
฿5,000/ เว็บเล็ก ภาษาเดียว
ตรวจเงื่อนไขโฮสต์ให้ก่อนเสนอราคา
บริการทำ Headless WordPress หน้าเว็บ static โดยทีมพัฒนา Southern Whale
5,000฿
เริ่มต้น
~30 วิ
จากกดบันทึกถึงขึ้นเว็บ
0
ฐานข้อมูลฝั่งผู้เข้าชม
มี
พรีวิวก่อนเผยแพร่

เว็บที่ผู้เข้าชมไม่เคยแตะ WordPress เลย

บริการนี้คืออะไร

เว็บ WordPress ปกติจะประกอบหน้าขึ้นมาใหม่ทุกครั้งที่มีคนเปิด ต้องเรียกฐานข้อมูล รันปลั๊กอิน แล้วค่อยส่ง HTML ออกไป นั่นคือที่มาของทั้งความช้าเวลาคนเข้าเยอะ และช่องโหว่ที่ต้องคอยอุดทุกเดือน

แบบ headless เราแยกสองอย่างนี้ออกจากกัน WordPress ยังอยู่ และทีมงานยังแก้เนื้อหาในหลังบ้านเดิมที่คุ้นเคย แต่หน้าเว็บที่ลูกค้าเห็นถูกสร้างไว้ล่วงหน้าเป็นไฟล์ แล้ววางไว้เฉย ๆ ผู้เข้าชมจึงได้ไฟล์ที่พร้อมอยู่แล้ว ไม่ต้องรอให้เซิร์ฟเวอร์คิดอะไรเลย

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

ทำงานอย่างไร ตั้งแต่กดบันทึกจนขึ้นเว็บ

How it works
1

ทีมงานแก้เนื้อหาใน WordPress

เปิดหลังบ้าน WordPress ที่คุ้นเคย แก้ข้อความ เปลี่ยนรูป เพิ่มหน้า จัดลำดับเซกชัน เหมือนใช้ WordPress ปกติทุกอย่าง

2

กดบันทึก ระบบจดคิวให้

WordPress ทำหน้าที่แค่บันทึกและตั้งธงว่ามีของใหม่ ไม่ได้ build เอง เพราะโฮสต์แบบแชร์มักจำกัดหน่วยความจำจนงาน build ล้ม

3

ตัวรันฝั่งเซิร์ฟเวอร์สร้างเว็บใหม่

ตัวเฝ้าคิวเห็นธง ดึงข้อมูลจาก WordPress มาเก็บเป็นไฟล์ แล้วสร้างหน้าเว็บทั้งหมดใหม่ พร้อมตรวจความถูกต้องก่อนเผยแพร่

4

หน้าเว็บใหม่ขึ้นใน 30 วินาที

ไฟล์ใหม่ถูกวางทับของเดิม หน้าไหนที่ถูกลบก็ถูกเก็บกวาดตามรายการจริง ผู้เข้าชมเห็นเวอร์ชันใหม่ทันทีโดยไม่มีช่วงเว็บล่ม

ดีกว่าอย่างไร

จุดเด่นของบริการ

เร็วเพราะไม่มีอะไรให้คิดตอนเปิดหน้า

ผู้เข้าชมได้ไฟล์ HTML ที่สร้างไว้แล้ว ไม่มีการเรียกฐานข้อมูลหรือรัน PHP ระหว่างเปิดหน้า จึงเร็วและนิ่งแม้คนเข้าพร้อมกันเยอะ

แฮกได้ยากกว่ามาก

หน้าเว็บที่คนทั่วไปเห็นเป็นไฟล์นิ่ง ไม่มีฟอร์มล็อกอินและไม่มีปลั๊กอินให้เจาะ ส่วนหลังบ้าน WordPress ปิดไม่ให้คนนอกเข้าถึงได้

แก้เองได้ทุกอย่างเหมือนเดิม

ทุกข้อความ รูป เมนู ป้ายกำกับ และลำดับเซกชัน แก้ได้ในหลังบ้าน เป้าหมายคือไม่มีข้อความที่ฝังในโค้ดจนต้องเรียกนักพัฒนา

พรีวิวฉบับร่างก่อนเผยแพร่

กดพรีวิวแล้วได้ลิงก์ดูหน้าจริงของฉบับร่าง เหมือนเว็บจริงทุกอย่าง โดยที่ผู้เข้าชมยังไม่เห็น เหมาะกับงานที่ต้องให้ผู้บริหารอนุมัติก่อน

เนื้อหาพังไม่ทำให้เว็บล่ม

ชั้นแปลงข้อมูลออกแบบให้ไม่พังเวลาฟิลด์ว่าง รูปหาย หรือค่าผิดประเภท ถ้า build ไม่ผ่านการตรวจ ระบบจะไม่เผยแพร่ ของเดิมยังอยู่

ค่าโฮสต์ถูกและรองรับคนเยอะ

ไฟล์ static กินทรัพยากรน้อยมาก เว็บที่คนเข้าหลักหมื่นต่อวันมักยังอยู่บนโฮสต์ราคาปกติได้ และต่อ CDN เพิ่มได้ง่าย

เงื่อนไขโฮสต์ที่ต้องมี

ตรวจก่อนรับงานเสมอ

ถ้าโฮสต์ปัจจุบันไม่ผ่านข้อไหน เราบอกตั้งแต่ก่อนเสนอราคา พร้อมทางเลือกว่าจะย้ายแผน ย้ายโฮสต์ หรือให้ระบบสร้างเว็บทำงานที่อื่นแล้วส่งไฟล์กลับมา

ต้องมี Node.js สำหรับสร้างเว็บ
การสร้างหน้า static ต้องใช้ Node.js เวอร์ชัน 20 ขึ้นไป จะรันบนโฮสต์เดียวกับ WordPress ก็ได้ ถ้าโฮสต์ให้ใช้ SSH และติดตั้ง Node ได้ หรือจะย้ายไป build บน VPS หรือบริการ CI แล้วส่งไฟล์กลับมาก็ได้
ต้องมี SSH และตั้งงานตามเวลาได้
เราวางตัวเฝ้าคิวไว้ให้รันทุกนาที เพื่อคอยดูว่ามีงานใหม่ไหม โฮสต์จึงต้องตั้ง cron ได้ ถ้าโฮสต์ปัจจุบันทำไม่ได้ เราช่วยหาแผนที่รองรับหรือใช้ CI แทน
พื้นที่พอสำหรับสร้างเว็บและเก็บไฟล์
ต้องมีพื้นที่สำหรับโค้ด แพ็กเกจ และไฟล์ที่สร้างเสร็จ เว็บทั่วไปใช้ราว 1 ถึง 3 GB เราตรวจให้ก่อนเริ่ม และปรับวิธีถ้าพื้นที่จำกัด
WordPress ต้องเปิด REST API
ตัวสร้างเว็บดึงเนื้อหาผ่าน REST API ของ WordPress ถ้าโฮสต์หรือปลั๊กอินความปลอดภัยปิดไว้ ต้องเปิดเฉพาะเส้นทางที่ใช้ ซึ่งเราตั้งค่าให้ได้
แยกโดเมนหรือเส้นทางของหลังบ้าน
หลังบ้าน WordPress จะอยู่คนละที่กับหน้าเว็บ เช่น โดเมนย่อยของทีมงาน และปิดไม่ให้เสิร์ชเอนจินเก็บ เพื่อไม่ให้เนื้อหาซ้ำกับเว็บจริง
รับไฟล์อัปโหลดขนาดใหญ่ได้
ถ้าลูกค้าอัปโหลดรูปใหญ่มาก โฮสต์ต้องตั้งค่าอัปโหลดและหน่วยความจำของ PHP ให้พอ เราปรับขนาดรูปอัตโนมัติให้อยู่แล้ว แต่ต้นทางต้องอัปโหลดได้ก่อน

หน้าบ้านไม่จำเป็นต้องเป็น Astro

เลือกได้ตามทีมของคุณ

วิธีทำงานเหมือนกันหมด ต่างกันแค่เครื่องมือที่ใช้สร้างหน้าเว็บ

Astro
ค่าเริ่มต้นที่เราแนะนำ เพราะออกหน้าเว็บที่แทบไม่มี JavaScript ส่วนเกิน และโครงสร้างอ่านง่ายสำหรับคนที่มาดูแลต่อ
Next.js แบบ static export
เหมาะถ้าทีมของคุณเขียน React อยู่แล้ว และอยากใช้คอมโพเนนต์เดิมต่อ
Nuxt แบบ static
เหมาะกับทีมที่ถนัด Vue หรือมีดีไซน์ระบบที่ทำไว้บน Vue แล้ว
Eleventy และ Hugo
เหมาะกับเว็บเนื้อหาล้วนที่อยากได้เวลาสร้างเว็บเร็วมากแม้มีหน้าหลายพันหน้า

Headless เทียบกับ WordPress ล้วน

เลือกให้ตรงกับธุรกิจ

เราทำทั้งสองแบบ และจะแนะนำแบบที่เหมาะกับคุณจริง ๆ ไม่ใช่แบบที่ราคาสูงกว่า

หัวข้อHeadless + StaticWordPress ล้วน
เวลาที่เนื้อหาขึ้นเว็บราว 30 วินาทีหลังกดบันทึกทันทีที่กดบันทึก
ความเร็วหน้าเว็บเร็วที่สุด เพราะเป็นไฟล์นิ่งเร็วได้ ถ้าตั้งแคชดี
ความปลอดภัยฝั่งผู้เข้าชมไม่มีฐานข้อมูลและปลั๊กอินให้โจมตีต้องอัปเดตและเฝ้าระวังต่อเนื่อง
ความต้องการของโฮสต์ต้องมี Node, SSH และ cron หรือใช้ CIโฮสต์ PHP ทั่วไปก็พอ
งานดูแลระยะยาวมีระบบเบื้องหลังให้ดูแลเพิ่มอัปเดตปลั๊กอินและธีมตามปกติ
ระบบสมาชิกและตะกร้าต้องพึ่งบริการภายนอกทำได้ในตัว
ค่าโฮสต์เมื่อคนเข้าเยอะถูก เพราะเสิร์ฟไฟล์นิ่งต้องอัปเกรดเครื่องตามโหลด

ถ้าอ่านแล้วรู้สึกว่าธุรกิจต้องการแก้แล้วขึ้นทันที ดูบริการ แปลงเว็บ HardCode เป็น WordPress 100% แทน

รายการส่งมอบ

ได้อะไรบ้าง
  • หน้าเว็บ static ที่สร้างจากดีไซน์ของคุณ รองรับมือถือและจอใหญ่ พร้อมคะแนนความเร็วที่ตรวจวัดให้เห็นจริง
  • WordPress ที่ตั้งค่าเป็นเครื่องมือแก้เนื้อหา พร้อมกลุ่มฟิลด์ ค่าตั้งทั้งเว็บ และป้ายข้อความทุกจุดของหน้าเว็บ
  • ระบบสร้างเว็บอัตโนมัติหลังกดบันทึก พร้อมการตรวจก่อนเผยแพร่ และหน้าแสดงสถานะว่าสร้างถึงไหนแล้ว
  • ระบบพรีวิวฉบับร่าง ดูหน้าจริงได้ก่อนเผยแพร่ผ่านลิงก์เฉพาะ
  • หลังบ้านที่หน้าตาใกล้เคียงเว็บจริง ทั้งสีและฟอนต์ เพื่อให้คนแก้เห็นภาพตรงกับผลลัพธ์
  • SEO ครบ ทั้ง title, description, canonical, โครงสร้างข้อมูล, sitemap, robots และ redirect เดิม
  • รองรับหลายภาษาถ้าต้องการ พร้อมโครงลิงก์และ hreflang ที่ถูกต้อง
  • คู่มือภาษาไทย สอนใช้งานหนึ่งรอบ และเอกสารสำหรับนักพัฒนาที่จะมาดูแลต่อ

ข้อเสียที่ต้องรู้ก่อนตัดสินใจ

เขียนตามจริง

แบบนี้ไม่ได้ดีกับทุกเว็บ ถ้าธุรกิจของคุณเข้าข่ายข้อไหนข้างล่าง เราจะแนะนำทางอื่นให้

1. เนื้อหาขึ้นเว็บช้ากว่าแบบ WordPress ล้วน

หลังกดบันทึกต้องรอระบบสร้างเว็บใหม่ ปกติราว 30 วินาทีสำหรับเว็บขนาดกลาง เว็บที่มีหน้าหลายร้อยหน้าอาจนานกว่านั้น ถ้าธุรกิจต้องการแก้แล้วขึ้นทันที ควรเลือกแบบ WordPress ล้วนแทน

2. มีระบบให้ดูแลเพิ่มขึ้น

มีตัวเฝ้าคิว งานตามเวลา และ Node ที่ต้องอัปเดตเป็นระยะ ถ้าทีมของคุณไม่มีคนดูแลฝั่งเซิร์ฟเวอร์ ควรจ้างดูแลต่อ หรือเลือกแบบที่ไม่มีระบบเบื้องหลัง

3. ไม่เหมาะกับหน้าที่เปลี่ยนตามผู้ใช้

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

4. ต้องมีโฮสต์ที่ให้สิทธิ์พอ

ถ้าโฮสต์ปัจจุบันไม่มี SSH หรือไม่ให้ตั้ง cron จะทำแบบนี้ไม่ได้บนเครื่องนั้น ต้องย้ายแผนหรือ build ที่อื่น ซึ่งมีค่าใช้จ่ายเพิ่ม เราตรวจให้ก่อนรับงานเสมอ

5. ราคาสูงกว่าการแปลงเป็น WordPress ล้วน

เพราะต้องสร้างทั้งหน้าบ้าน ชั้นเชื่อมข้อมูล ระบบ build ระบบพรีวิว และการตรวจคุณภาพ จุดเริ่มต้นจึงอยู่ที่ 5,000 บาท และขยับตามจำนวนหน้าและภาษา

เหมาะสำหรับ

  • เว็บบริษัทหรือเว็บโครงการที่เน้นความเร็วและความปลอดภัยสูง
  • เว็บที่เคยโดนเจาะจากปลั๊กอิน และไม่อยากเปิดหลังบ้านสู่อินเทอร์เน็ตอีก
  • เว็บหลายภาษาที่ต้องการโครงสร้าง URL สะอาดและคุม SEO ได้เอง
  • ทีมที่อยากให้ฝ่ายการตลาดแก้เนื้อหาเอง แต่ไม่ยอมลดเรื่องคะแนนความเร็ว
  • เว็บที่มีช่วงคนเข้าพุ่งเป็นช่วง ๆ เช่น ช่วงเปิดโครงการหรือแคมเปญ
  • เจ้าของเว็บที่อยากได้พรีวิวก่อนเผยแพร่แบบเห็นหน้าจริง

ไม่เหมาะสำหรับ

  • เว็บที่ต้องแก้แล้วขึ้นทันทีวินาทีนั้น
  • ร้านค้าออนไลน์ที่มีตะกร้าและระบบสมาชิกเต็มรูปแบบ
  • เว็บที่ต้องแสดงเนื้อหาต่างกันรายบุคคลหลังล็อกอิน
  • โฮสต์ที่ไม่มี SSH ไม่ให้ตั้ง cron และไม่ต้องการย้ายโฮสต์

ราคาเริ่มต้น 5,000 บาท

Pricing
เว็บเล็ก ภาษาเดียว
฿5,000
เริ่มต้น · รวมระบบสร้างเว็บอัตโนมัติและพรีวิว
สิ่งที่ทำให้ราคาขยับขึ้น
  • จำนวนหน้าและจำนวนภาษา
  • รายการที่ต้องเพิ่มเองได้ เช่น โครงการ สินค้า ทีมงาน
  • ความซับซ้อนของดีไซน์และชิ้นอินเทอร์แอคทีฟ
  • การย้ายเนื้อหาเดิมจำนวนมาก
  • การตั้งโฮสต์ใหม่ หรือย้ายโดเมนและอีเมล
ให้เราตรวจโฮสต์ให้ก่อน

โอน PromptPay / ธนาคาร · ออกใบเสร็จได้

สิ่งที่ต้องเตรียม

Checklist
1

ข้อมูลโฮสต์ปัจจุบัน

ชื่อผู้ให้บริการและแผนที่ใช้ เพื่อให้เราเช็กว่ามี SSH, cron และ Node ได้หรือไม่ ถ้าให้สิทธิ์เข้าดูได้จะตรวจได้แม่นกว่า

2

เว็บเดิมหรือดีไซน์

URL เว็บปัจจุบัน หรือไฟล์ดีไซน์ถ้าเป็นเว็บใหม่ พร้อมบอกว่าหน้าไหนสำคัญที่สุดสำหรับธุรกิจ

3

คนที่จะแก้เนื้อหา

มีกี่คน แก้บ่อยแค่ไหน และต้องมีขั้นตอนอนุมัติก่อนเผยแพร่หรือไม่ เพื่อให้เราตั้งสิทธิ์และระบบพรีวิวให้เหมาะ

4

ภาษาและการเติบโต

ตอนนี้กี่ภาษา อนาคตจะเพิ่มไหม และมีรายการอะไรที่จะเพิ่มเรื่อย ๆ เช่น โครงการหรือสินค้า

คำถามที่พบบ่อย

FAQ
Headless WordPress คืออะไร แบบเข้าใจง่าย
คือการใช้ WordPress เป็นแค่ห้องทำงานหลังบ้านสำหรับแก้เนื้อหา ส่วนหน้าเว็บที่ลูกค้าเห็นเป็นไฟล์ที่สร้างไว้ล่วงหน้า ผู้เข้าชมจึงไม่ได้แตะ WordPress เลย ผลคือเว็บเร็วขึ้นมากและโดนเจาะยากขึ้นมาก แต่แลกกับการรอสร้างเว็บใหม่ราวครึ่งนาทีหลังกดบันทึก
ต้องใช้ Astro เท่านั้นไหม
ไม่ Astro เป็นค่าเริ่มต้นที่เราแนะนำเพราะออกหน้าเว็บเบาที่สุดและดูแลต่อง่าย แต่เราทำด้วย Next.js แบบ static export, Nuxt แบบ static, Eleventy หรือ Hugo ก็ได้ ถ้าทีมของคุณถนัดอย่างใดอย่างหนึ่งอยู่แล้ว บอกได้เลย
โฮสต์แบบแชร์ทำได้ไหม
ทำได้ ถ้าโฮสต์ให้ใช้ SSH ตั้ง cron ได้ และติดตั้ง Node.js เวอร์ชัน 20 ขึ้นไปได้ เราออกแบบให้ WordPress ไม่ต้องสั่ง build เอง เพราะ PHP บนโฮสต์แชร์มักถูกจำกัดหน่วยความจำจนงานล้มกลางคัน ถ้าโฮสต์ของคุณให้สิทธิ์ไม่พอ ทางออกคือย้ายแผน หรือให้ระบบ build ที่อื่นแล้วส่งไฟล์กลับมา
ทำไมดีกว่าเว็บ WordPress ธรรมดา
สามเรื่องหลัก หนึ่งคือความเร็ว เพราะไม่มีการเรียกฐานข้อมูลตอนเปิดหน้า สองคือความปลอดภัย เพราะหน้าเว็บสาธารณะไม่มีปลั๊กอินหรือหน้าล็อกอินให้เจาะ สามคือความนิ่งเมื่อคนเข้าพร้อมกันเยอะ เพราะเสิร์ฟไฟล์นิ่ง แต่ถ้าธุรกิจต้องแก้แล้วขึ้นทันที หรือมีระบบสมาชิก WordPress ธรรมดาเหมาะกว่า
ฟอร์มติดต่อและระบบจองยังใช้ได้ไหม
ได้ แต่ทำงานผ่านบริการที่รับข้อมูลจากฟอร์มโดยตรง ไม่ได้ส่งเข้า PHP ของเว็บ เราตั้งค่าให้ส่งเข้าอีเมล ไลน์ หรือชีตของคุณได้ ส่วนระบบจองที่ซับซ้อนมักใช้บริการภายนอกฝังเข้ามา ซึ่งเราติดตั้งให้ได้เช่นกัน
ถ้าคนแก้เนื้อหาผิดจนข้อมูลเพี้ยน เว็บจะพังไหม
ไม่ เราทดสอบชั้นแปลงข้อมูลด้วยข้อมูลที่จงใจทำให้พัง เช่น ฟิลด์ว่าง ค่าผิดประเภท รูปหาย หรือค่าที่ไม่รู้จัก เพื่อให้หน้าเว็บยังสร้างได้เสมอ และถ้าผลลัพธ์ไม่ผ่านการตรวจ ระบบจะไม่เผยแพร่ ของเดิมยังอยู่จนกว่าจะแก้
ราคาเริ่มต้น 5,000 บาท ครอบคลุมอะไร
ครอบคลุมเว็บขนาดเล็กภาษาเดียวที่มีไม่กี่หน้า พร้อมระบบสร้างเว็บอัตโนมัติ พรีวิว และ SEO พื้นฐาน ราคาจริงขยับตามจำนวนหน้า จำนวนภาษา จำนวนรายการที่ต้องทำให้เพิ่มเองได้ และความซับซ้อนของดีไซน์ เราจะตรวจโฮสต์และนับงานให้เห็นก่อนเสนอราคา
ถ้าวันหนึ่งอยากเลิกใช้ระบบนี้ ทำยังไง
เนื้อหาทั้งหมดอยู่ใน WordPress ของคุณอยู่แล้ว จึงย้ายกลับไปเป็นเว็บ WordPress ล้วนได้ โดยทำเป็นธีมให้ WordPress เรนเดอร์เองแทน ซึ่งเป็นอีกบริการของเรา และไฟล์โค้ดหน้าบ้านทั้งหมดเราส่งมอบให้คุณ ไม่มีการล็อกไว้กับเรา

ให้เราเช็กโฮสต์ให้ก่อน แล้วค่อยตัดสินใจ

บอกชื่อผู้ให้บริการโฮสต์และแผนที่ใช้อยู่ เราตอบได้เลยว่าทำแบบ headless ได้ไหม หรือควรเลือกแบบ WordPress ล้วนมากกว่า