👉 11 หน้าเว็บที่ดีที่สุด 404 หน้าเพื่อทำให้ผู้เยี่ยมชมที่หลงหายไปสู่ลูกค้าภักดี

มีอะไรใหม่ใน WordPress 3.6

เกิดอะไรขึ้นหากเราบอกคุณว่าหน้าข้อผิดพลาด 404 ของคุณสามารถเพิ่ม Conversion และเพิ่มรายได้ได้จริง

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

ในบทความนี้เราจะครอบคลุมหน้าเว็บ 404 หน้าที่ที่ดีที่สุดถึง 11 หน้าและ ทำไมพวกเขาทำงาน.

ขั้นแรกเราจะพูดถึงประมาณ 404 หน้าและทำไมถึงสำคัญ

หน้าข้อผิดพลาด 404 คืออะไรและทำไมคุณจึงควรดูแล

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

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

หน้า 404 ของคุณแสดงถึงแบรนด์ของคุณหรือไม่?

ถ้าไม่คุณเป็น อย่างแน่นอน สูญเสียผู้เข้าชมที่อาจเขียนคุณออกและไม่เคยกลับมา

นี้…

ไม่ใช่รูปลักษณ์ที่ดีสำหรับทุกคน

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

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

1. เลโก้ – ไม่พบ "ไม่พบหน้าเว็บ" ข้อผิดพลาด

ทำไมมันถึงใช้งานได้:

ไม่เพียงเลโก้แบรนด์ 404 หน้า 100% เท่านั้น แต่ยังสนุกและเข้าใจง่าย ไม่มีข้อความทางเทคนิคและไม่มีการอ้างอิงถึง "ข้อผิดพลาด 404" ที่คนบางคนอาจไม่เข้าใจ

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

ทำอย่างไร:

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

  • "ไม่พบหน้านี้."
  • "ขออภัยเราไม่พบหน้าเว็บที่คุณต้องการ"
  • “อ๊ะ! มีอะไรบางอย่างที่ไม่ดี "
  • "โอ้ที่รักการเชื่อมโยงนี้ไม่ทำงาน"

2. Email Center UK – ตัวอย่างหน้าเว็บแบบโต้ตอบ 404

ทำไมมันถึงใช้งานได้:

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

ทำอย่างไร:

อย่าตำหนิผู้เยี่ยมชมสำหรับข้อผิดพลาด แทน, ขอโทษ.

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

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

แย่ลุคจริงๆ

3. List25 – หน้า 404 ที่ดีที่สุด

ทำไมมันถึงใช้งานได้:

หน้าแสดงข้อผิดพลาด 404 จาก List25 นี้เป็นสิ่งที่ยอดเยี่ยมและแบรนด์ดังกล่าวก็ทำร้าย

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

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

ทำอย่างไร:

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

นี่เป็นรายการสาเหตุที่เป็นไปได้สำหรับข้อผิดพลาด 404:

  • URL ที่ไม่ถูกต้อง
  • ข้อผิดพลาดในการคัดลอกและวาง
  • ลิงก์เสีย
  • ลิงค์ตัดทอน
  • ย้ายเนื้อหาแล้ว
  • ลบเนื้อหาแล้ว

ถ้าคุณต้องการที่จะโยนในบางคนสนุกที่ทำงานร่วมกับการสร้างตราสินค้าของคุณทำมัน!

4. Brett Terpstra – การออกแบบหน้าเว็บแบบง่าย 404

ทำไมมันถึงใช้งานได้:

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

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

หน้าไม่ฉูดฉาด แต่เป็นประโยชน์อย่างมาก

ทำอย่างไร:

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

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

5. Steve Madden – หน้า 404 พร้อมผลิตภัณฑ์

ทำไมมันถึงใช้งานได้:

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

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

ทำอย่างไร:

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

บางอย่างที่จะรวมไว้ในการออกแบบหน้าเว็บ 404 หน้าของคุณ:

  • การนำทางเมนู
  • ลิงค์กลับไปที่หน้าแรก
  • ลิงก์ไปยังแผนผังไซต์ของคุณ
  • แถบค้นหา
  • ลิงก์ไปยังโพสต์ยอดนิยม
  • ลิงก์ไปยังผลิตภัณฑ์ยอดนิยม

6. 9gag – 404 หน้าข้อความที่มีคำกระตุ้นการตัดสินใจ

ทำไมมันถึงใช้งานได้:

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

