20+ ตัวอย่างที่ยอดเยี่ยมของ 404 หน้า

การเชื่อมโยงไปถึง 'ไม่พบหน้า' สามารถกระตุ้นให้ผู้เยี่ยมชมของคุณคลั่งไคล้

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

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

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

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

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

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

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

ต่อไปนี้คือตัวอย่างที่ดี 23 ตัวอย่างจาก 404 หน้าที่ทำได้ดี

ภาพที่เห็นเป็นเรื่องปกติในหน้า 404 แต่การพึ่งพาเนื้อหาเพียงอย่างเดียวก็สามารถสร้างผลกระทบได้เช่นเดียวกัน

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

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

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

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

Steve Jobs กล่าวว่า "ความคิดสร้างสรรค์เป็นเพียงการเชื่อมโยงสิ่งต่างๆ" สังเกตได้ยาก แต่ 9Gag ได้สร้างการเชื่อมต่อที่สร้างสรรค์ระหว่างหนึ่งใน gif ที่ได้รับความนิยมมากที่สุด Confused Travolta และหน้า 404 ของพวกเขา ผลลัพธ์อาจไม่ตลกแบบ 'ฮาฮา' แต่เป็นตัวอย่างที่สำคัญของการเชื่อมโยงเนื้อหาภาพของแบรนด์ของคุณกับ 'ไม่พบหน้า'

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

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

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

Woodger ยังเชื่อมโยงผู้เยี่ยมชมเข้ากับผลงานของเขาอย่างชาญฉลาดด้วยบรรทัด 'คุณอาจกำลังมองหางานภาพประกอบของฉัน…'

แม้ว่าจะเห็นได้ชัดว่ามีข้อบกพร่องและแสดง HTML เปลือย แต่ไซต์ของ Conan O'brien ก็ไม่ทำให้ผิดหวัง โดยใช้ชุด gif เพื่อฉายแสงสปอตไลท์เกี่ยวกับสถานการณ์ของ Andy และ Conan

Comedy Central ฉลาดพอที่จะแสดงตัวละครหลายตัวจากการแสดงของพวกเขาและระบุการอ้างอิงที่เกี่ยวข้องกับหน้า 404 ของแต่ละรายการ ตัวอย่างเช่น Trevor Noah จาก The Daily Show ปรากฏตัวด้วยใบหน้าที่สับสนและคำพูดที่เกี่ยวข้องกับส่วน 'Moment of Zen' จากการแสดงของเขา

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

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

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

นี่คือการออกแบบหน้า 404 อีกรูปแบบที่เป็นต้นฉบับและคาดไม่ถึง Blizzard Entertainment มีหน้าต่างเสีย เมนูที่ดูเหมือนจะพัง และข้อกล่าวหา: 'ยินดีด้วย (ยินดีด้วย) คุณทำมันพัง'

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

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

หน้า 404 ของ Distilled มีบทสนทนาการ์ตูนอังกฤษที่เต็มไปด้วยวลีเช่น 'old chap' และ 'blasted' พวกเขาเรียก 404 ว่า 'ข้อความแสดงข้อผิดพลาดสี่ร้อยสี่' ซึ่งเป็นเรื่องตลกในตัวเอง

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

การกลั่นเป็นชาวอังกฤษซึ่งทำให้ทั้งหน้าดูไร้สาระยิ่งขึ้น มันทำให้ผมนึกถึงภาพสเก็ตช์ Four Yorkshiremen ของ Monty Python ซึ่งทำให้ผมรู้สึกหงุดหงิดอยู่เสมอ

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

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

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

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

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

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

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

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

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

แม้ว่าจะไม่ได้อยู่ในหมวดหมู่ 'ตลก' คุณสามารถซื้อเทมเพลต SHOCK และตั้งค่าสำหรับหน้า 404 ของคุณได้

หน้า SHOCK กำลังจะมาในเร็วๆ นี้ ซึ่งมี 6 สไตล์พื้นหลังสำหรับทุกรสนิยม

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

หากคุณต้องการสร้างหน้า 404 ของคุณเอง อย่าลืมตรวจสอบ คุณสมบัติการออกแบบหน้า 404 ด่วนของ Elementor