Wix के साथ शुरुआत करनाWix के साथ अपनी वेबसाइट और बिज़नेस बनाएँअपनी वेबसाइट बनाने, टेम्पलेट कस्टमाइज़ करने, या अपनी ऑनलाइन प्रेज़ेंस बेहतर बनाने के लिए प्रोफ़ेशनल्स को हायर करने के लिए हमारे AIटूल्स देखे
वेबसाइट बनानापढ़ें कि Wix एडिटर का इस्तेमाल कैसे करें और अपनी साइट पर कंटेंट कैसे मैनेज करें। जानें कि अपने विज़िटर्स की प्राइवेसी कैसे सुरक्षित रखें और अपनी साइट को एक्सेसिबल कैसे बनाएं।
अकाउंट और बिलिंगअपनी अकाउंट सेटिंग्स देखें, अपने सब्सक्रिप्शन और प्लान मैनेज करें और अपने इनवॉइस समझें.
Wix मोबाइल ऐप का इस्तेमाल करनाअपने बिज़नेस को चलते-फिरते अच्छे से चलाने के लिए हमारे मोबाइल ऐप्स का इस्तेमाल करें और अपनी साइट के मेंबर्स के टच में रहने के लिए एक खास ऐप सेट अप करें।
डोमेन कनेक्ट करनाअपनी साइट के लिए डोमेन खरीदने, कनेक्ट करने या ट्रांसफर करने का तरीका जानने के लिए हमारे स्टेप-बाय-स्टेप गाइड को फॉलो करें, और जानें कि अपनी साइट का डेटा कैसे सुरक्षित रखें।
अपना बिज़नेस मैनेज़ करनाअपने बिज़नेस और वेब प्रेजेंस को बढ़ाने के लिए टूल्स लें। अपनी खास ज़रूरतों के लिए सही टूल्स ढूंढें, ऑनलाइन पेमेंट सेट अप करें और अपनी साइट के एनालिटिक्स पर नज़र रखें।
अपनी साईट प्रमोट करना सर्च इंजन पर इसे प्रमोट करके, ईमेल भेजकर और पेड ऐड चलाकर अपनी साइट को ज़्यादा विज़िबल बनाना सीखें। प्रैक्टिकल टिप्स से अपनी ऑनलाइन प्रेजेंस को बेहतर बनाएं।
स्टूडियो, पार्टनर और एंटरप्राइअपने स्टूडियो या एंटरप्राइज़ अकाउंट का ज़्यादा से ज़्यादा फ़ायदा उठाएँ, एडवांस्ड फ़ीचर्स के साथ जो आपको ज़्यादा अच्छे से काम करने में मदद करेंगे.
और अधिक मदद की आवश्यकता है?साइट परफॉर्मेंस और टेक्निकल दिक्कतों के लिए सॉल्यूशन ढूंढें, उन दिक्कतों के बारे में जानें जिन्हें हम ठीक करने पर काम कर रहे हैं या मदद के लिए हमसे कॉन्टैक्ट करें।
placeholder-preview-image
Wix Learnहमारे कोर्सेज़ और ट्यूटोरियल के ज़रिए अपने स्किल्स का विकास करें।
Wix ब्लॉगवेब डिज़ाइन, मार्केटिंग आदि के लिए सुझाव पाएं।
SEO लर्निंग हबसर्च इंजन से ऑर्गेनिक साइट ट्रैफिक बढ़ाना सीखें।
वेबसाइट विकासहमारे फ़ुल-स्टैक प्लेटफ़ॉर्म का उपयोग करके एक कस्टम साइट बनाएं।
placeholder-preview-image

Studio एडिटर: DOM ऑर्डर के साथ काम करना

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

DOM ऑर्डर क्यों जरूरी है

DOM ऑर्डर तय करता है कि किसी पेज पर एलिमेंट्स किस क्रम में लोड और रीड होंगे और उनकी टैबिंग किस क्रम में होगी। इसका असर साइट की इन चीजों पर पड़ सकता है:
  • एक्सेसिबिलिटी: कुछ विज़िटर्स साइट पर नेविगेट करने के लिए स्क्रीन रीडर और/या Tab की जैसे असिस्टिव टेक्नोलॉजी का इस्तेमाल कर सकते हैं। साइट का DOM तय करता है कि स्क्रीन रीडर उसे किस क्रम में पढ़ेंगे और टैबिंग किस क्रम में होगी। DOM और एक्सेसिबिलिटी के बारे में ज्यादा जानें।
  • परफ़ॉर्मेंस: DOM तय करता है कि साइट पर एलिमेंट्स किस क्रम में लोड होंगे। इसलिए, DOM ऑर्डर को एलिमेंट्स के विज़ुअल ऑर्डर से मैच करने पर लोडिंग का अनुभव ज्यादा व्यवस्थित होता है। DOM और परफ़ॉर्मेंस के बारे में ज्यादा जानें।
  • SEO रैंकिंग: एक व्यवस्थित और सही स्ट्रक्चर से एक्सेसिबिलिटी और साइट लोडिंग बेहतर हो सकती है। इससे साइट की SEO रैंकिंग भी बढ़ सकती है।
