ब्रेडक्रम्ब्स सरल बुकमार्क आइकन

ब्रेडक्रम्ब्स एक वेबसाइट पर नेविगेशनल एड्स हैं जो उपयोगकर्ताओं को होम पेज से वर्तमान पृष्ठ तक अपने पथ को ट्रैक करने की अनुमति देते हैं जिसे वे देख रहे हैं।

अंतिम अद्यतन 13 नवंबर, 2023
बैंगनी से सफेद ग्रेडिएंट फुटर हेडर डिजाइन

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

ब्रेडक्रम्ब्स की परिभाषा, लाभ, और अब उनका उपयोग करने के तरीके के बारे में सब कुछ जानें!

ब्रेडक्रम्ब्स क्या हैं?

ब्रेडक्रम्ब्स एक नेविगेशनल सहायता है जो उपयोगकर्ताओं को एक वेबसाइट पर अपनी स्थिति का ट्रैक रखने की अनुमति देती है। इसमें एंकर टेक्स्ट वाक्यांशों की एक श्रृंखला शामिल है जो पहले क्लिक किए गए पृष्ठों या वर्तमान पृष्ठ पर मूल पृष्ठों को इंगित करती है।

ब्रेडक्रम्ब्स का उपयोग किस लिए किया जाता है?

ब्रेडक्रम्ब्स एक गहरी साइट आर्किटेक्चर वाली वेबसाइटों के लिए सहायक होते हैं क्योंकि ट्रैक रखने और आगे बढ़ने के लिए कई पृष्ठ हैं। ब्रेडक्रम्ब्स बहुत सारे उद्देश्यों के लिए सहायक होते हैं, लेकिन दो मुख्य हैं:

  1. संगठन
  2. नौसंचालन

जैसे ही आप अपनी वेबसाइट बनाते हैं, आपको इस बारे में सोचना चाहिए कि उपयोगकर्ता और खोज इंजन क्रॉलर प्रत्येक पृष्ठ तक कैसे पहुंचेंगे, और प्रत्येक पृष्ठ कैसे संबंधित है। पेरेंट पेज बनाने से पृष्ठों के बीच कनेक्शन दिखाना और उपयुक्त अनुभाग के लिए सामग्री बनाना आसान हो जाता है.

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

उदाहरण के लिए, यदि उनका रास्ता "पुरुषों > स्नीकर्स >> जूते उत्पाद" है, तो वे वापस जा सकते हैं और इसके बजाय महिलाओं के जूते ढूंढ सकते हैं, या स्नीकर्स से सैंडल में शैली बदल सकते हैं। उन्हें होमपेज पर वापस जाने की ज़रूरत नहीं है - वे यह देखने के लिए ब्रेडक्रम्ब्स का उपयोग कर सकते हैं कि पृष्ठ साइट के चारों ओर कैसे संबंधित और नेविगेट करते हैं।

वेब डिजाइन में ब्रेडक्रम्ब्स का उपयोग क्यों करें?

ब्रेडक्रम्ब्स साइट नेविगेशन के लिए एक आवश्यक विधि है। जबकि आपकी वेबसाइट बनाने के कई अन्य तरीके हैं, ब्रेडक्रम्ब्स निम्नलिखित लाभ प्रदान करते हैं:

ब्राउज़िंग को प्रोत्साहित करें

ब्रेडक्रम्ब्स का उपयोग उपयोगकर्ताओं को बताता है कि जानकारी कहां मिलेगी और उन्हें आपकी वेबसाइट पर अन्य पृष्ठों पर ले जाया जाता है। यह लाभ उछाल दर को कम करता है और लोगों को आपकी साइट पर रखता है।

खोज परिणामों में प्रकट होना

विशेषज्ञ अंतर्दृष्टि से गूगल लोगो

"हम ब्रेडक्रम्ब्स दिखाते समय ब्रेडक्रम्ब संरचित डेटा मार्कअप का उपयोग करने की सलाह देते हैं।

गूगल खोज केंद्र

Google खोज इंजन परिणाम पृष्ठों (SERPs) में ब्रेडक्रम्ब जानकारी खींचेगा। जैसे ही उपयोगकर्ता परिणाम ब्राउज़ करते हैं, वे आपके पृष्ठ और श्रेणियों को देख सकते हैं और क्लिक करने के लिए अधिक इच्छुक हो सकते हैं:एसईआरपी में ब्रेडक्रम्ब्स

यही कारण है कि खोज इंजन ब्रेडक्रम्ब संरचित मार्कअप का उपयोग करने की सलाह देता है।

उपयोगकर्ता अनुभव (UX) के लिए अच्छा

उपयोगकर्ता पृष्ठों की खोज नहीं करना चाहते हैं या आपकी वेबसाइट में खो जाना चाहते हैं। नेविगेट करना आसान बनाने से लोगों को पता चलेगा कि आप उनके अनुभव की परवाह करते हैं और विश्वास का निर्माण करते हैं।

क्रॉलेबिलिटी और इंडेक्सिंग में सुधार

ब्रेडक्रम्ब्स खोज इंजन अनुकूलन (एसईओ) रणनीति को भी लाभ पहुंचाते हैं। अपने पृष्ठों को ब्रेडक्रम्ब सिस्टम से कनेक्ट करने से खोज इंजन को आपके पृष्ठों को अनुक्रमित करने और आपकी वेबसाइट को क्रॉल करने में मदद मिल सकती है।

फिर, इन लाभों को एक अधिक जटिल वेबसाइट के साथ सबसे अच्छा हासिल किया जाता है जिसमें कई पृष्ठ होते हैं। यदि आपको नहीं लगता कि आपको अभी तक ब्रेडक्रम्ब्स की आवश्यकता है, तो अन्य नेविगेशन विधियों की कोशिश करना बेहतर हो सकता है।

ब्रेडक्रम्ब नेविगेशन का उपयोग करने के लिए युक्तियाँ

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

  1. स्पष्ट विभाजक का उपयोग करें
  2. फ़ॉन्ट आकार और रंग पर ध्यान दें
  3. पूरा रास्ता दिखाओ
  4. ब्रेडक्रम्ब्स को दृश्यमान बनाएं

नीचे प्रत्येक के बारे में अधिक जानें।

1. स्पष्ट विभाजक का उपयोग करें

अपनी साइट पर ब्रेडक्रम्ब्स जोड़ते समय, प्रत्येक पृष्ठ श्रेणी के बीच स्पष्ट पृथक्करण जोड़ना सुनिश्चित करें। यहाँ उल्टा से एक उदाहरण है:

ब्रेडक्रंब विभाजक उदाहरण

The slashes and spacing indicate the different pages and make it easier for users to backtrack and click. Slashes and less-than signs (<) are the most common choices for separators between pages.

2. फ़ॉन्ट आकार और रंग पर ध्यान दें

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

यहां ट्रेडर जो से एक उदाहरण दिया गया है, जो अपनी ब्रांडिंग के साथ जाने के लिए लाल और ग्रे लेटरिंग का उपयोग करता है:

ब्रेडक्रंब रंग उदाहरण

चूंकि ब्रेडक्रम्ब्स आमतौर पर पृष्ठ के शीर्ष पर होते हैं, इस उदाहरण की तरह, उन्हें बहुत अधिक जगह लिए बिना देखना आसान होना चाहिए।

3. पूरा रास्ता दिखाओ

तथ्य यह है कि ब्रेडक्रम्ब्स पृष्ठों के पूरे पथ को दिखाते हैं जो उन्हें अन्य नेविगेशन प्रकारों से अलग करता है। कैटरपिलर के इस उदाहरण की तरह, मुखपृष्ठ सहित सभी पृष्ठों को शामिल करना सुनिश्चित करें:

ब्रेडक्रम्ब पथ का उदाहरण

यदि कुछ भी हो, तो यह चरण उपयोगकर्ता को दिखाता है कि वे होमपेज से कहां नेविगेट करते हैं। यहां तक कि अगर वे होमपेज पर वापस नहीं आते हैं, तो उनके लिए रखा गया विकल्प मददगार हो सकता है।

4. ब्रेडक्रम्ब्स को दृश्यमान बनाएं

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

ब्रेडक्रम्ब्स और आपकी साइट - आगे क्या?

ब्रेडक्रम्ब्स आपकी वेबसाइट को आगे बढ़ाने और विकसित करने के लिए एक उत्कृष्ट रणनीति है। उपरोक्त रणनीति और युक्तियों और दिमाग के साथ, आप अपनी वेबसाइट तैयार करना शुरू कर सकते हैं और अपनी बिक्री और अन्य मैट्रिक्स पर प्रभाव डाल सकते हैं।

इन सबसे ऊपर, किसी भी विधि में कूदने से पहले अपनी वेबसाइट, बजट और दर्शकों पर विचार करना सुनिश्चित करें। यदि आपको सलाह की आवश्यकता है, तो वेब डिज़ाइन, एसईओ और संबंधित विषयों के बारे में चैट करने के लिए हमसे संपर्क करने में संकोच न करें।

अपनी वेबसाइट के सबसे महत्वपूर्ण परीक्षण में असफल न हों

30 सेकंड से भी कम समय में मुफ्त में अपनी वेबसाइट का एसईओ स्कोरकार्ड प्राप्त करें।