खास जानकारी
नेट-ए-पोर्टर, Google की पॉलीमर लाइब्रेरी की मदद से डेवलपमेंट में लगने वाला समय बचाता है
NET-A-portER ने Google की Polymer लाइब्रेरी का इस्तेमाल करके, अपनी ऑनलाइन प्रॉपर्टी पर कॉम्पोनेंट पर आधारित डिज़ाइन लागू किया है. नतीजतन, डेवलपमेंट में लगने वाले समय में काफ़ी बचत हुई. साथ ही, उनकी साइटों पर कोड की क्वालिटी भी बेहतर हुई. साथ ही, स्ट्रक्चर्ड डेटा का इस्तेमाल करके एसईओ की परफ़ॉर्मेंस बेहतर हुई.
नतीजे
- डेवलपमेंट का समय बचाया.
- NET-A-portER की ऑनलाइन प्रॉपर्टी पर स्टैंडर्ड कोड.
- स्ट्रक्चर्ड डेटा का इस्तेमाल करके एसईओ की परफ़ॉर्मेंस को बेहतर बनाया गया है.
नेट-ए-पोर्टर के बारे में जानकारी
जून 2000 में लॉन्च हुआ NET-A-portER, ऑनलाइन फ़ैशन के क्षेत्र में दुनिया में सबसे आगे है. इसमें दुनिया के 350 से भी ज़्यादा लोकप्रिय डिज़ाइनरों का कलेक्शन है.
कंपनी के ऑनलाइन स्टोरफ़्रंट के पीछे, कंपनी की इंजीनियरिंग टीम net-a-porter.com और उसकी वेबसाइटों और ऐप्लिकेशन के नेटवर्क को डिलीवर करने और उनका रखरखाव करने के लिए कड़ी मेहनत करती है. इस नेटवर्क में दो फ़ैशन मैगज़ीन और एक सोशल नेटवर्क भी शामिल है.
अपनी वेब प्रॉपर्टी के बारे में सोचते समय, NET-A-portER इंजीनियर, साइट के हर पेज को एक पेज की तरह नहीं, बल्कि कॉम्पोनेंट के संग्रह के तौर पर देखते हैं.
उदाहरण के लिए, किसी प्रॉडक्ट के पेज में कीमत बताने वाला कॉम्पोनेंट, जैसे कि सेल के दौरान होने वाली बचत, मिलते-जुलते प्रॉडक्ट के लिंक वाला कैरसेल कॉम्पोनेंट, प्रॉडक्ट दिखाने वाली पूरी ड्रेस, और विशलिस्ट में प्रॉडक्ट जोड़ने के लिए ड्रॉपडाउन कॉम्पोनेंट वगैरह शामिल हो सकता है.
कॉम्पोनेंट पर आधारित तरीका
2016 की शुरुआत में, NET-A-portER की इंजीनियरिंग टीम ने यह आकलन करने का फ़ैसला लिया कि कंपनी किस तरह से कॉम्पोनेंट को लेकर, उन्हें अपनी वेब प्रॉपर्टी के लिए कोड लिखने के तरीके पर लागू कर सकती है. नेट-ए-पोर्टर के तहत आने वाले कई पेज और सब-प्रॉपर्टी और उन पेजों को मैनेज करने वाली अलग-अलग टीमें इसलिए, इंजीनियर को पता था कि नई टेक्नोलॉजी का इस्तेमाल करना सही नहीं है. ऐसा करने के लिए, अपने मौजूदा स्टैक को हटाना ज़रूरी होगा. एक आदर्श समाधान से वे नए कॉम्पोनेंट पर लेयर बना पाएंगे और अतिरिक्त कॉम्पोनेंट बनाने पर पेजों में जुड़ सकेंगे. कॉम्पोनेंट को अलग-अलग बैकएंड सेवाओं के साथ अलग-अलग काम करना होगा. साथ ही, उन्हें वेब क्रॉलर को प्रॉडक्ट के बारे में स्ट्रक्चर्ड डेटा भी दिखाना होगा.
Polymer से टेस्ट करें और सफलता पाएं
कई समाधानों का आकलन करने के बाद, NET-A-PORTER ने Google की पॉलीमर लाइब्रेरी को टेस्ट करने का विकल्प चुना. Polymer के साथ का एक शुरुआती प्रयोग इतनी तेज़ी से और सफलता से पूरा हुआ कि NET-A-portER के इंजीनियरों ने करीब-करीब तुरंत ही आगे बढ़ने का फ़ैसला किया. साथ ही, हमने Polymer को संगठन की वेबसाइट के डेवलपमेंट की पूरी योजना में शामिल करने का फ़ैसला किया.
रॉबिन ग्लेन और मैथ्यू ग्रीन, टीम के इंजीनियर, ने बताया:
Polymer को हमारे सिस्टम से जोड़ना आसान था. साथ ही, यह बिना किसी समय के काम करना शुरू कर देता था. हमारे पास कई अलग-अलग पहलुओं वाली इतनी बड़ी वेबसाइट है, इसलिए कई चीज़ों में अंतर होना हमारे लिए आसान है. Polymer से हमें ऐसे पूरे और जटिल वेब ऐप्लिकेशन बनाने में मदद मिलती है जिन्हें बढ़ाया जा सकता है और जिनका रखरखाव भी किया जा सकता है.
कोड के लिए स्टैंडर्ड तय करना भी आसान था, क्योंकि Polymer वेबसाइट वेब कॉम्पोनेंट के ब्राउज़र के स्टैंडर्ड पर आधारित है. ग्लेन ने कहा:
वेब मानकों का इस्तेमाल करके बनाने से हमारा कोड, प्लैटफ़ॉर्म के आस-पास रहता है. इससे नए कॉम्पोनेंट को इस्तेमाल करने और उन्हें बनाने के तरीके को समझना आसान हो जाता है. साथ ही, यह पक्का होता है कि ब्राउज़र के बेहतर होने के साथ-साथ परफ़ॉर्मेंस लगातार बेहतर होती रहेगी और हम लंबे समय के लिए प्लान बना पाएंगे. यह W3C स्टैंडर्ड पर आधारित है, इसलिए हमें इस प्लैटफ़ॉर्म पर कॉन्टेंट बनाने में भरोसा है. जल्द ही, पॉलीफ़िल की ज़रूरत भी बड़े पैमाने पर खत्म हो जाएगी.
इसके अलावा, एसईओ के फ़ायदे भी थे. ग्लेन कहते हैं कि:
ये कॉम्पोनेंट, प्रॉडक्ट के बारे में पूरी जानकारी वाले स्ट्रक्चर्ड डेटा को सर्च इंजन में असरदार तरीके से दिखाते हैं. इस स्ट्रक्चर्ड डेटा की जांच करना अब हमारी टीम की लगातार इंटिग्रेशन योजना का हिस्सा है.
कॉम्पोनेंट को डिज़ाइन करने और बनाने में सबसे पहले निवेश करने से, NET-A-PORTER टीम को लंबे समय में काफ़ी फ़ायदा हो रहा है: नए पेज और सुविधाएं बनाने और लॉन्च करने में आसान और तेज़ होते हैं. साथ ही, इंजीनियरिंग प्रक्रिया में हिस्सेदार के सुझाव और डिज़ाइन में होने वाले बदलावों को इंटिग्रेट करना आसान है.
Polymer का भविष्य
टीम इस बात से रोमांचित है कि Polymer ने अपने वेब डेवलपमेंट को किस तरह से चालू किया है. ग्लेन ने कहा,
जैसे ही हमने देखा कि हम कॉम्पोनेंट को अलग-अलग तरीके से एक साथ रखकर उन्हें फिर से कैसे इस्तेमाल कर सकते हैं, हमें खुशी हुई. हमने इस बारे में सोचना शुरू किया कि क्या ऐसे और तरीके हों जिनसे हम कारोबार के अंदर कॉम्पोनेंट का गलत इस्तेमाल कर सकें.
ग्लेन को लगता है कि पॉलिमर के साथ जानने के लिए और भी बहुत कुछ है. उन्होंने कहा,
यह हमारे Polymer के सफ़र की बस शुरुआत है. फ़िलहाल, हम मौजूदा कॉम्पोनेंट की डिलीवरी और रखरखाव को बेहतर बना रहे हैं. साथ ही, नेट-ए-पोर्टर पेजों पर Polymer के इस्तेमाल को बढ़ाने की दिशा में काम कर रहे हैं. हम सार्वजनिक तौर पर उपलब्ध नेट-ए-पोर्टर कॉम्पोनेंट स्टाइल गाइड की मदद से, अपने तरीके को बताने की दिशा में काम कर रहे हैं. पॉलीमर आंतरिक टूलिंग के लिए भी बहुत उपयोगी रहा है. हमने हाल ही में ग्राफ़िंग कॉम्पोनेंट का एक सेट बनाया है और पॉलीमर का इस्तेमाल करने के लिए, निगरानी करने वाली अपनी पूरी सेवा को फिर से प्लैटफ़ॉर्म पर जोड़ा है.