Odoo Website Builder Complete Guide: Design, Publish, and Optimize

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

मुख्य बातें

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

ओडू वेबसाइट के साथ शुरुआत करना

वेबसाइट मॉड्यूल को सक्षम करना

ऐप्स > वेबसाइट से वेबसाइट मॉड्यूल इंस्टॉल करें। पहली स्थापना पर, ओडू एक सेटअप विज़ार्ड प्रस्तुत करता है:

1. एक थीम चुनें: मुफ़्त और प्रीमियम थीम में से चुनें जो समग्र डिज़ाइन भाषा निर्धारित करती हैं
2. कंपनी की जानकारी कॉन्फ़िगर करें: कंपनी का नाम, लोगो और संपर्क विवरण स्वचालित रूप से शीर्षलेख और पादलेख भरते हैं
3. सुविधाएँ चुनें: ब्लॉग, ईकॉमर्स, फ़ोरम, ईवेंट और अन्य वेबसाइट सुविधाओं को सक्षम या अक्षम करें
4. डोमेन सेट करें: उत्पादन उपयोग के लिए अपना कस्टम डोमेन नाम कॉन्फ़िगर करें

सेटअप के बाद, पेज, ट्रैफिक एनालिटिक्स और ईकॉमर्स मेट्रिक्स दिखाने वाले वेबसाइट प्रबंधन हब तक पहुंचने के लिए वेबसाइट > डैशबोर्ड पर नेविगेट करें।

पेज संपादक

जब आप किसी पृष्ठ पर संपादित करें पर क्लिक करते हैं तो ड्रैग-एंड-ड्रॉप संपादक सक्रिय हो जाता है। संपादक इंटरफ़ेस में निम्न शामिल हैं:

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

गुण पैनल (दायां साइडबार): रिक्ति, रंग, एनिमेशन, दृश्यता की स्थिति और प्रतिक्रियाशील व्यवहार सहित चयनित तत्व के गुणों को कॉन्फ़िगर करें।

इनलाइन संपादन: किसी भी पाठ को सीधे पृष्ठ पर संपादित करने के लिए उस पर क्लिक करें। टेक्स्ट फ़ॉर्मेटिंग टूल फ़्लोटिंग टूलबार में दिखाई देते हैं।

लेआउट उपकरण: सटीक लेआउट प्रबंधन के लिए ग्रिड और कॉलम नियंत्रण। प्रत्येक अनुभाग कस्टम चौड़ाई अनुपात के साथ कॉन्फ़िगर करने योग्य कॉलम गणना (1-6) का समर्थन करता है।

पेज डिज़ाइन और सामग्री

सामग्री ब्लॉक

Odoo 19 में इन श्रेणियों में व्यवस्थित 150 से अधिक सामग्री ब्लॉक शामिल हैं:

गतिशील सामग्री

डायनामिक सामग्री ब्लॉक आपके Odoo डेटाबेस से डेटा खींचते हैं:

• उत्पाद शोकेस: वास्तविक समय मूल्य निर्धारण और उपलब्धता के साथ आपके कैटलॉग से उत्पाद प्रदर्शित करता है
• ब्लॉग पोस्ट: अंश और छवियों के साथ हाल की या विशेष रुप से प्रदर्शित ब्लॉग प्रविष्टियाँ दिखाता है
• घटनाएँ: पंजीकरण बटन के साथ आगामी घटनाओं को सूचीबद्ध करता है
• नौकरी पोस्टिंग: भर्ती मॉड्यूल से रिक्त पदों को प्रदर्शित करता है
• ग्राहक प्रशंसापत्र: एक प्रबंधित प्रशंसापत्र डेटाबेस से लिया जाता है

अंतर्निहित डेटा में परिवर्तन होने पर डायनामिक ब्लॉक स्वचालित रूप से अपडेट हो जाते हैं। एक नया ब्लॉग पोस्ट जोड़ने से यह तुरंत ब्लॉग ब्लॉक का उपयोग करने वाले पृष्ठों पर प्रतिबिंबित होता है।

कस्टम HTML/CSS

दृश्य संपादक से परे उन्नत अनुकूलन के लिए, Odoo प्रदान करता है:

• HTML ब्लॉक: पेज पर कहीं भी कस्टम HTML डालें
• कस्टम सीएसएस: वेबसाइट > कॉन्फ़िगरेशन > सेटिंग्स > कस्टम सीएसएस पर पेज-विशिष्ट या साइट-व्यापी सीएसएस जोड़ें
• कस्टम जावास्क्रिप्ट: ट्रैकिंग स्क्रिप्ट, विजेट या इंटरैक्टिव तत्व जोड़ें

एक ब्लॉक का चयन करके और कोड व्यू टॉगल पर क्लिक करके कोड संपादक तक पहुंचें। कस्टम कोड थीम परिवर्तनों के दौरान बना रहता है, हालाँकि थीम अपडेट के लिए सीएसएस समायोजन की आवश्यकता हो सकती है।

थीम अनुकूलन

थीम सेटिंग्स

वेबसाइट > कॉन्फ़िगरेशन > थीम पर सक्रिय थीम को अनुकूलित करें:

रंग: प्राथमिक, द्वितीयक, उच्चारण और पृष्ठभूमि रंगों को परिभाषित करें। थीम इन रंगों को सभी ब्लॉकों और यूआई तत्वों पर लगातार लागू करती है। ओडू आपके चयन से होवर स्टेट्स, टेक्स्ट रंग और बॉर्डर रंगों सहित एक संपूर्ण रंग पैलेट तैयार करता है।

टाइपोग्राफी: Google फ़ॉन्ट्स से शीर्षकों और मुख्य पाठ के लिए फ़ॉन्ट परिवार चुनें या कस्टम फ़ॉन्ट अपलोड करें। आधार आकार, पंक्ति ऊँचाई और अक्षर रिक्ति निर्धारित करें।

लेआउट: वैश्विक स्तर पर लागू होने वाली सामग्री की चौड़ाई, अनुभाग रिक्ति, सीमा त्रिज्या और छाया शैलियों को कॉन्फ़िगर करें।

बटन: कस्टम रंग, बॉर्डर त्रिज्या, पैडिंग और होवर प्रभाव के साथ प्राथमिक और द्वितीयक बटन को स्टाइल करें।

उत्तरदायी डिज़ाइन

Odoo में प्रत्येक ब्लॉक डिफ़ॉल्ट रूप से उत्तरदायी है। संपादक तीन पूर्वावलोकन मोड प्रदान करता है:

• डेस्कटॉप: 1200px से ऊपर की स्क्रीन के लिए पूर्ण-चौड़ाई वाला दृश्य
• टैबलेट: स्क्रीन के लिए मध्यम दृश्य 768-1199पीएक्स
• मोबाइल: 768px से नीचे की स्क्रीन के लिए संकीर्ण दृश्य

गुण पैनल में दृश्यता टॉगल का उपयोग करके तत्वों को विशिष्ट ब्रेकप्वाइंट पर छिपाया जा सकता है। जब तक ओवरराइड न किया जाए, कॉलम लेआउट स्वचालित रूप से मोबाइल पर लंबवत रूप से स्टैक हो जाते हैं।

एसईओ कॉन्फ़िगरेशन

पेज-स्तरीय एसईओ

प्रत्येक पृष्ठ में पृष्ठ संपादक में प्रचार टैब के माध्यम से एसईओ नियंत्रण पहुंच योग्य हैं:

• मेटा शीर्षक: खोज परिणामों में प्रदर्शित शीर्षक टैग (अनुशंसित 50-60 अक्षर)
• मेटा विवरण: खोज परिणामों में प्रदर्शित विवरण (अनुशंसित 150-160 अक्षर)
• यूआरएल स्लग: पेज यूआरएल पथ (शीर्षक से स्वचालित रूप से उत्पन्न, संपादन योग्य)
• कैनोनिकल यूआरएल: एकाधिक यूआरएल वाले पृष्ठों के लिए कैनोनिकल संस्करण निर्दिष्ट करें
• अनुक्रमण: टॉगल करें कि पृष्ठ को खोज इंजन अनुक्रमणिका में दिखना चाहिए या नहीं

तकनीकी एसईओ

