कई भाषाओं वाली वेबसाइट डिज़ाइन करने के लिए 9 सुझाव

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

बुनियादी बातें आसान हैं — Weglot के साथ, आप 5 मिनट से भी कम समय में अपनी साइट पर अलग-अलग भाषाएँ जोड़ सकते हैं। लेकिन फिर आपको सोचना होगा कि आप अपना लैंग्वेज स्विचर कहाँ रखेंगे, जब कोई यूज़र अंग्रेज़ी से RTL भाषा में स्विच करता है तो अपने लेआउट में बदलावों को कैसे एडजस्ट करें, और सांस्कृतिक रूप से सही रंगों, इमेज और आइकॉन का इस्तेमाल कैसे करें।

इस गाइड में, हम कुछ सबसे ज़रूरी डिज़ाइन से जुड़ी बातों पर नज़र डालेंगे, ताकि आप एक बेहतरीन बहुभाषी वेबसाइट बनाने की योजना बना सकें।

1. एक जैसी ब्रांडिंग के लिए ग्लोबल टेम्पलेट्स का इस्तेमाल करें

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

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

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

उदाहरण के लिए, जब आप ऑस्ट्रेलिया जैसे किसी देश से Airbnb होमपेज पर जाते हैं…

… और फिर जापानी में स्विच करते हैं, तो डिज़ाइन और ब्रांडिंग दोनों भाषाओं में एक जैसी रहती है।

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

2. लैंग्वेज स्विचर को ढूँढना बहुत आसान बनाएँ

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

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

आपको यह भी पक्का करना होगा कि आपकी भाषा बदलने के विकल्प एकदम साफ़ हों। किसी नई भाषा का ज़िक्र उसकी अपनी भाषा में करना सबसे अच्छा होता है। जैसे, "German" की जगह "Deutsch" और "Japanese" की जगह "日本語" का इस्तेमाल करें।

उदाहरण के लिए, Asana उपलब्ध अलग-अलग भाषाओं के नामों वाला एक ड्रॉप-डाउन मेनू इस्तेमाल करता है:

आप अपनी मल्टी-लैंग्वेज वेबसाइट पर आने वाले विज़िटर्स को स्वागत महसूस कराना चाहते हैं, चाहे वे कोई भी भाषा बोलते हों। अपने लैंग्वेज स्विचर को ऐसी जगह रखना जहाँ उसे ढूँढना आसान हो, इसमें मदद करेगा।

3. विज़िटर को अपनी पसंदीदा भाषा चुनने दें

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

बड़े ब्रांड सबसे ज़्यादा गड़बड़ करते हैं। आपको अक्सर ऐसे कई ब्रांड मिलेंगे जो आपको अपनी मल्टीलिंगुअल साइट का क्षेत्र बदलने के लिए मजबूर करते हैं (जैसे www.adobe.com से www.adobe.com/us/ पर स्विच करना), जबकि आप सिर्फ़ डिफ़ॉल्ट भाषा बदलना चाहते हैं।

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

यहाँ एक ऐसी कंपनी का उदाहरण दिया गया है जो असल में विज़िटर को उनकी पसंदीदा भाषा चुनने देती है — Uber अपने भाषा बदलने के विकल्प फ़ुटर में दिखाता है:

जब आप "English" पर क्लिक करते हैं, तो एक पॉप-अप खुलता है, जिससे आप English और French के बीच अपनी पसंदीदा भाषा चुन सकते हैं:

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

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

भाषाओं का अपने आप पता लगाना

कई मल्टी-लैंग्वेज वेबसाइटें वेब ब्राउज़र की मूल भाषा का पता लगाती हैं ताकि यूज़र के लिए प्राथमिक भाषा अपने आप सेट हो जाए।

हालाँकि इससे यूज़र का कुछ समय बचता है, लेकिन भाषा का पता लगाकर अपने आप अनुवाद दिखाना कोई सटीक विज्ञान नहीं है। उन यूज़र को ध्यान में रखना ज़रूरी है जो आपकी मल्टीलिंगुअल वेबसाइट के "गलत" वर्ज़न पर पहुँच सकते हैं।

कोई विज़िटर शारीरिक रूप से स्पेन में हो सकता है और आपकी मल्टी-लैंग्वेज वेबसाइट अपने आप इसका पता लगाकर स्पेनिश दिखाएगी, लेकिन वे एक ऐसे मूल अंग्रेज़ी बोलने वाले हो सकते हैं जो स्पेनिश नहीं पढ़ सकते।

