หน้า Magento 404: วิธีสร้างและปรับแต่งอย่างมีประสิทธิภาพใน Magento 2

เผยแพร่แล้ว: 2022-02-27

ในเว็บไซต์อีคอมเมิร์ซ Magento 2 หน้า "404 Page Not Found" (หรือ "404 Page" โดยย่อ) จะปรากฏขึ้นเมื่อคุณพยายามเข้าถึงหน้าเว็บบางหน้า แต่ไม่พบ (ถูกย้ายหรือลบออก)

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

วิธีเพิ่มหน้า 404 ในเว็บไซต์อีคอมเมิร์ซ Magento 2

  • ขั้นตอนที่ 1 : ไปที่แผงการดูแลระบบ ไปที่ CONTENT และเลือก Pages (ภายใต้ Elements ) จากนั้นคลิกที่ เพิ่มหน้าใหม่

จากนั้นคลิกที่ เพิ่มหน้าใหม่

  • ขั้นตอนที่ 2: เพิ่มเนื้อหาสำหรับ Magento 2 404 Page
  1. คุณต้องเปิดใช้งานเพจโดยเลือก ใช่ ใน เปิดใช้งานเพจ
  2. ตั้ง ชื่อเพจ (เช่น 404 Page Not Found)
  3. เพิ่มเนื้อหาลงในเพจ (รวมถึง หัวข้อเนื้อหา และคำอธิบาย)
  4. ขยายส่วน Search Engine Optimization ตั้งค่า URL Key, Meta Title/ Keywords/ Description ที่จะแสดงในหน้าผลลัพธ์ของเครื่องมือค้นหา (SERPs)
  5. เลือกมุมมองร้านค้าที่หน้า 404 นี้ตั้งอยู่
  6. เลือก เล ย์เอาต์ของเพจและเพิ่มเลย์เอาต์ อัพเดต XML หากคุณต้องการ สำหรับหน้า 404 เลย์เอาต์นั้นมีความสำคัญและขึ้นอยู่กับความเข้มข้นที่ร้านค้าสามารถเลือกเลย์เอาต์ที่เหมาะสมได้ (1, 2 หรือ 3 คอลัมน์ที่มีแถบด้านข้างซ้ายหรือขวา)
  7. สุดท้าย ตั้งเวลาเฉพาะสำหรับ Custom Design Update

เคล็ดลับที่เป็นประโยชน์ในการปรับปรุงหน้า Magento 404

ก่อนอื่น มาดูหน้าเริ่มต้นของ Magento 2 404:

เริ่มต้น Magento 2 404 หน้า

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

โอกาสเหมาะที่จะโปรโมทสินค้าที่โดดเด่น

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

การเพิ่มผลิตภัณฑ์ใหม่ของคุณในหน้า 404 เป็นเรื่องง่ายโดยการเพิ่มวิดเจ็ตในเนื้อหาของหน้า:

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

อย่าลืมช่วยเหลือลูกค้าที่ยังไม่พบสิ่งที่ต้องการบนไซต์ของคุณ

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

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

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

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

การปรับแต่งหน้า 404 ใน Magento 2

เราจะเปลี่ยนเนื้อหาให้อยู่ในรูปแบบที่คุ้นเคย แน่นอนว่าสิ่งนี้ขึ้นอยู่กับธีมของคุณ แต่เรากำลังดำเนินการในลักษณะเริ่มต้นโดยทำตามขั้นตอนห้าขั้นตอนเหล่านี้:

1. เปลี่ยนหัวข้อเนื้อหา

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

2. แทนที่เนื้อหาที่มีข้อบกพร่อง

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

3. เพิ่มรูปภาพหน้า 404A

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

4. เพิ่มวิดเจ็ต

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

5. เปลี่ยนเค้าโครงเนื้อหาของหน้า 404

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

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

ยกระดับเว็บไซต์ของคุณด้วย ArrowHiTech – พันธมิตรอย่างเป็นทางการของ Magento

กำลังมองหาการพัฒนา Magento แบบกำหนดเองอยู่ใช่ไหม กำลังมองหาการออกแบบที่กำหนดเองหรือออกแบบร้านค้าออนไลน์ของคุณใหม่หรือไม่? ไม่ว่าโซลูชันแบบกำหนดเองใดๆ ก็ตามที่จำเป็นสำหรับโครงการ Magento eCommerce ของคุณเพื่อสร้างรายได้ที่มากขึ้น – เราพร้อมที่จะพบกับความท้าทายนั้น ที่ Magesolution เราให้บริการแบบ end-to-end รวมถึงการให้คำปรึกษา การออกแบบและการพัฒนาแบบกำหนดเอง ตลอดจนบริการสนับสนุนและบำรุงรักษาสำหรับไซต์ออนไลน์ของคุณ ติดต่อสอบถาม ปรึกษาฟรี