40 Clever 404 หน้าแสดงข้อผิดพลาดจากเว็บไซต์จริง

เผยแพร่แล้ว: 2022-04-18

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

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

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

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

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

เข้าถึงเทมเพลตเว็บไซต์นับร้อยใน Theme Marketplace ของ HubSpot

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

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

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

หน้าแสดงข้อผิดพลาด 404 ที่กำหนดเองบางหน้ารวมถึงภาพฮีโร่ คำอธิบายที่มีไหวพริบ แผนผังเว็บไซต์ แบบฟอร์มการค้นหา หรือข้อมูลติดต่อพื้นฐาน

ตัวอย่างหน้าเว็บ 404 ที่ดีที่สุด

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

ไม่พบหน้า: Creative 404 หน้าแสดงข้อผิดพลาด

1. ข้าวโพดคั่ว

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

ตัวอย่างหน้าข้อผิดพลาด 404 จากเว็บไซต์ pipcorn

2. Spotify

สตรีมมิ่งเพลงยักษ์ Spotify ครอบคลุมฐานด้วยหน้า 404 ที่ชาญฉลาด ด้วยถ้อยคำที่เฉียบแหลมจากอัลบั้ม "808s and Heartbreak" ของคานเย เวสต์และแอนิเมชั่นที่บันทึก เว็บไซต์ให้ความบันเทิงสั้น ๆ แล้วส่งผู้เยี่ยมชมกลับไปที่เพจที่พวกเขามาจาก

ตัวอย่างหน้าข้อผิดพลาด 404 จากเว็บไซต์ spotify

3. ใจดี

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

4. Adobe

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

ตัวอย่างหน้าข้อผิดพลาด 404 จากเว็บไซต์ adobe

5. Clorox

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

ตัวอย่างหน้าข้อผิดพลาด 404 จากเว็บไซต์ clorox

6. กลุ่มดูมา

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

ตัวอย่างหน้าข้อผิดพลาด 404 จากเว็บไซต์ duma collective

7. Chillhouse

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

ตัวอย่างหน้าข้อผิดพลาด 404 จากเว็บไซต์ Chillhouse

8. Bitly

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

ตัวอย่างหน้าข้อผิดพลาด 404 จากเว็บไซต์ bitly

9. อิเกีย

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

ตัวอย่างหน้าข้อผิดพลาด 404 จากเว็บไซต์ ikea

10. ม็อกซี่ ดีไซน์ บจก.

แน่นอนว่า "การล่มสลายของอินเทอร์เน็ต" อาจเป็นเรื่องไฮเปอร์โบลาเล็กน้อย แต่มันบอกผู้เยี่ยมชมว่า Moxie Design Co. ไม่ได้เอาจริงเอาจังกับตนเองมากเกินไปกับการพลาดพลั้งเล็กๆ น้อยๆ แบบนี้ นอกจากนี้ แถบค้นหายังถูกวางไว้ด้านล่างอย่างสะดวกเพื่อส่งถึงคุณ

ตัวอย่างหน้าข้อผิดพลาด 404 จากเว็บไซต์ moxie design

11. แมคคิสแซค & แมคคิสแซค

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

ตัวอย่างหน้าข้อผิดพลาด 404 จากเว็บไซต์ mckissack และ mckissack

12. CSS Tricks

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

ตัวอย่างหน้าข้อผิดพลาด 404 จากเว็บไซต์ css tricks

13. เกมเก่าที่ดี

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

ตัวอย่างหน้าข้อผิดพลาด 404 จากเว็บไซต์ เกมเก่าที่ดี

14. แคนวา

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

ตัวอย่างหน้าข้อผิดพลาด 404 จากเว็บไซต์ canva

15. อินโนเทค

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

ตัวอย่างหน้าข้อผิดพลาด 404 จากเว็บไซต์ innotech

16. มากมาย

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

ตัวอย่างหน้าข้อผิดพลาด 404 จากเว็บไซต์มากมาย

17. คอนมาริ

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

ตัวอย่างหน้าข้อผิดพลาด 404 จากเว็บไซต์ mario kondo

18. BrandCrowd

ภาพประกอบในหน้าข้อผิดพลาดนี้ไม่เพียงแต่ให้รายละเอียดและมีส่วนร่วมเท่านั้น — สำเนายังฉลาดอีกด้วย เราชอบการอ้างอิงถึงเพลง Semisonic “Closing Time”: “คุณสามารถคลิกที่อื่นได้ แต่คุณไม่สามารถคลิกที่นี่”

ตัวอย่างหน้าข้อผิดพลาด 404 จากเว็บไซต์ brandcrowd

19. โปรดักชั่นฮอตดอท

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

ตัวอย่างหน้าข้อผิดพลาด 404 จากเว็บไซต์ฮอตดอท

20. เสื้อส้ม

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

ตัวอย่างหน้าข้อผิดพลาด 404 จากเว็บไซต์ Orangecoat