तो अगर आप लोकेशन को ऑटो-डिटेक्ट करने वाले हैं, तो एक लैंग्वेज स्विचर भी दें ताकि विज़िटर्स के पास अलग-अलग भाषाएँ चुनने का विकल्प हो।

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

झंडे बनाम भाषाओं के नाम

झंडों का इस्तेमाल अक्सर भाषा बताने के लिए किया जाता है, लेकिन कुछ संदर्भ संबंधी समस्याएँ हैं जिन्हें आपको ध्यान में रखना होगा:

• झंडे देशों को दिखाते हैं, भाषाओं को नहीं।
• एक देश में एक से ज़्यादा आधिकारिक भाषाएँ हो सकती हैं।
• एक भाषा एक से ज़्यादा देशों में बोली जा सकती है।
• विज़िटर किसी झंडे को पहचान नहीं सकते (आइकन के आकार के कारण) या वे मिलते-जुलते झंडों से भ्रमित हो सकते हैं।

आखिर में, आप ऐसे भाषा बदलने के विकल्प देना चाहते हैं जो किसी भी भाषा में समझना आसान हों।

4. टेक्स्ट के विस्तार का ध्यान रखें

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

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

स्पेनिश और अंग्रेज़ी जैसी भाषाएँ ज़्यादा शब्द इस्तेमाल करती हैं, कभी-कभी दूसरी भाषाओं की तुलना में 30% से ज़्यादा जगह की ज़रूरत होती है।

W3C की अनुवाद में टेक्स्ट साइज़ के लिए गाइड, जिसे हम पूरा पढ़ने की सलाह देते हैं, कुछ बेहतरीन सलाह देती है।

W3C इस बात पर ज़ोर देता है कि मशीन अनुवाद टूल में अनुकूली UI एलिमेंट, जैसे बटन, इनपुट फ़ील्ड और वर्णनात्मक टेक्स्ट, का होना क्यों ज़रूरी है।

जैसे, जब Flickr को अलग-अलग भाषाओं में ट्रांसलेट किया गया, तो डिजाइनर्स को तस्वीरों के नीचे लिखे उस टेक्स्ट का ध्यान रखना पड़ा जो व्यूज़ की संख्या बताता है।

नीचे दी गई टेबल में अलग-अलग भाषाओं में 'view' शब्द की लंबाई, ओरिजिनल इंग्लिश के मुकाबले कितनी है, यह दिखाया गया है:

इंग्लिश से इटैलियन में यह 300% ज़्यादा हो जाता है!

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

कैरेक्टर और लाइन की ऊँचाई भी एक और ज़रूरी बात है। अक्सर ऐसा होता है कि नॉन-लैटिन टेक्स्ट के कैरेक्टर लैटिन टेक्स्ट के मुकाबले ज़्यादा ऊँचे होते हैं। अरबी जैसी लिपियों में भी लैटिन भाषाओं के मुकाबले लाइनों के बीच ज़्यादा जगह की ज़रूरत होती है।

5. वेब फ़ॉन्ट कंपैटिबिलिटी और एन्कोडिंग पर ध्यान दें

W3C कहता है कि आपको अपनी वेब पेजों की एन्कोडिंग हमेशा बतानी चाहिए। यह सलाह देता है कि आप UTF-8 का इस्तेमाल करें ताकि स्पेशल कैरेक्टर किसी भी भाषा में सही से दिखें।

अपने पेजों के हेडर में UTF डिक्लेरेशन ऐसे करें:

आप जो भी वेब फ़ॉन्ट इस्तेमाल करते हैं, उन्हें आपकी WordPress मल्टी लैंग्वेज साइट जिन सभी नॉन-इंग्लिश भाषाओं को सपोर्ट करती है, उनके साथ कंपैटिबल होना चाहिए, खासकर नॉन-लैटिन भाषाओं के लिए। इसका मतलब है कि आपके इस्तेमाल किए गए फ़ॉन्ट में सभी ज़रूरी कैरेक्टर और ग्लिफ़ होने चाहिए।

कुछ फ़ॉन्ट लैटिन स्क्रिप्ट को तो सपोर्ट कर सकते हैं, लेकिन RTL या सिरिलिक को नहीं। इसलिए, कोई भी फ़ॉन्ट इस्तेमाल करने से पहले यह ज़रूर देख लें कि उसमें आपकी ज़रूरत की नॉन-इंग्लिश भाषाएँ शामिल हैं या नहीं।

उदाहरण के लिए, Google Fonts आपको फ़ॉन्ट पैकेज डाउनलोड करने से पहले भाषाएँ चुनने देता है:

एक अकेली भाषा में सैकड़ों कैरेक्टर हो सकते हैं, जिससे फ़ॉन्ट फ़ाइलें साइज़ में बहुत बड़ी हो सकती हैं – अपनी मल्टी लैंग्वेज वेबसाइट के लिए फ़ॉन्ट चुनते समय यह भी एक बात है जिसे ध्यान में रखना चाहिए।

6. राइट-टू-लेफ्ट भाषाओं के लिए डिज़ाइन

राइट-टू-लेफ्ट भाषाओं के लिए पेज डिज़ाइन करना थोड़ा मुश्किल हो सकता है। जैसा कि SteelKiwi डेवलपर रॉबर्ट डोडिस Smashing Magazine के लिए लिखते हैं, RTL के लिए डिज़ाइन करने का मतलब है "इंटरफ़ेस को पलट देना"।

उदाहरण के लिए, Facebook का लेफ्ट-टू-राइट डिज़ाइन ऐसा दिखता है:

और अरबी में Facebook का राइट-टू-लेफ्ट डिज़ाइन ऐसा दिखता है:

ध्यान दें कि स्क्रॉल बार भी अपनी जगह बदल देता है!

अगर आप LTR और RTL दोनों भाषाओं के लिए डिज़ाइन कर रहे हैं, तो अपने डिज़ाइन को मिरर करने के बारे में सोचना ज़रूरी है।

RTL के लिए डिज़ाइन कैसे करें, इसकी पूरी जानकारी के लिए हम रॉबर्ट का Smashing Magazine लेख पढ़ने की सलाह देते हैं। हम यहाँ एक ही बात बार-बार नहीं दोहराना चाहते, इसलिए उनका ट्यूटोरियल पढ़ें। हम आपको दिखाना चाहते हैं कि Weglot RTL भाषाओं को कैसे सपोर्ट करता है और आपकी बहुभाषी वेबसाइट के लिए अनुवाद प्रक्रिया को आसान बना सकता है।

Weglot की अनुवाद सेवा RTL भाषाओं को सपोर्ट करती है और CSS नियमों की मदद से आप अपनी बहुभाषी साइट के लेआउट को उनके हिसाब से बदल सकते हैं। यहाँ कुछ उपलब्ध RTL भाषाएँ दी गई हैं:

• अरबी (ar)
• हिब्रू (he)
• फ़ारसी (fa)
• उर्दू (ur)

Weglot के साथ अपनी बहुभाषी साइट में RTL भाषा जोड़ने के बाद, आप अपने लेआउट पर CSS नियम लागू करके यह कस्टमाइज़ कर सकते हैं कि यह कैसे दिखेगी। वर्डप्रेस एडमिन में, Weglot > Language button design (वैकल्पिक) पर जाएँ और नीचे Override CSS तक स्क्रॉल करें। टेक्स्टएरिया में अपनी पसंद के कोई भी CSS नियम जोड़ें — आप अपनी डिज़ाइन के हिसाब से मुख्य भाषा को स्टाइल करने के लिए फ़ॉन्ट, साइज़, लाइन हाइट और बहुत कुछ बदलना चाह सकते हैं।

Weglot के साथ RTL भाषाओं को जोड़ने और स्टाइल करने के लिए बस इतना ही करना है! आप डॉक्यूमेंटेशन में पढ़ सकते हैं कि Weglot RTL भाषाओं को कैसे सपोर्ट करता है।

7. ऐसी इमेज और आइकॉन इस्तेमाल करें जो सांस्कृतिक रूप से सही हों

इमेज, आइकॉन और दूसरे ग्राफ़िक्स किसी भी वेब पेज के ज़रूरी हिस्से होते हैं। लेकिन विज़ुअल अपनी प्रकृति से ही सब्जेक्टिव होते हैं और जब उन्हें किसी दूसरे कल्चर में देखा जाता है, तो उन्हें अलग-अलग तरीकों से समझा जा सकता है।

उदाहरण के लिए, Clarins के होमपेज के फ्रेंच वर्ज़न में एक कॉकेशियन महिला दिखती है:

लेकिन जब आप कंपनी के जापानी होमपेज पर जाते हैं, तो वहाँ एक जापानी महिला की तस्वीर दिखती है:

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

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

ऊपर दिया गया तीसरा आइकन ग्लोब को दिखाता है, लेकिन इसमें कोई खास देश या क्षेत्र नहीं है, जिससे यह मल्टी लैंग्वेज वेबसाइट पर इस्तेमाल के लिए ज़्यादा सही है।

