खोज टेम्प्लेट आपको अपने वर्डप्रेस खोज परिणाम पृष्ठ के लेआउट और उपस्थिति को डिज़ाइन करने देते हैं लिंक की उबाऊ सूची के बजाय, आप कस्टम लेआउट, फ़िल्टरिंग विकल्प और सहायक सुविधाओं के साथ नेत्रहीन आकर्षक खोज परिणाम बना सकते हैं जो उपयोगकर्ता अनुभव को बेहतर बनाते हैं और आपकी साइट पर आगंतुकों को लंबे समय तक रखते हैं।
खोज परिणामों को अनुकूलित क्यों करें? #
- बेहतर यूएक्सः उपयोगकर्ताओं को वह ढूंढने में सहायता करें जो वे तेजी से खोज रहे हैं
- ब्रांड संगतिः अपनी साइट के डिज़ाइन के अनुसार खोज परिणामों का मिलान करें
- कम बाउंस दरः प्रारंभिक परिणाम सही नहीं होने पर भी उपयोगकर्ताओं को व्यस्त रखें
- मुद्रीकरण के अवसरः खोज परिणामों में विज्ञापन, विशेष सामग्री या उत्पाद दिखाएँ
चरण-दर-चरण: एक खोज टेम्पलेट बनाना #
१ नया खोज टेम्पलेट बनाएँ #
पर नेविगेट करें मास्टर ऐडऑन → थीम बिल्डर → नया टेम्पलेट जोड़ें.
2. बुनियादी विन्यास #
- साँचा शीर्षकः वर्णनात्मक नाम (जैसे, “खोज परिणाम पेज” या “साइट खोज लेआउट”)
- साँचा प्रकारः चयन करें खोजें ड्रॉपडाउन से
- सक्रियण: तय करना सक्रिय डिजाइनिंग के बाद।
क्लिक करें सेटिंग्स सहेजें डिजाइन करने से पहले।
३ एलिमेंट के साथ एडिट करें #
क्लिक करें एलिमेंट के साथ संपादित करें। आपके खोज परिणाम पृष्ठ को डिज़ाइन करने के लिए आपके पास एक खाली कैनवास होगा।
महत्वपूर्ण नोटः खोज टेम्प्लेट स्वचालित रूप से वर्डप्रेस से खोज क्वेरी प्राप्त करते हैं आप अपने खोज बॉक्स में उपयोगकर्ताओं द्वारा टाइप किए गए खोज परिणामों के आधार पर खोज परिणाम प्रदर्शित करेंगे।
४ मास्टर ऐडऑन खोज तत्वों का उपयोग करना #
मास्टर एडॉन्स खोज कार्यक्षमता के लिए विशेष विजेट प्रदान करता हैः
मास्टर ऐडऑन खोज विजेटः #
- खोज बारः परिणामों के शीर्ष पर एक प्रमुख खोज बार जोड़ें
- लाइव खोजः उपयोगकर्ताओं के प्रकार के रूप में वास्तविक समय के परिणाम सक्षम करें
- इसमें खोजेंः केवल विशिष्ट पोस्ट प्रकार खोजने का विकल्प
- अजाक्स लोडिंग: परिणाम पृष्ठ ताज़ा किए बिना लोड
मास्टर एडॉन्स पोस्ट ग्रिड/खोज परिणामों के लिए सूचीः #
खोज परिणामों को प्रदर्शित करने के लिए कॉन्फ़िगर करेंः
- क्वेरी स्रोत: “Search परिणाम” पर सेट करें
- लेआउट विकल्पः ग्रिड, सूची, या चिनाई
- परिणाम गणना: पाए गए परिणामों की संख्या दिखाएँ
- कोई परिणाम संदेश नहींः कस्टम संदेश जब कुछ भी नहीं मिला
मास्टर ऐडऑन फ़िल्टर विजेटः #
खोज परिणामों को परिष्कृत करने के लिए फ़िल्टर जोड़ेंः
- श्रेणी फ़िल्टरः श्रेणी के अनुसार परिणाम फ़िल्टर करें
- दिनांक फ़िल्टरः केवल हाल के परिणाम दिखाएं
- फ़िल्टर टाइप करें: पोस्ट प्रकार (पोस्ट, पेज, उत्पाद) के आधार पर फ़िल्टर करें
5। खोज-विशिष्ट गतिशील सामग्री #
खोज टेम्प्लेट में अद्वितीय गतिशील टैग होते हैंः
खोज क्वेरी जानकारीः #
- खोज क्वेरीः वास्तविक शब्द (ओं) उपयोगकर्ता के लिए खोज की
- खोज परिणाम गिनतीः “'कीवर्ड'” के लिए 15 परिणाम दिखा रहा है
- खोज सुझावः “क्या आपका मतलब है...?” सुझाव
उदाहरण उपयोगः
- जोड़ना शीर्षक विजेट → डालें खोज क्वेरी डायनामिक टैग → “परिणाम: [खोज शब्द]”
- जोड़ना पाठ विजेट → डालें खोज परिणाम गिनती डायनामिक टैग → “Found 24 परिणाम”
- जोड़ना मास्टर ऐडऑन खोज बार → पृष्ठ के शीर्ष पर प्रदर्शित करने के लिए सेट करें
- जोड़ना लूप ग्रिड → क्वेरी को “Search परिणाम” पर सेट करें
६ अपने खोज लेआउट डिजाइनिंग #
प्रभावी खोज परिणाम संरचनाः
१ खोज शीर्षलेख अनुभागः #
- बड़ी खोज पट्टी (फिर से खोजना आसान बनाएं)
- परिणाम गणना के साथ खोज शब्द का प्रदर्शन
- त्वरित फ़िल्टर बटन (हाल के, लोकप्रिय, सभी)
2। मुख्य परिणाम क्षेत्र: #
- ग्रिड या परिणामों की सूची के साथः
- फीचर्ड इमेज
- शीर्षक (जुड़ा हुआ)
- खोज शब्द के साथ अंश पर प्रकाश डाला गया
- पोस्ट प्रकार/श्रेणी बैज
- दिनांक प्रकाशित
३ साइडबार/माध्यमिक सामग्रीः #
- “लोकप्रिय खोज” सूची
- “हाल ही में खोजें” (यदि लॉग इन है)
- श्रेणी फ़िल्टर ड्रॉपडाउन
- “क्या आपको वह नहीं मिल रहा जिसकी आपको आवश्यकता है?” संपर्क संकेत
४ कोई परिणाम अनुभाग नहींः #
- सुझावों के साथ दोस्ताना संदेश
- लोकप्रिय सामग्री लिंक
- संपर्क फ़ॉर्म या समर्थन चैट बटन
5. पृष्ठांकन: #
- परिणामों के एकाधिक पृष्ठों के लिए मानक पृष्ठांकन
- “Load More” बटन विकल्प
७ खोज शर्तों को निर्धारित करना #
डिजाइनिंग के बाद, पर जाएं शर्तों टैब खोज टेम्पलेट्स में विशिष्ट स्थिति विकल्प हैंः
टेम्पलेट स्थितियाँ खोजें:
विकल्प ए: सभी खोज परिणाम #
- शामिल करेंः
Search - यह खोज परिणाम पृष्ठों पर लागू होता है
नोट: अन्य टेम्पलेट्स के विपरीत, खोज की स्थिति आम तौर पर केवल “Search” होती है, जिसे आप विभिन्न प्रकार की खोजों के बीच अंतर नहीं करते हैं (हालांकि आप कस्टम कोड के साथ कर सकते हैं)।
८ कार्यक्षमता विन्यास खोजें #
विजेट सेटिंग्स खोजेंः #
- प्लेसहोल्डर पाठः “आप क्या ढूंढ रहे हैं?”
- खोज बटन पाठः “Search” या आवर्धक ग्लास आइकन
- खोज करने के लिए पोस्ट प्रकारः चुनें कि कौन से सामग्री प्रकार शामिल करने हैं
- लाइव परिणाम विलंबः लाइव परिणाम दिखाने से पहले मिलीसेकंड
- न्यूनतम वर्णः खोज करने से पहले २-३ वर्णों की आवश्यकता है
परिणाम ग्रिड सेटिंग्सः #
- प्रति पृष्ठ पोस्ट: प्रति पृष्ठ 10-20 परिणाम
- अंश लंबाईः तेजी से स्कैनिंग के लिए अंश छोटा करें
- खोज शर्तों को हाइलाइट करेंः बोल्ड या रंग मिलान शब्द
- क्रमबद्ध करें: प्रासंगिकता, दिनांक, शीर्षक (खोज के लिए प्रासंगिकता सर्वोत्तम है)
- तत्व दिखाएँ/छिपाएँः लेखक, तिथि, आवश्यकतानुसार श्रेणियाँ
9। सहेजें और परीक्षण करें #
क्लिक करें सेटिंग्स सहेजें. फिर परीक्षण करें:
- एक खोज निष्पादित करें आपकी साइट के खोज बार से
- विभिन्न प्रश्नों का परीक्षण करेंः
- कई परिणामों के साथ विशिष्ट शब्द
- कुछ परिणामों के साथ सामान्य शब्द
- बिना किसी परिणाम के अवधि
- परीक्षण पृष्ठांकन एक व्यापक खोज शब्द के साथ
- मोबाइल प्रतिक्रियाशीलता का परीक्षण करें
- लोडिंग गति की जाँच करें (खोज पृष्ठ तेज़ होने चाहिए)
सामान्य खोज टेम्पलेट उदाहरण #
मानक ब्लॉग खोजः #
- हालत: खोजें
- विशेषताएं: शीर्ष पर बड़ा खोज बार, छवियों, अंशों, “और पढ़ें” लिंक, लोकप्रिय पोस्ट और श्रेणियों के साथ साइडबार, पेजिनेशन के साथ परिणामों का 2-कॉलम ग्रिड
ई-कॉमर्स उत्पाद खोजः #
- हालत: खोजें
- विशेषताएं: फ़िल्टर साइडबार (कीमत, श्रेणी, रेटिंग), छवियों/कीमतों/ऐड-टू-कार्ट के साथ उत्पाद ग्रिड, कुछ परिणाम आने पर “टॉप सेलिंग उत्पाद”, प्रासंगिकता/मूल्य/रेटिंग के आधार पर क्रमबद्ध करें
ज्ञानकोष/खोज-केंद्रित साइटः #
- हालत: खोजें
- विशेषताएं: तत्काल परिणामों के साथ लाइव खोज, वर्गीकृत परिणाम (लेख, अक्सर पूछे जाने वाले प्रश्न, ट्यूटोरियल), “क्या यह सहायक था?” फीडबैक बटन, “संपर्क समर्थन” प्रमुखता से जब कोई परिणाम नहीं मिलता
न्यूनतम खोज: #
- हालत: खोजें
- विशेषताएं: स्वच्छ लेआउट, केवल शीर्षक और संक्षिप्त अंश, कोई चित्र नहीं, पठनीयता और गति पर ध्यान केंद्रित करें
समस्या निवारण #
समस्या: खोज टेम्पलेट नहीं दिखा रहा है
- ठीक करें: सुनिश्चित करें कि स्थिति “Include: Search” पर सेट है
समस्या: गलत सामग्री दिखाने वाले खोज परिणाम
- ठीक करें: पोस्ट ग्रिड क्वेरी सेटिंग्स जांचें जिन्हें “Search परिणाम पर सेट किया गया है, “Recent Posts” पर नहीं
समस्या: लाइव खोज काम नहीं कर रही है
- ठीक करें: सुनिश्चित करें कि खोज विजेट सेटिंग्स में अजाक्स सक्षम है
समस्या: खोज हाइलाइट्स दिखाई नहीं दे रहे हैं
- ठीक करें: पोस्ट ग्रिड सेटिंग्स में “हाइलाइट सर्च टर्म्स” सक्षम करें
समस्या: कई परिणामों के साथ बहुत धीमी गति से खोजें
- ठीक करें: प्रति पृष्ठ पोस्ट कम करें, छवियों को अनुकूलित करें, बेहतर अनुक्रमण के लिए खोज प्लगइन पर विचार करें
समस्या: कोई परिणाम संदेश नहीं दिखा रहा है
- ठीक करें: पोस्ट ग्रिड विजेट में “No परिणाम फाउंड” संदेश कॉन्फ़िगर करें
प्रो टिप्स #
- गति महत्वपूर्ण हैः खोज पृष्ठों को तेजी से लोड करना चाहिए छवियों को अनुकूलित करें और कैशिंग पर विचार करें
- मोबाइल-प्रथम डिजाइनः मोबाइल पर होती हैं ज्यादातर सर्च सर्च बार को प्रमुख और उपयोग में आसान बनाएं
- विश्लेषिकी: ट्रैक करें कि लोग सामग्री और खोज सुझावों को बेहतर बनाने के लिए क्या खोजते हैं
- फ़ॉलबैक सामग्री: खोज से कुछ भी न मिलने पर भी हमेशा उपयोगी सामग्री दिखाएं
- अभिगम्यता: सुनिश्चित करें कि खोज कीबोर्ड-नेविगेबल और स्क्रीन-रीडर के अनुकूल है
- टेस्ट एज मामलेः विशेष वर्ण, बहुत लंबी शर्तें, खाली खोजों के लिए खोजें
- लगातार डिजाइनः अपनी साइट के बाकी हिस्सों के साथ अपने खोज पृष्ठ डिज़ाइन का मिलान करें
- त्रुटि संदेशः शून्य परिणामों के लिए अनुकूल, सहायक त्रुटि संदेश लिखें
प्रदर्शन संबंधी विचार #
- प्रति पृष्ठ परिणाम सीमित करेंः 10-20 आमतौर पर इष्टतम है
- आलसी लोड छवियाँः कई परिणामों के साथ खोज के लिए विशेष रूप से महत्वपूर्ण है
- कैश खोज परिणामः लोकप्रिय खोज प्रश्नों को कैश करने पर विचार करें
- डेटाबेस अनुकूलित करें: सुनिश्चित करें कि आपका वर्डप्रेस डेटाबेस खोज क्वेरी के लिए अनुकूलित है
- अंशों का प्रयोग करेंः पूर्ण सामग्री के बजाय संक्षिप्त अंश दिखाएं
एक अच्छी तरह से डिज़ाइन किया गया खोज टेम्पलेट उपयोगकर्ता अनुभव को निराशाजनक से रमणीय में बदल देता है मास्टर एडॉन्स के साथ, आप केवल खोज परिणामों को स्टाइल नहीं कर रहे हैं, इसलिए आप एक संपूर्ण खोज अनुभव बना रहे हैं जो उपयोगकर्ताओं को उनकी ज़रूरत की सामग्री के लिए मार्गदर्शन करता है, खोज विफल होने पर विकल्प प्रदान करता है, और लोगों को आपकी साइट से जुड़ा रहता है।
अक्सर पूछे जाने वाले प्रश्न #
मैं मास्टर ऐडऑन में एक कस्टम खोज परिणाम पृष्ठ कैसे बना सकता हूं?
मास्टर ऐडऑन पर जाएं → थीम बिल्डर → नया टेम्पलेट जोड़ें, खोज करने के लिए टेम्पलेट प्रकार सेट करें, फिर सेटिंग्स सहेजें और एलिमेंटर के साथ संपादित करें खाली कैनवास पर अपना लेआउट डिज़ाइन करें, और शर्तों टैब सेट में शामिल करें → खोजें ताकि टेम्पलेट सभी खोज परिणाम पृष्ठों पर लागू हो।
मैं टेम्पलेट में वास्तविक खोज परिणाम कैसे प्रदर्शित करूं?
एक मास्टर ऐडऑन पोस्ट ग्रिड या सूची विजेट जोड़ें और हाल के पोस्ट के बजाय खोज परिणामों के लिए अपने क्वेरी स्रोत को सेट करें टेम्पलेट स्वचालित रूप से वर्डप्रेस से खोज क्वेरी प्राप्त करता है, इसलिए ग्रिड परिणाम दिखाता है जो उपयोगकर्ता द्वारा टाइप किए गए परिणामों से मेल खाता है आप खोज क्वेरी और खोज परिणाम गणना गतिशील टैग का उपयोग करके स्वयं शब्द को भी सतह कर सकते हैं।
क्या मैं परिणाम पृष्ठ पर लाइव खोज और फ़िल्टर जोड़ सकता हूँ?
हाँ। मास्टर ऐडऑन सर्च विजेट अजाक्स लोडिंग के साथ लाइव सर्च का समर्थन करता है, इसलिए परिणाम उपयोगकर्ता के पेज रिफ्रेश के बिना टाइप करते हैं, साथ ही विकल्प भी दिखाई देते हैं कि किस पोस्ट प्रकार को खोजना है, परिणाम में देरी और न्यूनतम वर्ण गणना के लिए आप श्रेणी, दिनांक और प्रकार फ़िल्टर विजेट भी जोड़ सकते हैं ताकि विज़िटर परिणामों को परिष्कृत कर सकें।
मेरा खोज टेम्पलेट गलत सामग्री क्यों दिखा रहा है?
यह लगभग हमेशा पोस्ट ग्रिड क्वेरी से आता है जिसे खोज परिणामों के बजाय हाल के पोस्ट पर सेट किया जा रहा है, इसलिए पहले अपडेट करें यदि टेम्पलेट बिल्कुल दिखाई नहीं दे रहा है, तो शर्त की पुष्टि करें शामिल करने के लिए सेट है: खोज लापता शब्द हाइलाइटिंग के लिए, पोस्ट ग्रिड सेटिंग्स में खोज शर्तों को हाइलाइट करें सक्षम करें।
जब कोई खोज कोई परिणाम नहीं देती है तो क्या होना चाहिए?
पोस्ट ग्रिड विजेट में कोई परिणाम नहीं मिला संदेश कॉन्फ़िगर करें और एक समर्पित कोई परिणाम अनुभाग डिज़ाइन करें सर्वोत्तम अभ्यास सुझावों, लोकप्रिय सामग्री के लिंक और एक संपर्क फ़ॉर्म या समर्थन बटन के साथ एक अनुकूल संदेश दिखाना है, इसलिए आगंतुकों के पास हमेशा एक मृत अंत के बजाय एक सहायक अगला कदम होता है।