ब्रेडक्रंब को लागू करने के लिए अनुशंसित दृष्टिकोण

13

मैं एक वेबसाइट पर ब्रेडक्रंब को लागू करना चाहता हूं, अब मैं उन्हें सर्वश्रेष्ठ तरीके से लागू करने के लिए संघर्ष कर रहा हूं।

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

मुझे लगता है कि ब्रेडक्रंब को लागू करने के लिए मेरे पास दो विकल्प हैं

विकल्प 1: ब्रेडक्रम्ब में प्रत्येक विज़िट किए गए पृष्ठ को जोड़ें। उदाहरण के लिए: घर> खोज परिणाम> उत्पाद 1> श्रेणी 2> उत्पाद 2 नुकसान: ब्रेडक्रम बहुत लंबा हो सकता है

विकल्प 2: हर पेज के लिए एक विशिष्ट निश्चित ब्रेडक्रम्ब निर्दिष्ट करें उदाहरण के लिए: होम> श्रेणी 1> उत्पाद 1 अंक: उन उत्पादों के साथ क्या करना है जो कई श्रेणियों में हैं?

क्या राय हैं? क्या विकल्प 3 है जिसे मैंने अनदेखा कर दिया है?

web-development breadcrumbs

— vdrmrt
स्रोत

9

यद्यपि उन्हें "ब्रेडक्रंब" कहा जाता है जैसा कि परियों की कहानी में है, ब्रेडक्रंब का उद्देश्य ब्राउज़र इतिहास को बदलना नहीं है। तो विकल्प 1 एक विकल्प नहीं है।

वे बजाय उपयोगकर्ता को दिखाने के लिए एक उपकरण हैं कि उसने उत्पाद को कैसे पाया और सबसे ऊपर वह अन्य उत्पादों को कैसे पा सकता है जो तार्किक रूप से पाए गए उत्पाद के साथ "बगल में" हैं।

तो यह मूल रूप से विकल्प 2 है।

यदि आपके पास ऐसे उत्पाद हैं जो कई श्रेणियों में हैं, तो आपके पास तीन विकल्प हैं:

उत्पाद को सभी संभव पथ दिखाएं।
उपयोगकर्ता को उत्पाद के लिए पथ दिखाएं। (इसके लिए आवश्यक है कि आप उत्पाद आईडी के बजाय अपनी उत्पाद-से-श्रेणी तालिका की प्राथमिक कुंजी का उपयोग करें।) इसका मतलब है, कि उपयोगकर्ता को खोज करने पर मुश्किल से "खोज> उत्पाद" ब्रेडक्रंब मिलेगा।
प्रत्येक उत्पाद के लिए "मुख्य श्रेणी" निर्दिष्ट करें जो दिखाए गए ब्रेडक्रंब को निर्धारित करता है (और अन्य स्थानों पर उपयोग किया जाता है, उदाहरण के लिए जब खरीदारी की टोकरी होती है और उपयोगकर्ता कार्ट दृश्य में किसी उत्पाद पर क्लिक करता है।)

ठीक है, चलो विकल्प 1 को डंप करते हैं, लेकिन क्या आपको लगता है कि ब्रेडक्रंब में यह दिखाना एक अच्छा विचार है कि कोई उपयोगकर्ता कैसे उत्पाद पर आया था, भले ही वह खोज को गढ़ रहा हो। परीक्षा के लिए: घर> खोज परिणाम> उत्पाद_1, घर> श्रेणी 1>

मैंने जो तीन संभावनाएं बताई हैं, उनमें से मेरा कोई पसंदीदा नहीं है। यह आवेदन पर निर्भर करता है। यह दिखाते हुए कि उपयोगकर्ता उत्पाद में कैसे आया है, यह शायद आपका एकमात्र विकल्प है यदि आपके पास "मुख्य श्रेणियाँ" नहीं हैं और आप केवल ब्रेडक्रंब में एक ही रास्ता चाहते हैं ।

1

ब्रेडक्रंब को आपकी साइट लेआउट का प्रतिनिधि माना जाता है, न कि यह कि उपयोगकर्ता आपकी साइट तक कैसे पहुंच रहा है, जो कि # 1 विकल्प से बाहर है। मैं इसे अमेज़न पर नहीं देखना चाहता:

Home>Products>Home>PS3 Games>Call of Duty>PS3 Games>Funky Boxer Shorts->Add To Cart

मेरे ब्राउज़िंग इतिहास और OCD क्लिक के संकेत के दौरान, यह साइट का प्रतिनिधि नहीं है :)

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