การเพิ่มหน้าเต็มรูปแบบของ Pulp Fiction Travolta gif เป็นสัมผัสความสนุก!

ทำอย่างไร:

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

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

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

7. เส้นทาง – การออกแบบหน้าเว็บแบบ Super-Simple 404

ทำไมมันถึงใช้งานได้:

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

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

ทำอย่างไร:

เป้าหมายคือการ ให้ผู้เข้าชมมีโอกาสรายงานปัญหา.

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

8. IMDB – Funny and On-Brand หน้า 404

ทำไมมันถึงใช้งานได้:

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

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

ทำอย่างไร:

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

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

9. Everipedia – ข้อความแสดงข้อผิดพลาด 404 ตัวอย่าง

ทำไมมันถึงใช้งานได้:

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

ทำอย่างไร:

ลำโพง TED และนักการตลาด Renny Gleeson กล่าวว่าจากหน้าข้อผิดพลาด 404,

ความผิดพลาดง่ายๆที่สามารถบอกได้ว่าคุณคืออะไร หรือเตือนฉันว่าทำไมฉันถึงรักคุณ

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

10. Heyzap – หน้า 404 แบบโต้ตอบที่ดีที่สุด

ทำไมมันถึงใช้งานได้:

ใครไม่ชอบเล่นเกม?

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

ทำอย่างไร:

ไม่คุณไม่ต้องพัฒนาเกม แต่ควรพิจารณา เพิ่มองค์ประกอบแบบโต้ตอบลงในเพจของคุณ.

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

11. OptinMonster – ตัวอย่างหน้าตัวอย่าง 404 ด้วยแม่เหล็กตะกั่ว

ทำไมมันถึงใช้งานได้:

หน้า 404 ของ OptinMonster มีแม่เหล็กนำร่องสุดเจ๋ง นอกจากนี้การดาวน์โหลดเกี่ยวกับวิธีแปลงผู้เข้าชมที่ยกเลิกจากหน้าข้อผิดพลาดเป็นอัจฉริยะสวย

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

ใช่เราเป็นคนลำเอียงเล็กน้อย แต่เรายังดีที่สิ่งนี้ นี้จะแปลงเป็น gangbusters

ทำอย่างไร:

นำเสนอแม่เหล็กนำของคุณเองด้วย เพิ่ม a MonsterLink ไปยังหน้าแสดงข้อผิดพลาด 404 ของคุณ

MonsterLinks เป็นหนึ่งในคุณสมบัติที่ยอดเยี่ยมของ OptinMonster ที่ช่วยให้คุณสามารถเปิดการเชื่อมโยงปุ่มหรือภาพลงในขั้นตอนการ optin แบบ 2 ขั้นตอน

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

ต่อไปนี้เป็นขั้นตอน 2 ขั้นตอน:

optins เหล่านี้ได้รับการพิสูจน์เพื่อเพิ่มการแปลงโดยเท่า 785%! คลิกที่นี่เพื่อเริ่มต้นใช้งาน OptinMonster จากนั้นทำตามบทแนะนำนี้เพื่อเพิ่ม MonsterLink ในหน้าแสดงข้อผิดพลาด 404 ของคุณ

ส่วนโบนัส: ออกจากเจตนา

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

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

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

(ซึ่งสร้างขึ้นโดยใช้ธีม Canvas ของ OptinMonster)

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

นอกจากนี้คุณสามารถใช้ความตั้งใจในการออกเพื่อให้รหัสคูปองหรือส่วนลดแก่ผู้เข้าชมเมื่อออกจากหน้าเว็บ 404 ของคุณ

ที่นั่นคุณมี! 11 ของ 404 หน้าที่ดีที่สุดที่เราพบและเคล็ดลับมากมายที่คุณสามารถใช้เพื่อเพิ่ม Conversion และเพิ่มรายได้

กำลังมองหาเคล็ดลับเพิ่มเติมเพื่อเพิ่มรายได้หรือไม่ ตรวจสอบคู่มือการเพิ่มประสิทธิภาพอีคอมเมิร์ซ Ultimate: 13 ขั้นตอนในการเพิ่มรายได้ทันที!

ติดตามเราได้ทาง Facebook และ Twitter สำหรับเคล็ดลับและคำแนะนำที่ดียิ่งขึ้นจาก OptinMonster

ดูวิดีโอ: มีอะไรบ้างใน v-ray

Like this post? Please share to your friends:
ใส่ความเห็น

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: