Computer >> कंप्यूटर ट्यूटोरियल >  >> नेटवर्किंग >> इंटरनेट

मजेदार और रचनात्मक वर्डप्रेस 404 पेज डिजाइन करना

क्या संख्या 404 आपके लिए कुछ मायने रखती है? यदि आपने काफी देर तक इंटरनेट ब्राउज़ किया है, तो आप इस संख्या को एक से अधिक बार देख सकते हैं। यह हर बार दिखाई देता है जब कोई साइट खराब लिंक, टाइपो, URL परिवर्तन, हटाए गए पेज, या कई अन्य संभावित कारणों के कारण उपयोगकर्ता अनुरोध को पूरा नहीं कर सकती। जहां कुछ वेब मालिक 404 पेज से डरते थे, वहीं अन्य ने उन्हें अपने रचनात्मक आउटलेट के रूप में उपयोग करने का फैसला किया और वास्तव में मजेदार और अद्भुत परिणाम सामने आए।

404 पेज की अवधारणा

यदि आप एक वेबसाइट का प्रबंधन करते हैं, तो 404 पेज व्यवसाय के लिए बुरा है क्योंकि इसका मतलब है कि आप हर बार उस पेज के लोड होने पर एक विज़िटर खो सकते हैं। इसका यह भी मतलब है कि वेब मालिक अपनी साइट को बनाए रखने में संतोषजनक से कम काम करता है।

आइए समस्या को उपयोगकर्ता के दृष्टिकोण से देखें। जब आप एक लिंक पर क्लिक करते हैं और एक 404 पेज पर पहुंचते हैं जो कहता है कि आप जो खोज रहे हैं वह मौजूद नहीं है तो आप क्या करेंगे? अधिकांश लोग बस टैब बंद कर देंगे और दूसरे लिंक का पीछा करने के लिए आगे बढ़ जाएंगे, जब तक कि उन्हें ऐसा न करने का कोई कारण न दिया जाए।

यह स्पष्ट है कि यदि आप अपने विज़िटर्स को भागने से रोकना चाहते हैं, तो आपको अपने 404 पेज को केवल एक त्रुटि संदेश से अधिक दिखाने के लिए संशोधित करना होगा।

अपनी पुस्तक "इमोशनल डिज़ाइन" में, डोनाल्ड नॉर्मन ने कहा कि एक महान डिज़ाइन इस बारे में है कि यह आपको कैसा महसूस कराता है, यह आपको क्या करने में मदद करता है, और यह आपके बारे में क्या कहता है। इस सिद्धांत को वेब डिज़ाइन पर लागू करने का अर्थ है कि एक सफल 404 पेज को:

  • विज़िटर्स को सकारात्मक महसूस कराना चाहिए - आप अपने विज़िटर को मनोरंजन के लिए मजेदार शब्दों और तस्वीरों का उपयोग कर सकते हैं, या अद्भुत छवियों के साथ उन्हें विस्मित कर सकते हैं। सुनिश्चित करें कि आपके 404 पेज पर पहुंचना एक अप्रत्याशित लेकिन पुरस्कृत अनुभव है। इसे एक दुर्घटना के बजाय ईस्टर एग ढूंढने या लॉटरी जीतने के समान बनाएं।
  • विज़िटर्स को कुछ और करने/प्राप्त करने में मदद करना चाहिए - आपका 404 पेज थोड़ा प्रचार करने के लिए भी एक अच्छी जगह है। आप वहां अपने लोकप्रिय पोस्ट के लिंक डाल सकते हैं या अपनी साइट पर अन्य स्थानों के लिंक जिन्हें आप अपने विज़िटर्स को देखना चाहते हैं। एक खोज बॉक्स और टूटे हुए लिंक की रिपोर्ट करने का एक तरीका शामिल करना न भूलें ताकि आप इसे ठीक कर सकें।
  • विज़िटर्स को दिखाएं कि आप कौन हैं - इंटरनेट पर अपनी प्रतिष्ठा स्थापित करने के लिए ब्रांडिंग और व्यक्तित्व महत्वपूर्ण हैं। तो क्यों न 404 पेज को उस लक्ष्य को प्राप्त करने के एक और तरीके के रूप में उपयोग किया जाए? पेज को उस छवि के साथ सिंक में बनाएं जिसे आप दुनिया को दिखाना चाहते हैं।

