วิธีแก้ไขข้อผิดพลาด 404 สำหรับเว็บไซต์ WordPress

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

สมัครสมาชิกช่อง Youtube ของเรา

รหัสข้อผิดพลาด 404 คืออะไร?

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

Mozilla Developer Network MDN กำหนด 404 ดังนี้:

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

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

404 จะเป็น 404 เมื่อใด

ในทางเทคนิคแล้ว 404 จะเป็น 404 เสมอ แต่บางครั้ง 404 จะปรากฏขึ้นเมื่อคุณทำอะไรกับมันไม่ได้ นั่นคือสิ่งที่ MDN กำลังพูดถึงข้างต้น

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

และเมื่อ ปลายทางถูกต้อง แต่ไม่มีทรัพยากร สิ่งที่เกิดขึ้นก็คือ URL นั้นใช้ได้ มีการพิมพ์อย่างสมบูรณ์ ลิงก์ถูกต้อง แต่สิ่งที่ชี้ไปนั้นได้เปลี่ยนไปแล้ว อาจเป็นเพราะลิงก์ไปยัง elegantthemes.com/divi-changelog.pdf แต่เราเปลี่ยนชื่อไฟล์เป็นเพียงแค่ changelog.pdf ผู้ใช้จะได้รับ 404 แต่พวกเขาไม่ได้ทำอะไรผิด นั่นจะเป็นจุดสิ้นสุดของเรา ดังนั้นเราจึงสามารถแก้ไขได้ด้วยการเปลี่ยนเส้นทาง 301 อย่างง่าย

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

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

วิธีค้นหาข้อผิดพลาด WordPress 404

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

Google Search Console

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

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

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

ตรวจสอบลิงค์ภายนอก

ใน WordPress (และแพลตฟอร์ม CMS อื่นๆ ด้วย) คุณสามารถเปลี่ยนลิงก์ถาวรของคุณได้อย่างง่ายดาย ใน WP คุณเพียงแค่ต้องเข้าไปที่ Settings – Permalinks และคุณสามารถสร้าง URL สำหรับไซต์ของคุณให้ปรากฏในโครงสร้างใดก็ได้ที่คุณต้องการ เวลาไหนก็ได้ที่คุณต้องการ. แต่คุณไม่ต้องการที่จะเปลี่ยนสิ่งเหล่านี้โดยไม่ได้ตั้งใจ เนื่องจากไซต์อื่นมี (น่าจะ) เชื่อมโยงไปยังไซต์ของคุณแล้ว ทุกคนที่คลิกลิงก์จะถูกนำไปที่หน้า 404

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

คุณสามารถขยายเพื่อดูลิงก์ย้อนกลับทั้งหมดที่มายังไซต์ของคุณโดยคลิก เพิ่มเติม ส่วนที่เหลือของกระบวนการนี้เป็นแบบแมนนวล ขึ้นอยู่กับว่าโครงสร้าง URL ของคุณเปลี่ยนแปลงไปอย่างไรเมื่อเวลาผ่านไป คุณจะต้องนำลิงก์ใด ๆ ที่มีการเปลี่ยนแปลง เช่น การเปลี่ยนจาก example.com/post-name เป็น example.com/author/post-name คุณจะต้องนำ URL เก่าและ 301 เปลี่ยนเส้นทางโดยใช้ปลั๊กอินเช่น Redirection หรือสิ่งที่คล้ายกันโดยวาง URL เก่าที่ได้รับการคลิกแล้ววางลงใน URL ใหม่เพื่อกำหนดเป้าหมาย

ตอนนี้ ไม่ว่าใครจะคลิกลิงก์ภายนอกใด พวกเขา ควร ถูกนำไปยังหน้าที่ถูกต้องบนไซต์ของคุณ โดยข้าม Error 404 Page Not Found ไปทั้งหมด

วิธีสร้างข้อผิดพลาด 404 ไม่พบหน้าของคุณเอง

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

ในบางกรณี ธีมของคุณอาจมีหน้าข้อผิดพลาด WordPress 404 ที่สร้างไว้แล้ว คุณสามารถตรวจสอบได้ภายใต้โฟลเดอร์ wp-content – ​​themes – theme-name คุณกำลังมองหาไฟล์ชื่อ 404.php ซึ่งช่วยให้ WordPress นำทางเบราว์เซอร์ไปยังหน้าใดหน้าหนึ่ง แทนที่จะแสดงหน้าเริ่มต้นที่ไม่มีเนื้อหา

ดังที่คุณเห็นในภาพด้านบน ไฟล์ 404.php เป็นไฟล์พื้นฐานที่แสดง HTML ใดๆ ที่คุณต้องการให้ผู้เยี่ยมชมเห็น (รวมถึง PHP hooks และอื่นๆ ด้วย) หากคุณเป็นมือโค้ดเดอร์ สิ่งที่คุณต้องทำคือเขียนโค้ดที่คุณต้องการแสดงและบันทึกไฟล์ผ่าน FTP หรือโปรแกรมจัดการไฟล์ของคุณ ตอนนี้ ผู้เยี่ยมชมที่ได้รับข้อผิดพลาดจะถูกนำมาที่นี่

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

การสร้างหน้า 404 แบบกำหนดเองใน Divi

หากคุณเป็นผู้ใช้ Divi เราก็มีให้คุณเช่นกัน ตัวสร้างธีม Divi ให้ความยืดหยุ่นมากมายแก่คุณในการสร้างหน้า 404 ที่กำหนดเอง

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

ปลั๊กอินสำหรับสร้างหน้าข้อผิดพลาด 404

หากคุณไม่ใช่ผู้ใช้ Divi หรือไม่ต้องการกังวลเกี่ยวกับการแก้ไขไฟล์ PHP ก็ไม่ต้องกลัว ที่เก็บปลั๊กอิน WordPress.org มีตัวเลือกมากมายให้คุณเลือกเพื่อสร้างหน้า Error 404 ที่คุณกำหนดเองและเปลี่ยนเส้นทางกลับไปยังตำแหน่งที่คุณต้องการให้เป็น เราได้รวบรวมรายการตัวเลือกที่ได้รับความนิยมและได้รับคะแนนสูงสุดบางส่วน

• ทั้งหมด 404 เปลี่ยนเส้นทางไปยังโฮมเพจ
• กำหนดเอง 404 Pro
• 404page – หน้าข้อผิดพลาด 404 แบบกำหนดเองที่ชาญฉลาดของคุณ
• 404 โซลูชั่น
• 404 ถึง 301 – เปลี่ยนเส้นทาง บันทึก และแจ้งเตือน
• WP 404 เปลี่ยนเส้นทางอัตโนมัติไปยังโพสต์ที่คล้ายกัน

ห่อ

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

คุณทำอะไรเพื่อจัดการข้อผิดพลาด HTTP 404 ของคุณ

บทความภาพโดย Zhitkov Boris / shutterstock.com