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

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

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

การสร้างและแก้ไขหน้า 404

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

มาเริ่มกันเลย.

พร้อมหน้า 404.

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

โดยพื้นฐานแล้วนั่นแหล่ะ หากคุณมีคำถามใด ๆ เขียนในความคิดเห็น และอย่าลืมพรุ่งนี้ - วันอาทิตย์ ฟรี เข้าร่วมทุกคน!

_____________________________

บทเรียนต่อไป: บทที่ 56: การแสดงปุ่มรีทวีตบนบล็อก

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

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

ทำไมหน้าข้อผิดพลาด 404 จึงปรากฏขึ้น

ในร้านค้าออนไลน์ ข้อผิดพลาดอาจเกิดขึ้นได้ในกรณีต่อไปนี้:

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

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

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

จะสร้างหน้า 404 ได้อย่างไร?

ไปที่ตัวจัดการไฟล์และค้นหาไฟล์ 404.htm:

หากไม่มีไฟล์ ให้สร้างโดยใช้ชื่อ 404.txt โดยใช้แผ่นจดบันทึกปกติ แล้วเปลี่ยนนามสกุลเป็น .htm

เราจะใช้เทมเพลตเว็บไซต์ของเรา โดยไปที่แผงควบคุม การออกแบบ - การจัดการการออกแบบ (เทมเพลต)และหาแม่แบบ หน้าเว็บไซต์:

มาคัดลอกเทมเพลตไปยังไฟล์ 404.htm ของเรา:

ตอนนี้งานของเราคือแทนที่รหัส $ ทั้งหมดด้วย $ และค่าคงที่ใดๆ:

เทมเพลตนี้มักจะมีบล็อกทั่วโลก พวกเขายังต้องถูกแทนที่ด้วยซอร์สโค้ดที่ตรงกับรูปแบบบล็อกทั่วโลก

ด้วยเหตุนี้ เทมเพลตหน้า 404 จึงไม่ควรมีรหัส $, $ หรือ... เมื่อคุณดูหน้าดังกล่าว หน้านั้นจะดูเหมือนหน้าใดหน้าหนึ่งในเว็บไซต์ของคุณ:

จะปรับปรุงหน้า 404 ของคุณได้อย่างไร

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

1. คำอธิบาย - ผู้ใช้ไปถึงที่ใด เหตุใดจึงเกิดขึ้น และจะทำอย่างไรต่อไป
2. เมนูหลัก: "บ้าน", "จัดส่ง", "ชำระเงิน", "ติดต่อ" และอื่น ๆ
3. รายการหลักของแคตตาล็อกสินค้ารวมถึงลิงก์ใน "การขาย", "รายการใหม่", "สินค้าขายดี" (บทเรียนเกี่ยวกับการจัดการหมวดหมู่);
4. แบบฟอร์มการค้นหาไซต์และแท็กยอดนิยม (บทเรียนเกี่ยวกับแท็ก);
5. รายการสุ่มหลายรายการ คุณสามารถใช้ตัวแจ้ง HTML $ MYINF_12 $ จะไม่ทำงาน แต่- อย่างมาก (ในทางปฏิบัติเป็นหนึ่งเดียวกัน);

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

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

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

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

จะสร้างหน้า 404 ได้อย่างไร?

ในการแก้ไขหน้า 404 การเปลี่ยนแปลงไฟล์ 404.php ซึ่งอยู่ในโฟลเดอร์ที่มีธีมของบล็อกก็เพียงพอแล้ว การแก้ไขไฟล์สามารถทำได้ในแผงการดูแลระบบ Word Press ของบล็อกของคุณ ไปที่แผงการดูแลระบบ "ลักษณะที่ปรากฏ" ===> รายการย่อย "ตัวแก้ไข"

ที่ด้านขวาของหน้าจอ ในรายการไฟล์ ให้เลือก Error 404 Template (404. php)

เปิดไฟล์. ในกรณีของฉันดูเหมือนว่า:

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

ใส่รูปภาพ

ระหว่างบรรทัดข้อความ ฉันแทรกรูปภาพที่ฉันดาวน์โหลดและแก้ไข รูปภาพจะต้องอัปโหลดไปยังโฮสต์