वर्डप्रेस में 404 पेज बनाना

वर्डप्रेस में 404 पेज बनाने का सबसे आसान तरीका 404page नामक प्लगइन का उपयोग करना है। यह प्लगइन आपको किसी भी पेज को कस्टम 404 पेज के रूप में सेट करने देगा। बस एक पेज बनाएं और अनुकूलित करें, और इसे अपना 404 चुनें।

चूंकि आप अपने वर्डप्रेस के लिए किसी भी थीम का उपयोग कर सकते हैं, और विभिन्न पेज बिल्डर हैं जो आपकी कल्पना के किसी भी पेज को बनाने में आपकी मदद कर सकते हैं, इसलिए आपके वर्डप्रेस साइट के लिए आप जिस तरह का 404 बना सकते हैं, उसकी वस्तुतः कोई सीमा नहीं है।

आपकी प्रेरणा के लिए रचनात्मक 404 पेज

जब आप अपने वर्डप्रेस साइट के लिए एक कस्टम 404 पेज बनाने के लिए तैयार हों, तो यहां कुछ रचनात्मक और मजेदार 404 पेज हैं जो आपको प्रेरित कर सकते हैं।

फोर्ड

फोर्ड, एक कार निर्माता, 404 बनाने के लिए एक सड़क का चतुराई से उपयोग करता है और एक एनिमेटेड कार जो लूप में कहीं नहीं जाती।

रोमन मेंशिकोव

यह 404 पेज अवधारणा खोए हुए होने की भावना को दिखाने के लिए छवि के अकेले वातावरण का उपयोग करती है।

डेरेक क्लार्क

एक और 404 पेज अवधारणा जो फोटोग्राफी साइट्स के लिए उपयुक्त होगी।

गिगमास्टर्स

एक साइट के रूप में जो शो और प्रदर्शन से संबंधित है, एक गायब होने वाले पेज का प्रतिनिधित्व करने के लिए एक जादूगर का उपयोग करना दर्शाता है कि वेबमास्टर ने पेज की योजना बनाने में बहुत सोचा है।

द मूवी नर्ड

यह साइट 404 पेज का उपयोग भर्ती पेज के रूप में करती है। यदि आपको वह नहीं मिल रहा है जो आप खोज रहे हैं, तो क्यों न आप इसे हमारे लिए लिखें?

आई लव आइकन्स

यह कहां है? वह क्या है? यह 404 जैसा दिखता है। क्या मैं खो गया हूँ?

ब्रेंडन पिटमैन

दर्शकों में कोई नहीं है। शायद ऐसा इसलिए है क्योंकि किसी को यहां नहीं होना चाहिए। आप खो गए हैं; घर लौटें। संगीत-संबंधी साइट्स के लिए एक शानदार 404 पेज अवधारणा।

मिशेल गेरे किस.कॉम के लिए

पार्टी कहां है? इस 404 पेज पर नहीं।

लेगो

इसके आंकड़ों के अलावा लेगो साइट का बेहतर प्रतिनिधित्व क्या कर सकता है?

अम्ब्रो

एक खेल-संबंधी कंपनी के रूप में अपनी पहचान बनाए रखने के लिए, अम्ब्रो ने एक खेल-संबंधी 404 पेज बनाया।

IMDB

एक मूवी डेटाबेस साइट के लिए मूवी-संबंधी 404 पेज दिखाना उचित है। हर बार जब आप पेज रिफ्रेश करते हैं तो पेज अलग-अलग मूवी कोट दिखाएगा।

डिल्बर्ट

एक मजेदार 404 पेज कॉमिक स्ट्रिप दिखाता हुआ 404 पेज। स्कॉट एडम्स ने पहले क्या बनाया: स्ट्रिप या पेज?

मार्क डिज्क्स्ट्रा