Odoo कई तकनीकी SEO आवश्यकताओं को स्वचालित रूप से संभालता है:

• Sitemap.xml: सभी अनुक्रमित पृष्ठों के साथ /sitemap.xml पर स्वचालित रूप से जेनरेट होता है
• Robots.txt: डिफ़ॉल्ट robots.txt सभी क्रॉलर्स को अनुमति देता है; वेबसाइट > कॉन्फ़िगरेशन > SEO पर अनुकूलित करें
• संरचित डेटा: उत्पाद पृष्ठों में स्वचालित रूप से JSON-LD स्कीमा मार्कअप शामिल होता है
• स्वच्छ यूआरएल: कॉन्फ़िगर करने योग्य स्लग के साथ एसईओ-अनुकूल यूआरएल संरचना
• 301 रीडायरेक्ट: रीडायरेक्ट को वेबसाइट > कॉन्फ़िगरेशन > रीडायरेक्ट पर कॉन्फ़िगर करें
• Hreflang टैग: बहुभाषी वेबसाइटों के लिए स्वचालित रूप से जेनरेट किया गया

छवि अनुकूलन

Odoo 19 छवियों को स्वचालित रूप से अनुकूलित करता है:

• वेबपी रूपांतरण: अपलोड की गई छवियां समर्थित ब्राउज़रों को वेबपी के रूप में परोसी जाती हैं
• प्रतिक्रियाशील छवियां: srcset विशेषता प्रति डिवाइस उचित आकार की छवियां प्रदान करती है
• आलसी लोडिंग: तह के नीचे की छवियां स्क्रॉल पर लोड होती हैं
• ऑल्ट टेक्स्ट: इमेज प्रॉपर्टी पैनल में एक्सेसिबिलिटी और एसईओ के लिए ऑल्ट टेक्स्ट फ़ील्ड शामिल हैं

ईकॉमर्स एकीकरण

उत्पाद पृष्ठ

Odoo वेबसाइट के उत्पाद पृष्ठ सीधे आपके उत्पाद कैटलॉग से डेटा खींचते हैं। मुख्य विशेषताएं:

• उत्पाद प्रकार: प्रकार-विशिष्ट छवियों और कीमतों के साथ रंग, आकार और अन्य प्रकार चयनकर्ता
• इन्वेंटरी प्रदर्शन: वास्तविक समय स्टॉक स्थिति (स्टॉक में, कम स्टॉक, स्टॉक से बाहर)
• गतिशील मूल्य निर्धारण: मूल्य सूची, प्रचार और ग्राहक समूहों के आधार पर कीमतें अपडेट होती हैं
• उत्पाद तुलना: अधिकतम चार उत्पादों की एक साथ तुलना
• समीक्षाएं और रेटिंग: संयम के साथ ग्राहक समीक्षा प्रणाली

शॉपिंग कार्ट और चेकआउट

चेकआउट प्रवाह ओडू की बिक्री, लेखांकन और शिपिंग मॉड्यूल के साथ एकीकृत होता है:

1. कार्ट: मिनी-कार्ट ड्रॉपडाउन के साथ अजाक्स-संचालित ऐड-टू-कार्ट
2. शिपिंग: कॉन्फ़िगर किए गए वाहकों से वास्तविक समय शिपिंग दर की गणना
3. भुगतान: एकाधिक भुगतान प्रदाता (स्ट्राइप, पेपैल, Authorize.net, बैंक हस्तांतरण)
4. ऑर्डर पुष्टिकरण: सेल्स मॉड्यूल में स्वचालित ऑर्डर निर्माण
5. चालान: लेखांकन मॉड्यूल में स्वचालित चालान निर्माण

कैटलॉग प्रबंधन

वेबसाइट > ईकॉमर्स > उत्पाद पर अपना ऑनलाइन कैटलॉग प्रबंधित करें:

• प्रकाशित/अप्रकाशित: नियंत्रित करें कि वेबसाइट पर कौन से उत्पाद दिखाई दें
• श्रेणियाँ: नेविगेशन के लिए उत्पादों को श्रेणीबद्ध श्रेणियों में व्यवस्थित करें
• विशेषताएँ और फ़िल्टर: उत्पाद विशेषताओं द्वारा पहलूबद्ध फ़िल्टरिंग सक्षम करें
• सॉर्ट विकल्प: डिफ़ॉल्ट सॉर्टिंग कॉन्फ़िगर करें (मूल्य, नाम, नवीनतम, बेस्टसेलिंग)
• उत्पाद टेम्प्लेट: प्रति उत्पाद श्रेणी के अनुसार लेआउट और सूचना प्रदर्शन को नियंत्रित करें

ब्लॉग प्रबंधन

ब्लॉग पोस्ट बनाना

वेबसाइट > ब्लॉग पर ब्लॉग इंजन बहु-लेखक प्रकाशन का समर्थन करता है:

1. ब्लॉग इंडेक्स पेज या बैकएंड से एक नई पोस्ट बनाएं
2. नियमित पृष्ठों के समान ड्रैग-एंड-ड्रॉप संपादक का उपयोग करके सामग्री लिखें
3. मेटाडेटा सेट करें: लेखक, श्रेणी, टैग, प्रकाशन तिथि
4. पूर्वावलोकन करें और प्रकाशित करें

ब्लॉग एसईओ

ब्लॉग पोस्ट में अतिरिक्त SEO नियंत्रण शामिल हैं:

• लेखक मार्कअप: लेखक पृष्ठों के लिए Schema.org व्यक्ति मार्कअप
• अनुच्छेद स्कीमा: दिनांकप्रकाशित, दिनांकसंशोधित और लेखक के साथ ब्लॉगपोस्टिंग संरचित डेटा
• ओपन ग्राफ़ टैग: फेसबुक, ट्विटर और लिंक्डइन के लिए सोशल शेयरिंग मेटाडेटा
• अंश नियंत्रण: खोज परिणामों और सामाजिक शेयरों में प्रदर्शित अंश को परिभाषित करें

सामग्री रणनीति

Odoo का ब्लॉग सामग्री विपणन वर्कफ़्लो का समर्थन करता है:

• ड्राफ्ट/प्रकाशित स्थिति: प्रकाशन से पहले पोस्ट लिखें और समीक्षा करें
• निर्धारित प्रकाशन: भविष्य की प्रकाशन तिथियां निर्धारित करें
• श्रेणियाँ और टैग: नेविगेशन और एसईओ के लिए सामग्री व्यवस्थित करें
• संबंधित पोस्ट: टैग और श्रेणियों के आधार पर स्वचालित रूप से संबंधित सामग्री का सुझाव दें

बहुभाषी वेबसाइटें

भाषा विन्यास

वेबसाइट > कॉन्फ़िगरेशन > भाषाएँ पर वेबसाइट भाषाओं को कॉन्फ़िगर करें:

1. भाषा सूची से वांछित भाषाएँ स्थापित करें
2. वेबसाइट फ्रंटएंड के लिए भाषाएँ सक्षम करें
3. डिफ़ॉल्ट भाषा सेट करें
4. यूआरएल रणनीति कॉन्फ़िगर करें (उपनिर्देशिका /fr/ या उपडोमेन fr.example.com)

अनुवाद कार्यप्रवाह

फ्रंटएंड संपादक के माध्यम से वेबसाइट सामग्री का अनुवाद करें:

1. भाषा चयनकर्ता का उपयोग करके लक्ष्य भाषा पर स्विच करें
2. अनुवाद मोड में प्रवेश करने के लिए अनुवाद पर क्लिक करें
3. अनुवाद योग्य टेक्स्ट ब्लॉक पीले रंग में हाइलाइट करें
4. प्रत्येक ब्लॉक पर क्लिक करें और अनुवाद दर्ज करें
5. प्रति पृष्ठ अनुवाद सहेजें

बैकएंड सेटिंग्स > अनुवाद पर थोक अनुवाद वर्कफ़्लो के लिए एक अनुवाद निर्यात/आयात फ़ंक्शन प्रदान करता है।

प्रदर्शन अनुकूलन

अंतर्निहित अनुकूलन

Odoo 19 में कई प्रदर्शन सुविधाएँ शामिल हैं:

• सीडीएन समर्थन: स्थिर संपत्ति वितरण के लिए वेबसाइट > कॉन्फ़िगरेशन > सेटिंग्स पर एक सीडीएन कॉन्फ़िगर करें
• एसेट मिनिमाइजेशन: सीएसएस और जावास्क्रिप्ट को उत्पादन में स्वचालित रूप से छोटा किया जाता है
• पेज कैशिंग: अज्ञात आगंतुकों के लिए पूर्ण-पेज कैशिंग
• डेटाबेस क्वेरी अनुकूलन: वेबसाइट पेज ओआरएम के माध्यम से अनुकूलित क्वेरी उत्पन्न करते हैं

प्रदर्शन सर्वोत्तम अभ्यास

• अपलोड करने से पहले छवियों को अनुकूलित करें (अधिकांश सामग्री छवियों के लिए 200KB से कम)
• कस्टम जावास्क्रिप्ट को आवश्यक कार्यक्षमता तक सीमित करें
• जब संभव हो तो कस्टम HTML के बजाय Odoo के अंतर्निर्मित ब्लॉक का उपयोग करें
• अंतर्राष्ट्रीय ट्रैफ़िक वाली साइटों के लिए CDN सक्षम करें
• वेबसाइट > रिपोर्टिंग > एनालिटिक्स के माध्यम से पेज लोड समय की निगरानी करें

ECOSIRE वेबसाइट सेवाएँ

Odoo के भीतर एक प्रभावी वेबसाइट बनाने के लिए डिज़ाइन विशेषज्ञता और ERP ज्ञान दोनों की आवश्यकता होती है। ECOSIRE की Odoo अनुकूलन सेवाएँ में कस्टम थीम विकास, ब्लॉक निर्माण और ईकॉमर्स अनुकूलन शामिल हैं। हमारी कार्यान्वयन टीम डिज़ाइन से लेकर लॉन्च तक संपूर्ण वेबसाइट सेटअप को संभालती है, यह सुनिश्चित करते हुए कि आपकी वेबसाइट आपके व्यावसायिक संचालन के साथ सहजता से एकीकृत हो।

संबंधित पढ़ना

• ओडू वेबसाइट और ईकॉमर्स एसईओ गाइड
• फैशन और परिधान के लिए ओडू ईकॉमर्स
• ओडू के साथ मल्टी-चैनल बिक्री
• ईकॉमर्स के लिए ओडू रिटर्न प्रबंधन
• ओडू शॉपिफाई इंटीग्रेशन गाइड

क्या मैं ओडू के वेबसाइट बिल्डर के साथ एक कस्टम डोमेन का उपयोग कर सकता हूं?

हाँ। अपने कस्टम डोमेन को वेबसाइट > कॉन्फ़िगरेशन > सेटिंग्स में कॉन्फ़िगर करें। अपने डोमेन के DNS रिकॉर्ड को अपने Odoo सर्वर पर इंगित करें (स्वयं-होस्टेड के लिए एक रिकॉर्ड, Odoo.sh के लिए CNAME)। SSL प्रमाणपत्र Odoo.sh पर स्वचालित रूप से प्रबंधित किए जाते हैं या स्वयं-होस्ट किए गए परिनियोजन के लिए मैन्युअल रूप से कॉन्फ़िगर किए जा सकते हैं।

क्या ओडू वेबसाइट बिल्डर सदस्यता या गेटेड सामग्री का समर्थन करता है?

ओडू पोर्टल एक्सेस सिस्टम के माध्यम से गेटेड सामग्री का समर्थन करता है। पेजों को लॉग-इन उपयोगकर्ताओं तक सीमित किया जा सकता है, और विशिष्ट सामग्री ब्लॉक को उपयोगकर्ता समूहों के आधार पर सशर्त रूप से प्रदर्शित किया जा सकता है। पूर्ण सदस्यता साइट कार्यक्षमता (सशुल्क पहुंच, स्तरीय सामग्री) के लिए, कस्टम विकास या सामुदायिक मॉड्यूल आधार कार्यक्षमता का विस्तार करते हैं।

वर्डप्रेस जैसे स्टैंडअलोन बिल्डरों की तुलना में ओडू वेबसाइट का प्रदर्शन कैसा है?

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