21. เออร์วิน แอนด์ สมิธ

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

ตัวอย่างหน้าข้อผิดพลาด 404 จากเว็บไซต์ ervin and smith

22. DayCloud Studios

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

ตัวอย่างหน้าข้อผิดพลาด 404 จากเว็บไซต์ daycloud studios

23. เฮดสเปซ

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

ตัวอย่างหน้าข้อผิดพลาด 404 จาก headspace ของเว็บไซต์

24. ไวด์วูด เบเกอรี่

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

ตัวอย่างหน้าข้อผิดพลาด 404 จากเว็บไซต์ wildwood bakery

ไม่พบหน้า: หน้าข้อผิดพลาด 404 ตลก

25. อัสตูเทโอ

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

404 error page example from the website astuteo

26. เลโก้

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

404 error page example from the website lego

27. Magnt

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

404 error page example from the website magnt

28. IconFinder

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

ตัวอย่างหน้าข้อผิดพลาด 404 จากตัวค้นหาไอคอนเว็บไซต์

29. ฝันหวาน

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

404 error page example from the website sweet dreams

30. GitHub

บรรทัด "นี่ไม่ใช่หุ่นที่คุณกำลังมองหา" หมายถึงกลอุบายของเจไดของ Obi-Wan Kenobi เกี่ยวกับสตอร์มทรูปเปอร์ใน Star Wars Episode IV และกลายเป็นวลีที่รู้จักกันดีเพื่อบอกใครบางคนว่าพวกเขากำลังไล่ตามผิด การดำเนินการ GitHub เล่นบนบรรทัดที่มีชื่อเสียงนี้ในข้อความแสดงข้อผิดพลาด 404

404 error page example from the website github

31. ปาตาโกเนีย

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

404 error page example from the website patagonia

32. คลาวด์ซิกมา

ลองดูสิ: Cloud Sigma ทำให้เรามีส่วนร่วมในเบื้องหลังการทำงานบางอย่าง หน้าข้อผิดพลาด 404 ของพวกเขาแกล้งทำเป็น "หน้าแรกของนักพัฒนารุ่นเยาว์" — นักพัฒนารุ่นน้องคนนั้นก็เป็นแมวเหมือนกัน

404 error page example from the website cloud sigma

33. โรงละคร AMC

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

ตัวอย่างหน้าข้อผิดพลาด 404 จากเว็บไซต์ amc

34. บรูโน่

ไม่ใช่เรื่องบังเอิญที่เอเจนซี่ครีเอทีฟโฆษณาจะมากับหน้า 404 ที่ยอดเยี่ยมได้ นี่เป็นอีกหนึ่งผลงานจากครีเอทีฟของบรูโน่ที่เล่นหนังตลกคลาสสิกเรื่อง Dude, Where's My Car? ไม่ มันไม่เกี่ยวอะไรกับบริษัทหรือเว็บไซต์ แต่รับรองว่าจะต้องหัวเราะเยาะแน่ๆ

404 error page example from the website bruno

35. สนพ

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

ตัวอย่างหน้าข้อผิดพลาด 404 จากเว็บไซต์npr

36. ปานกลาง

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

404 error page example from the website medium

37. โฮมสตาร์รันเนอร์

HomeStarRunner.com ซึ่งเป็นบ้านของซีรีย์การ์ตูนแอนิเมชั่น Flash มีหน้าแสดงข้อผิดพลาด 404 ชุดที่น่าขำตลอดหลายปีที่ผ่านมา ตัวละครล่าสุดจากซีรีส์การ์ตูนในฉากที่อาจออกมาจากตอนใดตอนหนึ่งโดยตรง หากคุณเปิดเสียงเมื่อคุณโหลดหน้า คุณจะได้ยินตัวละคร Strong Bad ของพวกเขา ซึ่งเป็นที่รู้จักจากการตะโกนวลีดังๆ ว่า “404'd!”

404 error page example from the website homestarrunner

38. Blizzard Entertainment

นี่เป็นแนวคิดง่ายๆ ที่จบลงด้วยการดูเนียน: หน้า 404 ของ Blizzard Entertainment มีตัวละครแอนิเมชั่นที่หายไปในพายุหิมะจริงๆ และอารมณ์ขันที่แฟน ๆ ของ World of Warcraft จะประทับใจ

404 error page example from the website blizzard entertainment

39. สวัสดี บิ๊กไอเดีย

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

404 error page example from the website hello big idea

40. HubSpot

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

404 error page example from the website hubspot

เปลี่ยนหน้าข้อผิดพลาด 404 ให้เป็นช่วงเวลาแห่งความสุข

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

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

หมายเหตุบรรณาธิการ: โพสต์นี้เผยแพร่ครั้งแรกในเดือนธันวาคม 2015 และได้รับการอัปเดตเพื่อความครอบคลุม

คำกระตุ้นการตัดสินใจใหม่