कभी-कभी सादगी एक लंबा रास्ता तय कर सकती है। पेज सरल दिख सकता है, लेकिन इसे बनाना इसके लुक जितना महत्वपूर्ण नहीं है।

मैग्नेट

मैग्नेट सारा दोष अपने ऊपर नहीं लेना चाहता। आप और आपकी टाइप करने की अक्षमता भी 404 पेज लाने के लिए जिम्मेदार हैं।

ब्लू फाउंटेन मीडिया

आइए Pac-Man खेलें। गायब पेज? कौन सा गायब पेज?

हुवशिमी

निंजा क्यों? क्यों नहीं?

वीअरस्प्राई

नहीं, घर मत जाओ। मां, क्या मैं इसे रख सकता हूँ?

नॉटफाउंड.ऑर्ग

और यदि आप अभी भी सुनिश्चित नहीं हैं कि आप किस तरह का वर्डप्रेस 404 पेज बनाना चाहते हैं, तो आप उस त्रुटि पेज को अच्छे उपयोग में ला सकते हैं। NotFound.org एक संगठन है जो लापता बच्चों को खोजने में मदद करता है। यदि आप भाग लेने का निर्णय लेते हैं, तो आपका 404 पेज हमेशा नवीनतम लापता बच्चों की जानकारी के साथ अपडेट रहेगा। जानकारी फैलाकर, आप उन दुर्भाग्यपूर्ण युवाओं को खोजने की संभावना बढ़ाते हैं।

यह सूची केवल सतह को खरोंचती है। वहां टन अन्य रचनात्मक 404 पेज हैं, और उन सभी को यहां रखना असंभव है। तो, कृपया नीचे टिप्पणियों का उपयोग करके अपने पसंदीदा साझा करें।

छवि क्रेडिट: जोनाथन पैटरसन

  1. वर्डप्रेस में JavaScript को कुशलतापूर्वक डिफर करें: Defer और Async तकनीकों से गति बढ़ाएं वर्डप्रेस में JavaScript को कुशलतापूर्वक डिफर करें: Defer और Async तकनीकों से गति बढ़ाएं

    तेजी से लोड होने वाली वर्डप्रेस साइटें विज़िटर के लिए उपयोगकर्ता अनुभव को बढ़ाने, खोज इंजन पर आपकी वेबसाइट की दृश्यता में सुधार करने, और आपकी साइट के ऑर्गेनिक ट्रैफ़िक को बढ़ाने के मामले में गंभीर लाभ देती हैं। एक वेब पेज में HTML, CSS, JavaScript, और चित्र होते हैं, और पेज लोड समय को कम करने के लि

  1. Firefox पर WordPress 5.4 में htaccess प्रमाणीकरण प्रॉम्प्ट हल करें Firefox पर WordPress 5.4 में htaccess प्रमाणीकरण प्रॉम्प्ट हल करें

    समस्या विस्तार से वैसे, कहने के लिए बहुत कुछ नहीं है। Firefox में साइट ब्राउज़ करने वाले सामान्य लोग एक प्रमाणीकरण विंडो प्रॉम्प्ट देखेंगे जिसका उनसे कोई लेना-देना नहीं है। यह कष्टप्रद, ध्यान भटकाने वाला - और अनावश्यक है। इसलिए हमें इसे ठीक करने का एक तरीका चाहिए, वास्तव में .htaccess फ़ाइल को हटाए

  1. मोज़िला ऑरोरा: ब्राउज़र नवाचार के ब्लीडिंग एज को अपनाएं मोज़िला ऑरोरा: ब्राउज़र नवाचार के ब्लीडिंग एज को अपनाएं

    तकनीक के ब्लीडिंग एज शब्द का एक पूरी तरह से नया अर्थ होता है जब आप युवा और नवेली अवधारणाओं को अपनाते हैं या अल्फा-बीटा गुणवत्ता वाले सॉफ़्टवेयर में डब करते हैं। हमने पहले से ही इसका एक प्रमुख उदाहरण फेडोरा में देखा है, एक लिनक्स वितरण जिसमें अंतर्निहित अस्थिरता एक विशेषता है न कि बग। अब, फायरफॉक्स क