आपको तस्वीरों और दूसरे ग्राफिक एलिमेंट्स की समीक्षा करनी होगी, और किसी भी क्षेत्रीय और सांस्कृतिक संवेदनशीलता का ध्यान रखना होगा।

ऐसी इमेज और ग्राफ़िक्स का इस्तेमाल करने से बचें जिनमें टेक्स्ट एम्बेड किया गया हो। आप Weglot जैसे टूल से एम्बेड किए गए टेक्स्ट का अनुवाद नहीं कर पाएँगे, इसलिए इनसे पूरी तरह बचें।

8. सांस्कृतिक रूप से सही रंगों का इस्तेमाल करें

अलग-अलग संस्कृतियों में रंगों को देखने और समझने का तरीका दुनिया भर में बहुत अलग होता है।

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

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

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

9. तारीखें और दूसरे फॉर्मेट

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

आपको माप की इकाइयों का भी अनुवाद करना पड़ सकता है, जो आपकी टारगेट ऑडियंस के हिसाब से SEO में मदद करता है। जबकि दुनिया का 90% हिस्सा मीट्रिक सिस्टम का इस्तेमाल करता है, अमेरिका, लाइबेरिया और म्यांमार अभी भी वज़न और माप के इंपीरियल सिस्टम का इस्तेमाल करते हैं।

अपने डिज़ाइन के लिए सही वर्डप्रेस ट्रांसलेशन प्लगइन चुनना

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

आप Weglot के Visual Editor का भी इस्तेमाल कर सकते हैं अपनी साइट के फ्रंट-एंड पर और सबडोमेन में अपनी सामग्री का अनुवाद करने के लिए, ताकि आप देख सकें कि यह आपकी साइट के डिज़ाइन और लेआउट के संदर्भ में कैसा दिखता है, ठीक Google Translate की तरह।

Weglot के साथ, आपके लैंग्वेज स्विचर का डिज़ाइन और जगह 100% कस्टमाइज़ेबल हैं। डिफ़ॉल्ट बटन को किसी भी साइट के हिसाब से डिज़ाइन किया गया है, लेकिन आप इसे कस्टम CSS के ज़रिए भी स्टाइल कर सकते हैं ताकि आप अपनी पसंद का कोई भी फ़ॉर्मेट इस्तेमाल कर सकें।

इसके अलावा, Weglot इस पोस्ट में बताए गए डिज़ाइन सिद्धांतों को सपोर्ट करता है, जैसे कि:

• लगातार ब्रांडिंग के लिए एक ग्लोबल टेम्पलेट का इस्तेमाल करना
• आसानी से मिलने वाले भाषा बदलने के विकल्प देना
• विज़िटर्स को अपनी पसंदीदा भाषा चुनने देना
• ऑटोमैटिक UTF एन्कोडिंग
• RTL भाषा सपोर्ट

आइए Weglot की सबसे महत्वपूर्ण डिज़ाइन-संबंधी सुविधा देखें: अपने लैंग्वेज स्विचर को कस्टमाइज़ करना।

Weglot के साथ अपनी साइट के भाषा बदलने के विकल्पों को कस्टमाइज़ करना

अपनी WordPress मल्टी-लैंग्वेज वेबसाइट पर Weglot प्लगइन इंस्टॉल और सेटअप करने के बाद, आपको अपनी API की, अपनी डिफ़ॉल्ट भाषा और जिस भाषा में आप अपनी सामग्री का अनुवाद करना चाहते हैं, वो डालने के लिए कहा जाएगा, ठीक Google Translate की तरह।

अगर आपके पास पहले से Weglot अकाउंट नहीं है, तो अपनी API की पाने के लिए आपको एक बनाना होगा।

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

कुछ बेसिक बदलाव करने के लिए, Weglot > Language button design (वैकल्पिक) पर जाएँ। इस स्क्रीन पर, आप चुन सकते हैं:

• ड्रॉपडाउन का इस्तेमाल करना है या नहीं
• झंडों का इस्तेमाल करना है या नहीं
• झंडों के प्रकार
• भाषाओं के नाम दिखाना
• सिर्फ भाषाओं के कोड दिखाना

The Override CSS सेक्शन में आप CSS नियम लागू कर सकते हैं, ताकि आपकी मल्टी लैंग्वेज वेबसाइट पर आपका लैंग्वेज स्विचर कैसा दिखे, उसे स्टाइल कर सकें। उदाहरण के लिए, आप यह कर सकते हैं:

• बटन पर से तीर हटाएँ
• बैकग्राउंड का रंग बदलें
• स्क्रॉल बार जोड़ें
• बॉर्डर हटाएँ
• पैडिंग जोड़ें

Weglot ने इस लेख में लैंग्वेज बटन के डिज़ाइन को कस्टमाइज़ करने के बारे में कुछ उदाहरण दिए हैं।

जब आप Weglot की कॉन्फ़िगरेशन स्क्रीन पर नीचे स्क्रॉल करेंगे, तो आपको लैंग्वेज स्विचर को कैसे रखना है, इसके निर्देश मिलेंगे:

• मेनू में। Appearance -> Menus पर जाएँ और Weglot Translate Custom लिंक को जहाँ चाहें, वहाँ ड्रैग और ड्रॉप करें।
• एक विजेट के तौर पर। Appearance -> Widgets पर जाएँ और Weglot Translate विजेट को जहाँ चाहें, वहाँ ड्रैग और ड्रॉप करें।
• शॉर्टकोड के साथ। अपने लैंग्वेज स्विचर को अपनी पसंद की जगह पर रखने के लिए Weglot शॉर्टकोड [ weglot_switcher ] (बिना स्पेस के) का इस्तेमाल करें।
• सोर्स कोड में। आप अपनी HTML पेज के सोर्स कोड में जहाँ चाहें, यह कोड जोड़ सकते हैं:

<div id=”weglot_here”></div>

आपको यह दिखाने के लिए कि एक मल्टी लैंग्वेज वेबसाइट पर लैंग्वेज स्विचर को कैसे कस्टमाइज़ किया जा सकता है (चाहे वह WordPress, Shopify या किसी भी अन्य तरह की वेबसाइट हो), आप नीचे देख सकते हैं कि Patyka पेज के ऊपर-बाईं ओर लैंग्वेज स्विचर को कैसे दिखाती है।

भाषाएँ उनके नामों से दिखती हैं, और जब आप स्विच पर क्लिक करके कोई भाषा चुनते हैं, तो पेज पर मौजूद जानकारी बदल जाती है, और वह आपकी चुनी हुई भाषा में अनुवाद हो जाती है।

केस स्टडी: Maestrooo Weglot का इस्तेमाल कर रहा है

2013 में स्थापित, Maestrooo फ्रांस में स्थित एक वेब डेवलपमेंट एजेंसी है जिसके ग्राहकों में From Future और Patyka जैसे नाम शामिल हैं। Maestrooo अब फ्रांस में ज़्यादातर Shopify Plus ग्राहकों को संभालता है।

Maestrooo एक मज़बूत और भरोसेमंद मल्टी-लैंग्वेज वेबसाइट समाधान ढूंढ रहा था जो उनके ग्राहकों की ज़रूरतों के हिसाब से आसानी से ढल सके। कई समाधानों को आज़माने और यह पाया कि उन्हें SEO या hreflang मैनेजमेंट में दिक्कतें आ रही थीं, तब टीम ने Weglot को खोजा।

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

ग्राहकों के लिए कस्टम वेबसाइट डिज़ाइन करने के अलावा, Maestrooo Shopify के थीम स्टोर के लिए आधिकारिक थीम भी बनाता है। जबकि दूसरे मल्टी-लैंग्वेज वेबसाइट समाधान अक्सर Maestrooo की थीम की फ़ॉर्मेटिंग बिगाड़ देते हैं, Weglot एक ऐसा अनुवाद समाधान देता है जो हर बार काम करता है।

Maestrooo हर साल 8,000 से 12,000 ग्राहकों को अपनी मल्टी-लैंग्वेज वेबसाइट के लिए Weglot का इस्तेमाल करके Shopify के साथ शुरुआत करने में मदद करता है।

स्थानीय डिज़ाइन के साथ अपनी वेबसाइट को सांस्कृतिक रूप से पूरी तरह अनुकूल बनाएँ

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

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

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

सही मल्टी-लैंग्वेज वेबसाइट ट्रांसलेशन प्लगइन और एक ऐसी साइट डिज़ाइन के साथ जो इस्तेमाल में आसान अनुवाद विकल्प देती है, आप ग्राहकों को उनकी पसंदीदा भाषा में एक आकर्षक UI और UX के साथ मदद करेंगे। Weglot को हमारे 14-दिन के बिना किसी प्रतिबद्धता वाले मुफ़्त ट्रायल के साथ मुफ़्त में आज़माएँ, या बिना साइन-अप के प्रोडक्ट टूर करें!