วิธีสร้างหน้า 404 ใน WordPress

หน้า 404 คือหน้าที่แสดงเมื่อผู้เข้าชมเปิด URL ที่ไม่พบในเว็บไซต์ การสร้างหน้า 404 ที่ดีช่วยบอกว่าหน้าเดิมหาไม่พบ พร้อมแนะนำทางไปต่อ เช่น กลับหน้าแรก ใช้ช่องค้นหา หรือเลือกดูบทความอื่น

WordPress และธีมหลายแบบมีเทมเพลต 404 ให้ปรับแต่งได้ วิธีแก้ขึ้นอยู่กับประเภทธีมที่ใช้งาน

❶ หน้า 404 ใน WordPress คืออะไร?

รหัส 404 หมายถึงเซิร์ฟเวอร์ไม่พบหน้าที่ร้องขอ โดยอาจเกิดจากพิมพ์ URL ผิด ลบหน้าไปแล้ว หรือเปลี่ยนลิงก์ถาวรโดยไม่ได้ตั้งค่าการเปลี่ยนเส้นทาง

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

❷ ตรวจสอบก่อนสร้างหรือปรับหน้า 404

ก่อนแก้หน้า 404 ให้ลองเปิด URL ที่ไม่มีอยู่จริงบนเว็บไซต์ เช่น เติมคำต่อท้าย URL ทดสอบ แล้วสังเกตว่าหน้าแสดงผลอย่างไร

① ตรวจประเภทธีมที่ใช้งาน

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

② แยกหน้า 404 ออกจากหน้าที่เสียจริง

หาก URL ที่ควรเปิดได้กลับแสดงหน้า 404 ให้ตรวจว่าหน้านั้นยังเผยแพร่อยู่หรือไม่ และตรวจลิงก์ถาวรกับการตั้งค่าการเปลี่ยนเส้นทางก่อน เพราะการตกแต่งหน้า 404 อย่างเดียวไม่ได้แก้ปัญหา URL ที่ควรใช้งานได้

❸ ปรับหน้า 404 ในธีมบล็อก

หากธีมรองรับ Site Editor สามารถแก้เทมเพลต 404 ด้วยบล็อกได้โดยไม่ต้องแก้ไฟล์โค้ด

① เปิดเทมเพลต 404

ไปที่ รูปลักษณ์ > ตัวแก้ไข แล้วมองหาเมนู เทมเพลต เลือกเทมเพลตชื่อ 404 หรือชื่อที่มีความหมายว่าไม่พบหน้า หากไม่เห็นเทมเพลตดังกล่าว ธีมอาจไม่รองรับการแก้ไขผ่านตัวแก้ไขนี้

② เพิ่มข้อความและทางเลือกให้ผู้เข้าชม

จัดหน้าให้มีข้อความสั้น ๆ ว่าไม่พบหน้าที่ต้องการ แล้วเพิ่มองค์ประกอบที่ช่วยให้ไปต่อได้ เช่น

① ปุ่มกลับไปหน้าแรก
② บล็อกค้นหา
③ รายการบทความล่าสุดหรือบทความแนะนำ
④ ลิงก์ไปยังหมวดหมู่สำคัญของเว็บไซต์

จัดวางให้เรียบง่ายและอ่านได้ชัดบนหน้าจอมือถือ

③ บันทึกและทดสอบ

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

❹ ปรับหน้า 404 ในธีมคลาสสิก

ธีมคลาสสิกบางตัวมีตัวเลือกจัดการหน้า 404 ให้ค้นดูใน รูปลักษณ์ > ปรับแต่ง หรือหน้าตั้งค่าของธีม เช่น ช่องใส่ข้อความ รูปภาพ หรือปุ่มนำทาง

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

❺ เขียนข้อความหน้า 404 ให้นำทางต่อได้

ข้อความควรสุภาพ ตรงประเด็น และไม่ทำให้ผู้เข้าชมเข้าใจว่าเว็บไซต์ปิดหรือมีปัญหาทั้งระบบ

① ใช้ข้อความที่บอกสาเหตุชัดเจน

ตัวอย่างข้อความ:

ขออภัย เราไม่พบหน้าที่คุณกำลังค้นหา ลองค้นหาบทความที่ต้องการ หรือกลับไปยังหน้าแรกของเว็บไซต์

ปรับสำนวนให้เข้ากับภาษาของเว็บไซต์ และไม่จำเป็นต้องแสดงข้อความทางเทคนิคยาว ๆ

② ใส่ช่องค้นหาหรือเนื้อหาแนะนำ

หากเว็บไซต์มีบทความจำนวนมาก ช่องค้นหาช่วยให้ผู้เข้าชมลองค้นหาหัวข้อเดิมด้วยคำอื่นได้ ส่วนรายการบทความแนะนำหรือหมวดหมู่สำคัญช่วยให้เลือกอ่านเนื้อหาใกล้เคียงได้สะดวกขึ้น

③ ดูแลให้เข้าถึงได้ง่าย

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

❻ แก้สาเหตุที่ทำให้เกิดหน้า 404 บ่อย

หน้า 404 ที่ออกแบบดีช่วยนำทางผู้เข้าชม แต่ URL ที่ควรใช้งานได้ยังต้องแก้ที่ต้นเหตุ

① ตรวจ URL และสถานะหน้า

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

② ตรวจลิงก์ภายในเว็บไซต์

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

③ อย่าเปลี่ยนทุก URL ให้ไปหน้าแรก

การส่งทุก URL ที่ไม่พบไปยังหน้าแรกอาจทำให้ผู้เข้าชมไม่เจอเนื้อหาที่คาดหวัง ควรใช้หน้า 404 สำหรับหน้าที่ไม่มีอยู่จริง และเปลี่ยนเส้นทางเฉพาะเมื่อมีหน้าปลายทางใหม่ที่ตรงกับเนื้อหาเดิม

❼ สรุป

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

สำหรับเว็บไซต์ ComSiam ควรตรวจ URL ที่เสียและลิงก์ภายในควบคู่กับการปรับหน้า 404 เพื่อช่วยให้ผู้เข้าชมไปต่อได้ และแก้ปัญหาหน้าที่ควรเปิดได้ให้ตรงจุด