👼🏾 🔠 👨‍👨‍👦 Google वेब स्टूडियो से बहुभाषी दर्शकों के लिए साइट बनाने के छह सुझाव 📆 👖 🛫

वेबमास्टर स्तर: कोई भी

इंटरनेट पर कई साइटें हैं जिनकी सामग्री कई भाषाओं में उपलब्ध है, और ऐसे और भी कई संसाधन हैं। हालाँकि, एक बहुभाषी वेबसाइट बनाना केवल अनुवाद या स्थानीयकरण (L10N) नहीं है। कई अन्य पहलुओं को यहां ध्यान में रखा जाना चाहिए, जिनमें से प्रत्येक का अंतर्राष्ट्रीयकरण (I18N) से संबंधित है। Google सहायता में, आप Google खोज के लिए बहु-स्तरीय और बहुभाषी साइटों को अनुकूलित करने के तरीके के बारे में जानकारी पा सकते हैं, और इस लेख में हम बहुभाषी दर्शकों के लिए संसाधन बनाने के कुछ सुझाव साझा करना चाहते हैं।

1. स्टाइल शीट के बजाय मार्कअप का उपयोग करके बहुभाषी पृष्ठ बनाएं

पाठ की भाषा और अभिविन्यास पृष्ठ की सामग्री से निकटता से संबंधित हैं। इस संबंध में, हमेशा मार्कअप का उपयोग करने की कोशिश करें, न कि स्टाइल शीट। lang और dir छद्म कक्षाओं का उपयोग करके पाठ की भाषा और दिशा (कम से कम html में सामग्री के लिए) सेट करें:

 <html lang="ar" dir="rtl">

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

2. सभी भाषाओं के लिए एक स्टाइल शीट का उपयोग करें

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

 <link href="default.rtl.css" rel="stylesheet">

उन का उपयोग करें जो पहले से ही साइट पर हैं:

 <link href="default.css" rel="stylesheet">

इस दृष्टिकोण के साथ, आपको मौजूदा सीएसएस नियमों को नीचे सूचीबद्ध अंतर्राष्ट्रीयकरण घटकों के साथ पूरक करने की आवश्यकता होगी।

3. विशेषता चयनकर्ता का उपयोग करें [dir = 'rtl']

चूंकि हम मौजूदा स्टाइलशीट (टिप # 2) का उपयोग करने की सलाह देते हैं, आपको उन तत्वों का चयन करने की आवश्यकता है जिनके अभिविन्यास को एक अलग तरीके से बदला जाएगा। चूंकि पाठ को दाएं से बाएं पढ़ा जाता है, इसलिए विशेष मार्कअप (टिप # 1) की आवश्यकता होती है, इसमें बहुत कठिनाई नहीं होनी चाहिए: अधिकांश आधुनिक ब्राउज़र [dir='rtl'] समर्थन करते हैं।

एक उदाहरण पर विचार करें:

 aside { float: right; margin: 0 0 1em 1em; } [dir='rtl'] aside { float: left; margin: 0 1em 1em 0; }

4. छद्म वर्ग का उपयोग करें: लैंग ()

विभिन्न दस्तावेजों में भाषाओं को परिभाषित करने के लिए, छद्म वर्ग का उपयोग करें :lang() । कृपया ध्यान दें कि हम दस्तावेजों के बारे में बात कर रहे हैं, पाठ के टुकड़े नहीं, क्योंकि स्वरूपण करना अधिक कठिन है।
यदि आप पाते हैं कि बोल्ड में चीनी अक्षर अच्छे नहीं लगते हैं (जो वास्तव में ऐसा है), तो निम्न कोड जोड़ें:

 :lang(zh) strong, :lang(zh) b { font-weight: normal; color: #900; }

5. सभी मूल्यों के लिए दिशा बदलें

द्विदिश सामग्री के साथ काम करते समय, यह महत्वपूर्ण है कि मान उसी तरह दिशा बदलते हैं। विशेष रूप से ध्यान आंतरिक और बाहरी मार्जिन, फ्रेम, साथ ही float और टी ext-align जैसी विशेषताओं के मापदंडों पर ध्यान देना चाहिए।
मान लें कि कुछ खंडों में पाठ बाएं से दाएं और दूसरों में - दाएं से बाएं जाता है। जहाँ भी t ext-align: left , अब आपको text-align: right का उपयोग करने की आवश्यकता है।
ऐसे उपकरण हैं जो बदलते दिशाओं को आसान बनाते हैं। उनमें से एक CSSJanus है , हालांकि यह उन साइटों के लिए है जो अलग-अलग स्टाइलशीट का उपयोग करते हैं, और एक आम नहीं।

6. विवरण पर ध्यान दें

निम्नलिखित पर विचार करें:

चित्र उन्मुख बाएँ या दाएँ (तीर, पृष्ठभूमि, box-shadow और text-shadow विशेषताओं, जावास्क्रिप्ट तत्वों और एनिमेटेड वस्तुओं का उपयोग करके सेट) को भी उनके अभिविन्यास को बदलना चाहिए।
फ़ॉन्ट और स्क्रिप्ट के आधार पर, पृष्ठ पर पाठ का आकार पर्याप्त नहीं हो सकता है (यह लैटिन फोंट के लिए विशेष रूप से सच है)। यदि आवश्यक हो, तो इसके आकार को समायोजित करें या यहां तक कि एक अलग फ़ॉन्ट का उपयोग करें।
CSS चयनकर्ताओं की विशिष्टता को याद रखें: [dir='rtl'] या [dir='ltr'] चयनकर्ता (टिप # 2 देखें) उच्च प्राथमिकता हैं। इससे समस्याएं हो सकती हैं। इस कारक पर विचार करें और यदि आवश्यक हो तो परिवर्तन करें।

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

Google वेब स्टूडियो से बहुभाषी दर्शकों के लिए साइट बनाने के छह सुझाव