table_productCategories
    _pkCategoryID
    _categoryName
    _fkParentCategoryID

आपको उत्पाद श्रेणियों का एक पेड़ देने की अनुमति है:

Software
    Windows
        Apps
        Games
        Crash-To-Desktop
    Linux
        Servers
        3-Games
Hardware
    Laptops
    PCs
    Missile-Launchers

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

Home > Software > Windows > Games > Aunt Dolly and the Scared Sheep

इसके अतिरिक्त, आपके पास ऐसे पृष्ठ हैं जो उत्पाद नहीं हैं। "हमारे बारे में" "हमसे संपर्क करें", वगैरह। CMS में इन पृष्ठों की सामग्री डेटाबेस में होती है और श्रेणीबद्ध भी होती है।

table_contentCategories
    _pkCategoryID
    _categoryName
    _fkParentCategoryID

... तुम्हें नया तरीका मिल गया है। इसका मतलब है कि उत्पादों के बजाय सामग्री वाले आपके सभी पृष्ठ भी ब्रेडक्रंब किए जा सकते हैं:

Home > About > Finding Us in a web of backstreets

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

सहमत, शायद यह उस तरह से आता है। मैं मुख्य रूप से "वर्तमान पृष्ठ को ब्रेडक्रंब में जोड़ें" सुझाव का उल्लेख कर रहा था, जो कि मेरे द्वारा दिए गए आउटपुट का उत्पादन करेगा।

0

मुझे अधिकांश उत्तरों में ब्रेडक्रंब के लक्षण वर्णन से असहमत होना पड़ता है क्योंकि श्रेणियों या टैक्सोनॉमी (श्रेणियों की नेस्टेड पदानुक्रम) के बीच एक अंतर (मेरी समझ में) है जो सबसे सामान्य से सबसे विशिष्ट तक ले जाता है जैसे उत्पाद> उत्पाद> उत्पाद उप श्रेणी> उत्पाद> मॉडल या कारें> सेडान> चेवी> इम्पाला> x5000) और एक वेबसाइट के माध्यम से पथ (मैं ब्राउज़र इतिहास के बारे में बात नहीं कर रहा हूं, लेकिन एक संदर्भ-संवेदनशील पथ)।

यदि आपको चार दरवाजों वाली पालकी की खोज करनी थी और उम्मीदवारों की एक सूची मिली थी, तो उनमें से एक या एक से अधिक में ड्रिल किया गया था, तो आपके लिए यह महत्वपूर्ण होगा कि आप श्रेणियों के लिए चढ़ने की तुलना में खोज परिणाम द्वारा लौटी हुई सूची पर वापस जाएं। आपने जो भी प्रोडक्ट चुना। (तो, ऊपर का उदाहरण "कार> सेडान> चेवी> इम्पाला> x5000" के बजाय "होम> सर्च> चेवी इम्पाला x5000" हो सकता है।

ब्रेडक्रंब का उपयोग करना एक मार्कर है जहां आप पसंद कर रहे हैं 1 के समान है, सिवाय इसके कि आप अनिश्चित काल के लिए अंत में टुकड़ों को न जोड़ें क्योंकि ब्रेडक्रंब को आपके मार्ग को पीछे की ओर ले जाने के लिए उठाया जाना है (और जब आप ब्रेडक्रंब पिक करते हैं, तो सभी उसके बाद के क्यूब्स को हटा दिया जाता है क्योंकि आपने पथ में एक विशेष बिंदु चुना है और वहां से नेविगेट करेंगे।

यदि "ब्रेडक्रंब" एक श्रेणी का पेड़ है जैसा कि यहां कुछ ने सुझाव दिया है, तो हम उन्हें "ब्रेडक्रंब" क्यों कहते हैं? ब्रेडक्रंब की मेरी समझ यह है कि वे पथ विशिष्ट हैं मॉडल विशिष्ट नहीं।

— लैरी मिल्स-गहल
स्रोत

निर्भर करता है कि आप किससे पूछते हैं । (वे वास्तव में एक और मॉडल को वहां सूचीबद्ध करते हैं ।) इस बिंदु पर, शब्द मूल रूप से सामान्य "x> y> z" विज़ुअल विजेट के लिए है, जो कि कार्यान्वयनकर्ता द्वारा किए गए एक दूसरे निर्णय के साथ है जिसमें वे वास्तविक कार्यप्रणाली का उपयोग कर रहे हैं। ।

— सु '