इसलिए, एक व्यवस्थित DOM ऑर्डर जरूरी है, क्योंकि इससे साइट विज़िटर्स को बेहतर अनुभव मिलता है। उदाहरण के लिए, साइट मेन्यू सबसे पहले होना चाहिए। इसके बाद शीर्षलेख के बाकी एलिमेंट्स, फिर पेज का शीर्षक, पेज का कंटेंट वगैरह होने चाहिए।

ऑटो DOM ऑर्डर

ऑटोमैटिक (ऑटो) DOM, पेज पर एलिमेंट्स के विज़ुअल ऑर्डर पर आधारित होता है—बाएं से दाएं और ऊपर से नीचे। एलिमेंट्स को जोड़ने, संरेखित करने और उनका साइज बदलने पर DOM ऑर्डर अपने-आप फिर से व्यवस्थित हो जाता है। इससे काम करते समय वह ऑप्टिमाइज्ड रहता है।

ऑटो DOM को बंद करना

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

एलिमेंट का DOM ऑर्डर मैन्युअल रूप से बदलना

ऑटो DOM ऑर्डर बंद करने के बाद, आप इसे मैन्युअल रूप से बदल सकते हैं, ताकि यह एलिमेंट के विजुअल ऑर्डर (बाएं से दाएं, ऊपर से नीचे) से मैच करे।

DOM ऑर्डर मैन्युअल रूप से बदलने के लिए:

  1. एडिटर के बाईं ओर लेयर्स पर क्लिक करें।
  2. चुनें कि आप क्या ऑर्गनाइज करना चाहते हैं:
    • अनुभाग के अंदर मौजूद एलिमेंट:
      1. अनुभाग खोलने के लिए, उसे चुनें।
      2. एलिमेंट को ड्रैग और ड्रॉप करके सही पोजिशन पर रखें।
    • अनुभाग:
      1. सबसे ऊपर वाले अनुभाग पर होवर करें और मोर एक्शंस आइकन पर क्लिक करें।
      2. अरेंज पर क्लिक करें।
      3. ब्रिंग टू फ्रंट पर क्लिक करें।
      4. पैनल में ऊपर से नीचे जाते हुए, बाकी सभी अनुभागों के लिए स्टेप i-iii दोहराएं।
साइट का लेयर्स पैनल। कर्सर ने किसी अनुभाग के अरेंज टैब पर क्लिक किया है, जिससे उपलब्ध ऑप्शन दिखाई दे रहे हैं।

DOM ऑर्डर को फिर से ऑर्गनाइज करना

आप एक क्लिक में किसी अनुभाग, फ्लेक्सबॉक्स या स्टैक के एलिमेंट या पूरे पृष्ठ का DOM ऑर्डर फिर से अरेंज कर सकते हैं। ऑर्डर को एलिमेंट के विजुअल ऑर्डर (बाएं से दाएं और ऊपर से नीचे) से मैच करने के लिए ऑप्टिमाइज किया जाता है।

पृष्ठ का DOM ऑर्डर फिर से ऑर्गनाइज करने के लिए:

  1. एडिटर के बाईं ओर पेजेज पर क्लिक करें।
  2. संबंधित पृष्ठ चुनें।
  3. मोर एक्शंस आइकन पर क्लिक करें।
  4. रीऑर्गनाइज DOM ऑर्डर पर क्लिक करें।
साइट का पेजेज पैनल। कर्सर किसी पृष्ठ का DOM ऑर्डर फिर से ऑर्गनाइज करने वाले ऑप्शन पर क्लिक कर रहा है।

एलिमेंट का DOM ऑर्डर फिर से ऑर्गनाइज करने के लिए:

  1. एडिटर के बाईं ओर लेयर्स पर क्लिक करें।
  2. संबंधित अनुभाग, फ्लेक्सबॉक्स या स्टैक चुनें।
  3. मोर ऐक्शंस आइकन पर क्लिक करें।
  4. रीऑर्गनाइज़ DOM ऑर्डर पर क्लिक करें।
किसी साइट का लेयर्स पैनल। कर्सर किसी अनुभाग के DOM ऑर्डर को रीऑर्गनाइज़ करने के ऑप्शन पर क्लिक कर रहा है।

अक्सर पूछे जाने वाले सवाल

साइट पर DOM ऑर्डर के बारे में और जानने के लिए कोई सवाल चुनें।