คู่มือการสร้างหน้า 404 แบบกำหนดเองของ WordPress

เผยแพร่แล้ว: 2022-11-15

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

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

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

ทำไมหน้า 404 จึงจำเป็น?

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

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

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

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

การกำหนดค่าหน้า 404 แบบกำหนดเอง

คุณอาจใช้หน้า 404 ที่กำหนดเองได้หลายวิธี ขึ้นอยู่กับธีมของ WordPress สำหรับธีมสมัยใหม่ใดๆ การใช้ปลั๊กอินเพื่อสร้างหน้า 404 ที่ไม่ซ้ำใครควรใช้งานได้

ธีมตัวแก้ไขบล็อกและธีม WordPress แบบคลาสสิก

ใช้ Theme's 404.php เป็นตัวเลือกที่ 1

ใช้ธีมของ 404

ธีมจำนวนมากมาพร้อมกับเทมเพลตสำหรับหน้า 404 หากคุณสะดวกที่จะแก้ไขไฟล์ PHP บนเว็บไซต์ของคุณ

ขั้นตอนที่ 1: ในแดชบอร์ด WordPress เลือก ลักษณะที่ปรากฏ > ตัวแก้ไขไฟล์ธีม

ขั้นตอนที่ 2: จากเมนูแบบเลื่อนลง เลือกธีมของคุณ จากนั้นค้นหาไฟล์ 404.php

ขั้นตอนที่ 3: ตามหลักการแล้ว คุณควรคัดลอกไฟล์ 404.php ไปยังธีมลูกของคุณ เพื่อให้การอัปเกรดธีมไม่ทำให้งานหนักของคุณหมดไป

ขั้นตอนที่ 4: ทำให้ข้อความไม่ซ้ำใครโดยเพิ่มรูปภาพหรือส่วนประกอบอื่นๆ และปรับแต่งข้อความให้เป็นส่วนตัว

ขั้นตอนที่ 5: หากต้องการบันทึกการเปลี่ยนแปลง ให้คลิก "อัปเดตไฟล์"

ตัวเลือกที่ 2: จำลองไฟล์ 404.php

ไฟล์ 404.php อาจไม่ปรากฏในบางธีม หากเป็นเช่นนั้น คุณสามารถถ่ายโอนไฟล์ 404.php จากธีมอื่น เช่น Twenty-Twenty หากมี

คุณสามารถแก้ไขไฟล์ 404.php และบันทึกไว้ในโฟลเดอร์ธีมของคุณ แม้ว่าอาจต้องแก้ไขเล็กน้อยเพื่อให้ตรงกับธีมของคุณ

ขั้นตอนที่ 1: ค้นหาธีมที่คุณต้องการใช้ซึ่งมีหน้า 404

ขั้นตอนที่ 2: เปิดโฟลเดอร์ธีมของธีมนั้นและทำสำเนาไฟล์ 404.php ที่นั่น

ขั้นตอนที่ 3: ใส่ไฟล์ ตรวจสอบให้แน่ใจว่าชื่อ 404.php ลงในโฟลเดอร์ธีมของธีมหรือธีมลูกที่เว็บไซต์ของคุณใช้

ขั้นตอนที่ 4: ตรวจสอบว่าทุกอย่างปรากฏตามที่คาดไว้โดยการตรวจสอบหน้า 404 ที่ส่วนหน้าของเว็บไซต์ของคุณ

ขั้นตอนที่ 5: หากต้องการเปลี่ยนแปลงไฟล์ใน Theme File Editor ให้ทำตามคำแนะนำเดียวกับในขั้นตอนที่ 1–4 จากนั้นคลิก Update File เพื่อบันทึกการเปลี่ยนแปลงของคุณ

ตัวเลือกที่ 3: คัดลอกไฟล์ index.php

นี่เป็นอีกวิธีหนึ่งในการสร้างไฟล์ 404.php หากธีมของคุณยังไม่มี

ขั้นตอนที่ 1: ไฟล์ index.php จะต้องทำซ้ำ

ขั้นตอนที่ 2: เปลี่ยนชื่อ 404.php ที่ซ้ำกัน

ขั้นตอนที่ 3: กำจัดรหัสที่แสดงโพสต์

ขั้นตอนที่ 4: ทำให้ข้อความไม่ซ้ำใครโดยเพิ่มรูปภาพหรือส่วนประกอบอื่นๆ และปรับแต่งข้อความให้เป็นส่วนตัว

