Wix Harmony Editor: DOM ऑर्डर के साथ काम करना
Document Object Model (DOM) ऑर्डर से पता चलता है कि आपकी साइट के पृष्ठ कैसे स्ट्रक्चर किए गए हैं। यह आपके पृष्ठ के एलिमेंट्स के लोड होने और चुने जाने का क्रम तय करता है—यानी कौन-सा एलिमेंट पहले आएगा, कौन-सा उसके बाद, और इसी तरह आगे।
एक स्पष्ट और सही तरीके से सेट किया गया DOM ऑर्डर आपकी साइट को कई तरह से ऑप्टिमाइज़ कर सकता है। DOM क्यों ज़रूरी है और इसके साथ कैसे काम करें, इसका तरीका जानने के लिए इस आर्टिकल में दी गई जानकारी का इस्तेमाल करें।
DOM ऑर्डर क्यों ज़रूरी है
साइट DOM, साइट पृष्ठों पर मौजूद एलिमेंट्स के लोड होने और पढ़े जाने का क्रम है। यह आपकी साइट के इन पहलुओं पर असर डाल सकता है:
- एक्सेसिबिलिटी: कुछ साइट विज़िटर आपकी साइट पर नेविगेट करने के लिए Tab की, स्क्रीन रीडर या दूसरी असिस्टिव टेक्नोलॉजी का इस्तेमाल कर सकते हैं। ये टेक्नोलॉजी यह जानने के लिए DOM ऑर्डर पर निर्भर करती हैं कि एलिमेंट्स को किस क्रम में चुनना या पढ़ना है।
- परफ़ॉर्मेंस: DOM यह तय करता है कि साइट पर एलिमेंट्स किस क्रम में लोड होंगे। अगर यह एलिमेंट्स के विज़ुअल ऑर्डर से मेल नहीं खाता, तो साइट की लोडिंग पर असर पड़ सकता है। उदाहरण के लिए, कंटेंट लोड होते समय पृष्ठ का लेआउट शिफ़्ट हो सकता है।
- सर्च रिज़ल्ट रैंकिंग: सर्च इंजन यह तय करने के लिए DOM का इस्तेमाल करते हैं कि साइट को किस क्रम में क्रॉल किया जाए—बाएं से दाएं और ऊपर से नीचे। अगर DOM व्यवस्थित या सही नहीं है, तो सर्च इंजन कंटेंट को गलत क्रम में 'रीड' कर सकता है और उसका मतलब ठीक से नहीं समझ पाता।
क्या आप अपनी साइट का DOM ऑर्डर टेस्ट करना चाहते हैं?
Wix साइट का ऑटोमैटिक DOM ऑर्डर टेस्ट करने के लिए, लाइव साइट पर अपने कीबोर्ड की Tab की या स्क्रीन रीडर का इस्तेमाल करें।
DOM ऑर्डर को मैन्युअली एडजस्ट करना
Wix डिफ़ॉल्ट रूप से आपकी साइट के DOM ऑर्डर को ऑटोमैटिक तरीके से व्यवस्थित करता है—इससे पृष्ठ का कंटेंट परफ़ॉर्मेंस और रैंकिंग के लिए ऑप्टिमाइज़ रहता है। हालांकि, आप खास अनुभागों और कंटेनर का DOM ऑर्डर मैन्युअली एडजस्ट कर सकते हैं।
ऑटो DOM को डिसेबल करने के लिए:
- अपने एडिटर पर जाएं।
- एडिटर में नीचे बाईं ओर मौजूद लेयर्स आइकन
पर क्लिक करें। - (लेयर्स पैनल में) संबंधित अनुभाग या कंटेनर के बगल में मौजूद मोर ऐक्शंस आइकन
पर क्लिक करें। - ऑन पर क्लिक करें, जो ऑप्टिमाइज़ DOM ऑर्डर के बगल में है। ऐसा करने से यह डिसेबल हो जाएगा।
- संबंधित एलिमेंट्स को अपने पसंदीदा क्रम में ड्रैग और ड्रॉप करें।
एक्सेसिबिलिटी विज़ार्ड में DOM ऑर्डर एडजस्ट करना
आपको
एक्सेसिबिलिटी विज़ार्ड में DOM ऑर्डर को ऑटोमैटिक तरीके से व्यवस्थित करने के लिए कहा जा सकता है। यह विकल्प खास पृष्ठों या पूरी साइट के लिए दिखाई दे सकता है:
- साइट-लेवल की समस्याएं: अलग-अलग भाषाओं में पढ़ने की दिशा अलग होती है। उदाहरण के लिए, फ़्रेंच बाएं से दाएं और अरबी दाएं से बाएं पढ़ी जाती है। यह टास्क तब दिखाई देता है, जब साइट की भाषा में पढ़ने की दिशा आपके एलिमेंट्स के विज़ुअल ऑर्डर के साथ अलाइन नहीं होती।
- पृष्ठ से जुड़ी समस्याएं: यह टास्क तब दिखाई देता है, जब पृष्ठ के कम से कम एक अनुभाग या कंटेनर पर DOM डिसेबल होता है।
विज़ार्ड की मदद से DOM ऑर्डर व्यवस्थित करने के लिए:
- अपने एडिटर पर जाएं।
- एडिटर में ऊपर बाईं ओर अपनी साइट के नाम पर क्लिक करें।
- नीचे स्क्रॉल करके एक्सेसिबिलिटी पर जाएं और फिक्स इश्यूज़ पर क्लिक करें।
- स्कैन साइट पर क्लिक करें।
- टास्क टाइप के हिसाब से DOM ऑर्डर को ऑर्गनाइज़ करें:
- साइट लेवल: साइट लेवल ड्रॉप-डाउन चुनें।
- पेज लेवल:
- संबंधित पेज कलेक्शन पर क्लिक करें (जैसे, मेन पेजेज़ या स्टोर पेजेज़)।
- उस पेज पर क्लिक करें जिसे आप चुनना चाहते हैं।
- ऑर्गनाइज़ DOM ऑर्डर ड्रॉप-डाउन पर क्लिक करें।
- ऑटोमैटिकली (सुझाया गया) चुनें।
- अप्लाई पर क्लिक करें।
- (वैकल्पिक) साइट एलिमेंट्स का विज़ुअल डिस्प्ले चेक करें, ताकि यह पक्का हो सके कि वे सही तरीके से अलाइन हैं।
Wix को एक्सेसिबिलिटी से जुड़ी जानकारी कहां से मिलती है?
- हम वेब कंटेंट एक्सेसिबिलिटी गाइडलाइंस (WCAG) डॉक्यूमेंट के मुताबिक सुझाव देते हैं। इस डॉक्यूमेंट को वर्ल्ड वाइड वेब कंसोर्टियम (W3C) ने तैयार किया है।
- हमारी गाइडलाइंस सफलता के इन मानदंडों पर आधारित हैं: