ก่อนเริ่มสร้างเว็บไซต์ต้องรู้อะไร
การสร้างเว็บไซต์ด้วยตัวเองมีลำดับที่ชัดเจน คือ วางเป้าหมายและผังหน้า จดโดเมนและเลือกโฮสติ้ง ติดตั้งระบบจัดการเนื้อหา สร้างหน้าและเขียนเนื้อหา ใส่ฟอร์มพร้อมความยินยอมตาม PDPA ตรวจความเร็วและการแสดงผลบนมือถือ แล้วจึงเปิดใช้งานและดูแลต่อ
คู่มือนี้ใช้ WordPress แบบติดตั้งบนโฮสติ้งของคุณเป็นเส้นทางหลัก เพราะยืดหยุ่นและย้ายได้ในอนาคต
ท้ายแต่ละขั้นจะมีจุดตรวจสั้น ๆ ให้เช็กก่อนไปขั้นถัดไป ขั้นที่คู่มือหลายแห่งมักข้ามไป เช่น HTTPS การขอความยินยอม และการสำรองข้อมูล เราใส่ไว้ครบ หากยังไม่คุ้นกับคำศัพท์อย่างโดเมน โฮสติ้ง หรือหน้าเว็บ ลองอ่าน เว็บเพจคืออะไร และต่างจากเว็บไซต์อย่างไร ก่อนเริ่ม
ขั้นที่ 1 กำหนดเป้าหมายและผังเว็บไซต์
เริ่มจากกระดาษหนึ่งแผ่น เขียนว่าใครจะเข้าเว็บไซต์ และอยากให้เขาทำอะไร เช่น ทัก LINE โทรจอง หรือกรอกฟอร์มขอใบเสนอราคา จากนั้นจึงร่างผังหน้า ธุรกิจบริการส่วนใหญ่เริ่มได้ด้วยหน้าแรก เกี่ยวกับเรา บริการ คำถามที่พบบ่อย และติดต่อ หากต้องการดูว่าเว็บไซต์ที่มีหลายบริการจัดโครงสร้างอย่างไร หน้า ทำเว็บไซต์บริษัท เป็นตัวอย่างโครงสร้างที่พอเทียบได้
จุดตรวจ: ทุกหน้าในผังมีการกระทำหลักเพียงหนึ่งอย่าง และคุณอธิบายได้ว่าหน้านั้นตอบคำถามอะไรของลูกค้า
ขั้นที่ 2 จดโดเมนและเลือกโฮสติ้ง
โดเมนคือชื่อเว็บไซต์ ควรสั้น สะกดง่ายเมื่อพูดทางโทรศัพท์ และจดในชื่อบัญชีของธุรกิจเอง ธุรกิจที่มีตัวตนในไทยอาจเลือก .co.th ซึ่งต้องใช้เอกสารจดทะเบียนธุรกิจหรือหนังสือสำคัญแสดงการจดทะเบียนเครื่องหมายการค้า หรือใช้ .com ที่จดได้ทันที รายละเอียดแต่ละนามสกุลอยู่ในบทความจดโดเมนคืออะไร และจดอย่างไร
โฮสติ้งคือเครื่องเซิร์ฟเวอร์ที่เก็บไฟล์เว็บไซต์ เลือกผู้ให้บริการที่รองรับเวอร์ชัน PHP และฐานข้อมูลตามที่ WordPress แนะนำ มีใบรับรอง SSL ฟรี มีระบบสำรองข้อมูล และหากลูกค้าส่วนใหญ่อยู่ในไทย ควรมีเซิร์ฟเวอร์ในภูมิภาคเอเชียตะวันออกเฉียงใต้เพื่อให้โหลดเร็ว ถ้ายังเลือกไม่ได้ อ่านเปรียบเทียบในweb hosting คืออะไร มีกี่แบบ
จุดตรวจ: เข้าหน้าควบคุมโฮสติ้งได้ และชี้โดเมนมายังโฮสติ้งเรียบร้อย
ขั้นที่ 3 ติดตั้ง WordPress และเลือกธีม
โฮสติ้งส่วนใหญ่มีปุ่มติดตั้ง WordPress ในคลิกเดียว หากไม่มี ให้ทำตามคู่มือการติดตั้งอย่างเป็นทางการของ WordPress ซึ่งอธิบายการสร้างฐานข้อมูลและอัปโหลดไฟล์ทีละขั้น ถ้ายังไม่แน่ใจว่าระบบนี้เหมาะกับคุณหรือไม่ อ่าน WordPress คืออะไร เหมาะกับธุรกิจไหม ประกอบ
เลือกธีมอย่างไร
- เลือกธีมที่อัปเดตสม่ำเสมอ และแสดงภาษาไทยได้สวยโดยไม่ต้องแก้มาก
- หลีกเลี่ยงธีมที่ติดตั้งปลั๊กอินจำนวนมากมาพร้อมกัน เพราะทำให้เว็บไซต์ช้าและดูแลยาก
- ติดตั้งปลั๊กอินเท่าที่จำเป็น เช่น ฟอร์ม สำรองข้อมูล และความปลอดภัย
จุดตรวจ: เข้าหน้าผู้ดูแลได้ ตั้งรหัสผ่านที่แข็งแรง ตั้งค่าภาษาและเขตเวลาเป็นกรุงเทพฯ แล้ว
ขั้นที่ 4 สร้างหน้าหลักและเขียนเนื้อหา
สร้างหน้าตามผังจากขั้นที่ 1 และเขียนเนื้อหาก่อนตกแต่งดีไซน์ เพราะความยาวของข้อความจะกำหนดรูปแบบหน้า เคล็ดลับสำหรับผู้อ่านชาวไทยมีดังนี้
- เขียนประโยคสั้น ย่อหน้าละสองถึงสามบรรทัดบนมือถือ
- ใช้คำที่ลูกค้าใช้ค้นหาจริง ไม่ใช่ศัพท์ภายในองค์กร
- ใส่ราคาเริ่มต้นหรือช่วงราคาหากทำได้ เพราะเป็นคำถามแรกที่คนไทยมักทักมาถาม
- ใช้ภาพถ่ายจริงของร้าน ทีมงาน หรือสินค้า และบีบอัดไฟล์ก่อนอัปโหลด
- หากมีลูกค้าต่างชาติ ให้เขียนเวอร์ชันภาษาอังกฤษแยก ไม่ใช้การแปลอัตโนมัติ
จุดตรวจ: ให้คนที่ไม่รู้จักธุรกิจลองอ่านหน้าแรกสามสิบวินาที แล้วบอกได้ว่าคุณขายอะไรและติดต่ออย่างไร
ขั้นที่ 5 ฟอร์ม PDPA และ HTTPS
ทันทีที่เว็บไซต์มีฟอร์มรับชื่อ เบอร์โทร หรืออีเมล คุณกำลังเก็บข้อมูลส่วนบุคคลตามพระราชบัญญัติคุ้มครองข้อมูลส่วนบุคคล พ.ศ. 2562 สิ่งที่ควรมีอย่างน้อยคือ
- ประกาศความเป็นส่วนตัวที่บอกว่าเก็บข้อมูลอะไร ใช้ทำอะไร และติดต่อใครเพื่อขอลบหรือแก้ไข
- ลิงก์ไปยังประกาศความเป็นส่วนตัวใกล้ปุ่มส่ง และถ้าจะใช้ข้อมูลเพื่อส่งข่าวสารหรือโปรโมชัน ให้มีช่องยินยอมแยกที่ไม่ติ๊กไว้ล่วงหน้า
- แบนเนอร์คุกกี้ที่ให้ปฏิเสธคุกกี้ที่ไม่จำเป็นได้ง่ายพอ ๆ กับการยอมรับ
- เก็บข้อมูลจากฟอร์มเท่าที่จำเป็นต่อการติดต่อกลับ
ส่วน HTTPS คือการเข้ารหัสการรับส่งข้อมูลระหว่างผู้เข้าชมกับเว็บไซต์ เปิดใช้ใบรับรอง SSL ในหน้าควบคุมโฮสติ้ง แล้วตั้งให้ทุกหน้าเปลี่ยนเส้นทางไปใช้ https อัตโนมัติ
จุดตรวจ: ส่งฟอร์มทดสอบแล้วได้รับอีเมลจริง แถบที่อยู่ของเบราว์เซอร์แสดงไอคอนแม่กุญแจทุกหน้า
ขั้นที่ 6 ตรวจความเร็ว มือถือ และ SEO เบื้องต้น
เปิดเว็บไซต์บนโทรศัพท์ของคุณเองผ่านเครือข่ายมือถือ ไม่ใช่ Wi-Fi ในออฟฟิศ แล้วลองใช้งานเหมือนลูกค้า จากนั้นตรวจด้วยเครื่องมือฟรีอย่าง PageSpeed Insights ของ Google
- ภาพทุกภาพบีบอัดแล้ว และมีคำอธิบายภาพ
- แต่ละหน้ามีชื่อหน้าและคำอธิบายที่ไม่ซ้ำกัน
- มีหัวข้อหลักเพียงหนึ่งหัวข้อต่อหน้า
- ปุ่มโทรและปุ่ม LINE กดง่ายด้วยนิ้วโป้ง
เครื่องมือ AI ช่วยได้ในขั้นนี้ เช่น ร่างคำอธิบายหน้า หรือตรวจคำผิด แต่ควรอ่านทวนทุกครั้ง ดูข้อดีและข้อจำกัดได้ที่ ใช้ AI สร้างเว็บไซต์ได้จริงไหม
จุดตรวจ: หน้าแรกโหลดบนมือถือแล้วใช้งานได้ภายในไม่กี่วินาที และไม่มีข้อความล้นขอบจอ
ขั้นที่ 7 เปิดใช้งานและดูแลต่อ
รายการตรวจก่อนเปิดใช้งาน
- ปิดโหมดซ่อนเว็บไซต์จากเครื่องมือค้นหาในการตั้งค่า WordPress
- ส่งแผนผังเว็บไซต์เข้า Google Search Console
- ลบหน้าตัวอย่างและข้อความทดสอบทั้งหมด
- ตรวจลิงก์ทุกลิงก์ และเบอร์โทรที่กดโทรได้
กิจวัตรการดูแล
ทุกสัปดาห์ ตรวจว่ามีอัปเดตของ WordPress ธีม และปลั๊กอินหรือไม่ แล้วสำรองข้อมูลก่อนอัปเดตทุกครั้ง ทุกเดือน ตรวจฟอร์มว่ายังส่งอีเมลได้ และดูใน Search Console ว่ามีหน้าที่มีปัญหาหรือไม่ เก็บไฟล์สำรองไว้นอกโฮสติ้งด้วย เช่น ในไดรฟ์ของบริษัท เพราะหากโฮสติ้งมีปัญหา ไฟล์สำรองที่อยู่ที่เดียวกันก็อาจใช้ไม่ได้
จุดตรวจ: ลองกู้คืนไฟล์สำรองบนเว็บไซต์ทดสอบอย่างน้อยหนึ่งครั้ง เพื่อให้มั่นใจว่าใช้ได้จริง
เมื่อไรการสร้างเว็บไซต์เองไม่คุ้ม
การทำเองคุ้มเมื่อเว็บไซต์ยังเล็กและคุณมีเวลา แต่มีสัญญาณบางอย่างที่บอกว่าเวลาของคุณมีค่ากว่าค่าจ้าง
- ใช้เวลาหลายสัปดาห์แล้วแต่เว็บไซต์ยังไม่พร้อมเปิด
- ต้องการสองภาษาไทยและอังกฤษที่สลับหน้าได้ถูกต้องและ Google เข้าใจโครงสร้าง
- ต้องการขายของออนไลน์ด้วย PromptPay เก็บเงินปลายทาง และเชื่อมกับขนส่งอย่าง Flash Express หรือ J&T
- ไม่มั่นใจว่าการตั้งค่าความยินยอมและประกาศความเป็นส่วนตัวถูกต้อง
ในกรณีเหล่านี้ ลองดูว่า บริการรับทำเว็บ WordPress ครอบคลุมอะไรบ้าง แล้วเทียบกับเวลาที่ต้องใช้ทำเอง ราคาเริ่มต้นของแต่ละแพ็กเกจอยู่ในหน้า ราคาทำเว็บไซต์ และราคาจริงจะระบุไว้ในใบเสนอราคาของแต่ละโครงการ ส่วนใครที่ยังอยากลงมือเอง มีคู่มือเพิ่มเติมในบทความทั้งหมดของเรา
บทความสำหรับคนที่อยากทำเว็บเอง
แหล่งอ้างอิง
- WordPress: วิธีติดตั้ง WordPress
- WordPress: ความต้องการของระบบโฮสติ้ง
- พระราชบัญญัติคุ้มครองข้อมูลส่วนบุคคล พ.ศ. 2562 (ราชกิจจานุเบกษา)
- สำนักงานคณะกรรมการคุ้มครองข้อมูลส่วนบุคคล (สคส.)
- THNIC: นโยบายการจดทะเบียนโดเมน .th
- Google PageSpeed Insights
สร้างเว็บไซต์และดูแลอันดับการค้นหา รวมถึงวางระบบเบื้องหลังเว็บไซต์ลูกค้า 17 แห่งที่เราเผยแพร่ตัวเลขจาก Search Console เกี่ยวกับเรา (หน้าภาษาอังกฤษ)