ขั้นตอนที่ 5: หากต้องการบันทึกการเปลี่ยนแปลงของคุณ “คลิกอัปเดตไฟล์

วิธีการนี้ต้องการความเข้าใจ HTML และ PHP อยู่บ้าง แต่หน้า 404 จะเข้ากับธีมปัจจุบันของคุณ ทำให้สะอาดกว่าการใช้หน้า 404 จากธีมแยกต่างหากเล็กน้อย

สร้างเพจ 404 โดยใช้ตัวสร้างเพจ

คุณมีตัวเลือกในการเพิ่มหน้า 404 ภายในอินเทอร์เฟซของตัวสร้างหากคุณใช้ตัวสร้างหน้า WordPress เช่น Elementor, Divi, Beaver Builder หรือ Oxygen

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

ใช้ปลั๊กอินหน้า WordPress 404

การใช้ปลั๊กอินหน้า WordPress 404 เป็นวิธีที่ง่ายและรวดเร็วในการเพิ่มหน้า 404 ที่ไม่ซ้ำใครลงในเว็บไซต์ WordPress

ปลั๊กอินหน้า WordPress 404

ปลั๊กอินเหล่านี้จะให้คุณสร้างเพจ 404 ส่วนบุคคลและติดตามปัญหา 404 ปลั๊กอิน 404 หน้าที่ใช้กันอย่างแพร่หลาย ได้แก่ :

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

ไปที่ “ลักษณะที่ปรากฏ” ในแดชบอร์ด WordPress คลิก “404 Error Page ” จากนั้นเลือกหน้าที่คุณสร้างเพื่อใช้เป็นหน้า 404 เริ่มต้นเพื่อกำหนดค่าให้เป็นหน้า 404 ที่คุณกำหนดเอง

ด้วยความช่วยเหลือของปลั๊กอิน WordPress SeedProd คุณสามารถออกแบบเทมเพลตเพจ 404 ที่สวยงาม น้ำหนักเบา และเป็นส่วนตัวสำหรับเว็บไซต์ของคุณ

ปลั๊กอิน SeedProd WordPress

ด้วยความช่วยเหลือของ Live Customizer และปลั๊กอิน WordPress ฟรี Colorlib 404 Customizer คุณสามารถออกแบบหน้า 404 ที่ไม่ซ้ำใครซึ่งช่วยเสริมรูปลักษณ์ของเว็บไซต์ของคุณได้อย่างรวดเร็ว

เครื่องมือปรับแต่ง Colorlib 404

คุณสามารถเพิ่ม CSS เพิ่มเติมในการตั้งค่า ซึ่งสามารถเข้าถึงได้จากแดชบอร์ด WordPress ของคุณภายใต้ลักษณะที่ปรากฏ > ปรับแต่ง เพื่อปรับแต่งหน้า 404 ของคุณเพิ่มเติม

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

กำหนดเอง 404 Pro

การแก้ไขไซต์แบบเต็ม

การสร้างเพจ 404 ที่ไม่ซ้ำใครนั้นง่ายกว่าที่เคยหากคุณใช้ WordPress Full Site Editing Theme ทำตามขั้นตอนด้านล่างนี้ คุณสามารถสร้างหน้า 404 แบบกำหนดเองสำหรับเว็บไซต์ WordPress ของคุณได้

การแก้ไขไซต์แบบเต็ม

หากมีคนพยายามเข้าถึงหน้าเว็บที่ไม่มีอยู่ ก็จะเปลี่ยนเส้นทางทันที

ขั้นตอนที่ 1: คลิก ลักษณะที่ปรากฏ ในแดชบอร์ด WordPress จากนั้นเลือก “ตัวแก้ไข”

ขั้นตอนที่ 2: คลิก “เทมเพลต” ใต้ “ตัวแก้ไข”

ขั้นตอนที่ 3: เลือกเทมเพลต 404 ในขั้นตอนที่สาม

ขั้นตอนที่ 4: สร้างหน้า 404 ในแบบของคุณโดยใช้ตัวแก้ไขบล็อก จากนั้นคลิกบันทึก

ขั้นตอนที่ 5: หากต้องการบันทึกเทมเพลต ให้กด "บันทึก" อีกครั้ง

หากต้องการบันทึกเทมเพลต ให้กด - บันทึก

หน้า WordPress 404 แบบกำหนดเอง

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

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

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