เหตุใดหน้า 404 ของคุณมีความสำคัญและควรทำให้หน้าตาน่าเบื่อแทนที่จะน่าเบื่อ

บทความที่เขียนโดย:
  • การออกแบบเว็บไซต์
  • อัปเดตแล้ว: พฤษภาคม 08, 2019

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

เป้าหมายของ 404 Page

ข้อผิดพลาดในเอกสารเก่า
เครดิตภาพ: CyboRoZ

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

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

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

สิ่งที่ไม่ควรทำ

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

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

ข้อความแสดงข้อผิดพลาด 404

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

ตัวอย่างของ 404 หน้าดีๆ

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

Lori Soard (เว็บไซต์ของฉัน)

lori soard 404 หน้าข้อผิดพลาด
404 หน้าข้อผิดพลาดที่ LoriSoard.com

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

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

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

เว็บโฮสติ้งเปิดเผยความลับ

404 หน้าที่ WHSR

มันแปลกใจเล็กน้อยที่ WHSR ทำหน้าที่ 404 ของพวกเขาได้ดี

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

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

Blue Fountain Media

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

สื่อน้ำพุสีฟ้า 404

Blue Fountain Media ขอเชิญชวนผู้เยี่ยมชมที่ไม่สามารถค้นหาหน้าเว็บที่เขาต้องการจะไปไหนมาไหนและเล่นเกม Pac Man ใครสามารถต้านทานได้บ้าง แน่นอนโครงสร้างการนำทางและข้อมูลการติดต่ออยู่ที่ด้านบนของหน้าในกรณีที่ผู้เข้าชมต้องการข้อมูลเพิ่มเติมเกี่ยวกับ Blue Fountain Media

ตั้งแต่คนรักเกมผู้เข้าชมอาจบุ๊คมาร์คหน้า 404 ข้อผิดพลาดนี้สำหรับการเข้าชมในอนาคต

วิกิพีเดีย

วิกิพีเดียเป็นอีกหนึ่งไซต์ที่แบ่งบางส่วนของกฎพื้นฐานของ 404s แต่ทำได้ดีที่คุณต้องแสดงความปรบมือด้วยความปราณีต

วิกิพีเดีย 404

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

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

เคล็ดลับเพื่อปรับปรุงหน้าเว็บของคุณ

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

Google ยังนำเสนอ คำแนะนำเฉพาะสำหรับการสร้างหน้า 404 ที่เป็นประโยชน์.

วิธีการเพิ่ม 404 หน้าแบบกำหนดเอง

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

1 ปรับแต่งข้อผิดพลาดผ่านทาง cPanel

ไปที่แผงควบคุมของไซต์ ที่อยู่อาจเป็นไปตามบรรทัดต่อไปนี้:

http://yoursite.com/controlpanel

or

http://yoursite.com:2082

เมื่อคุณเข้าสู่แผงควบคุมให้เลื่อนลงไปที่หัวข้อ“ ขั้นสูง” แล้วคลิกที่“ หน้าข้อผิดพลาด”

แผงควบคุม3 แก้ไขหน้าข้อผิดพลาด

รายการเพจข้อผิดพลาดจะดึงขึ้นเช่นในภาพด้านล่าง คลิกที่ 404 (ไม่พบ)

หน้าข้อผิดพลาด

หน้าเว็บที่ดึงขึ้นเป็นสถานที่ที่คุณสามารถแทรกโค้ดที่คุณต้องการสำหรับหน้านี้

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

WordPress อาจเสนอวิธีที่ง่ายที่สุดในการกำหนดหน้า 404 ของคุณ เพียงใช้ปลั๊กอินเช่น:

  • Google 404
  • 404 ที่เป็นประโยชน์
  • หน้าแสดงข้อผิดพลาดของ Dunstan

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

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

เกี่ยวกับ Lori Soard

Lori Soard ได้ทำงานเป็นนักเขียนอิสระและบรรณาธิการตั้งแต่ 1996 เธอจบปริญญาตรีสาขาการศึกษาภาษาอังกฤษและปริญญาเอกด้านวารสารศาสตร์ บทความของเธอปรากฏในหนังสือพิมพ์นิตยสารออนไลน์และมีหนังสือหลายเล่มที่เผยแพร่ ตั้งแต่ 1997 เธอได้ทำงานในฐานะนักออกแบบเว็บไซต์และผู้โปรโมตสำหรับผู้เขียนและธุรกิจขนาดเล็ก เธอยังทำงานเป็นเวลาสั้น ๆ ในการจัดอันดับเว็บไซต์สำหรับเครื่องมือค้นหายอดนิยมและศึกษากลยุทธ์ SEO ในเชิงลึกสำหรับลูกค้าเป็นจำนวนมาก เธอชอบได้ยินจากผู้อ่านของเธอ