الدليل الكامل لمنشئ موقع Odoo: التصميم والنشر والتحسين

الدليل الكامل لبرنامج Odoo Website Builder الذي يغطي تصميم الصفحة، والموضوعات، وتحسين محركات البحث، وتكامل التجارة الإلكترونية، وإدارة المدونات، وتحسين الأداء.

E
ECOSIRE Research and Development Team
|16 مارس 202610 دقائق قراءة2.1k كلمات|

الدليل الكامل لمنشئ موقع Odoo: التصميم والنشر والتحسين

تعمل أداة إنشاء مواقع الويب الخاصة بـ Odoo على تحويل نظام تخطيط موارد المؤسسات (ERP) الخاص بك إلى منصة ويب كاملة. على عكس أدوات إنشاء مواقع الويب المستقلة التي تتطلب عمليات تكامل منفصلة للتجارة الإلكترونية ونماذج إدارة علاقات العملاء (CRM) وتسجيلات الأحداث، فإن أداة إنشاء مواقع الويب الخاصة بـ Odoo تعمل مباشرة مع بيانات عملك. يتم سحب صفحات المنتج من المخزون الخاص بك. تعمل نماذج الاتصال على تغذية نظام إدارة علاقات العملاء (CRM) الخاص بك. تتصل صفحات الأحداث بوحدة إدارة الأحداث الخاصة بك. يغطي هذا الدليل كل جانب من جوانب إنشاء مواقع الويب وإدارتها وتحسينها باستخدام Odoo.

الوجبات السريعة الرئيسية

  • يستخدم Odoo Website Builder محررًا يعتمد على السحب والإسقاط مع أكثر من 150 قالب محتوى مصمم مسبقًا
  • توفر السمات أساسًا أوليًا للتصميم يمكن تخصيصه على كل مستوى بما في ذلك الألوان والخطوط والمسافات والتخطيط
  • أدوات تحسين محركات البحث (SEO) مدمجة في محرر الصفحة مع إدارة العلامات الوصفية في الوقت الفعلي، والتحكم في بنية عنوان URL، وإنشاء خريطة الموقع
  • يعد تكامل التجارة الإلكترونية أمرًا أصليًا، حيث يتم سحب بيانات المنتج والأسعار والمخزون مباشرةً من قاعدة بيانات Odoo الخاصة بك
  • يدعم محرك المدونة النشر متعدد المؤلفين باستخدام الفئات والعلامات وهياكل URL الملائمة لتحسين محركات البحث

البدء مع موقع Odoo الإلكتروني

تمكين وحدة موقع الويب

قم بتثبيت وحدة موقع الويب من التطبيقات > موقع الويب. عند التثبيت لأول مرة، يقدم Odoo معالج الإعداد:

  1. اختر سمة: اختر من بين السمات المجانية والمتميزة التي تحدد لغة التصميم الشاملة
  2. تكوين معلومات الشركة: يقوم اسم الشركة وشعارها وتفاصيل الاتصال بملء رأس الصفحة وتذييلها تلقائيًا
  3. حدد الميزات: تمكين أو تعطيل المدونة والتجارة الإلكترونية والمنتدى والأحداث وميزات موقع الويب الأخرى
  4. تعيين المجال: قم بتكوين اسم المجال المخصص الخاص بك لاستخدامه في الإنتاج

بعد الإعداد، انتقل إلى موقع الويب > لوحة المعلومات للوصول إلى مركز إدارة موقع الويب الذي يعرض الصفحات وتحليلات حركة المرور ومقاييس التجارة الإلكترونية.

محرر الصفحة

يتم تنشيط محرر السحب والإفلات عند النقر فوق تحرير في أي صفحة. تتكون واجهة المحرر من:

لوحة الحظر (الشريط الجانبي الأيسر): تصفح كتل المحتوى واسحبها إلى الصفحة. يتم تنظيم الكتل حسب الفئة: الرؤوس، والميزات، والنص، والصور، والشهادات، والتسعير، والعبارات التي تحث المستخدم على اتخاذ إجراء، والتذييلات.

لوحة الخصائص (الشريط الجانبي الأيمن): قم بتكوين خصائص العنصر المحدد بما في ذلك التباعد والألوان والرسوم المتحركة وشروط الرؤية والسلوك سريع الاستجابة.

التحرير المضمن: انقر على أي نص لتحريره مباشرة على الصفحة. تظهر أدوات تنسيق النص في شريط أدوات عائم.

أدوات التخطيط: عناصر تحكم في الشبكة والأعمدة لإدارة التخطيط بدقة. يدعم كل قسم عدد الأعمدة القابلة للتكوين (1-6) مع نسب عرض مخصصة.

تصميم الصفحة والمحتوى

كتل المحتوى

يتضمن Odoo 19 أكثر من 150 كتلة محتوى منظمة في هذه الفئات:

الفئةعدد الكتلأمثلة
رؤوس12البطل مع الصورة، خلفية الفيديو، المنظر
المميزات18شبكة الأيقونات، بطاقات الميزات، جدول المقارنة
نص15فقرة، أعمدة، اقتباس، أكورديون
صور14معرض، دائري، شريط التمرير قبل/بعد
أرقام8العداد والإحصائيات وأشرطة التقدم
شهادات10بطاقات الاقتباس، شريط التمرير، شهادات الفيديو
التسعير6بطاقات الأسعار، جدول المقارنة، تبديل
دعوة للعمل12لافتة، نموذج، الاشتراك في النشرة الإخبارية
فريق6الشبكة والبطاقات والملفات التفصيلية
الجدول الزمني4عمودي، أفقي، معلم
تذييلات8الحد الأدنى، التفصيلي، تذييل ضخم

المحتوى الديناميكي

كتل المحتوى الديناميكي تسحب البيانات من قاعدة بيانات Odoo الخاصة بك:

  • عرض المنتجات: يعرض المنتجات من الكتالوج الخاص بك مع الأسعار والتوفر في الوقت الفعلي
  • منشورات المدونة: لعرض إدخالات المدونة الحديثة أو المميزة مع مقتطفات وصور
  • الأحداث: يسرد الأحداث القادمة مع أزرار التسجيل
  • إعلانات الوظائف: تعرض المناصب المفتوحة من وحدة التوظيف
  • شهادات العملاء: يتم سحبها من قاعدة بيانات الشهادات المُدارة

يتم تحديث الكتل الديناميكية تلقائيًا عندما تتغير البيانات الأساسية. إن إضافة منشور مدونة جديد ينعكس فورًا على الصفحات التي تستخدم كتلة المدونة.

HTML/CSS مخصص

للتخصيص المتقدم خارج نطاق المحرر المرئي، يوفر Odoo ما يلي:

  • كتلة HTML: أدخل HTML مخصصًا في أي مكان على الصفحة
  • CSS مخصص: أضف CSS خاصًا بالصفحة أو على مستوى الموقع في موقع الويب > التكوين > الإعدادات > CSS المخصص
  • جافا سكريبت مخصص: أضف نصوص التتبع أو عناصر واجهة المستخدم أو العناصر التفاعلية

قم بالوصول إلى محرر التعليمات البرمجية عن طريق تحديد كتلة والنقر فوق تبديل عرض التعليمات البرمجية. تستمر التعليمات البرمجية المخصصة عبر تغييرات السمات، على الرغم من أن تحديثات السمات قد تتطلب تعديلات CSS.

تخصيص الموضوع

إعدادات الموضوع

قم بتخصيص السمة النشطة في موقع الويب > التكوين > السمة:

الألوان: تحديد الألوان الأساسية والثانوية والتمييزية والخلفية. يطبق السمة هذه الألوان بشكل متسق عبر جميع الكتل وعناصر واجهة المستخدم. يقوم Odoo بإنشاء لوحة ألوان كاملة من اختياراتك بما في ذلك حالات التمرير وألوان النص وألوان الحدود.

الطباعة: اختر مجموعات الخطوط للعناوين والنص الأساسي من Google Fonts أو قم بتحميل الخطوط المخصصة. قم بتعيين أحجام القاعدة وارتفاع الأسطر وتباعد الأحرف.

التخطيط: قم بتكوين عرض المحتوى وتباعد الأقسام ونصف قطر الحدود وأنماط الظل التي يتم تطبيقها عالميًا.

الأزرار: قم بتصميم الأزرار الأساسية والثانوية بألوان مخصصة ونصف قطر الحدود والمساحة المتروكة وتأثيرات التمرير.

تصميم سريع الاستجابة

كل كتلة في Odoo تستجيب بشكل افتراضي. يوفر المحرر ثلاثة أوضاع للمعاينة:

  • سطح المكتب: عرض كامل للشاشات التي يزيد حجمها عن 1200 بكسل
  • الكمبيوتر اللوحي: عرض متوسط للشاشات 768-1199 بكسل
  • الجوال: عرض ضيق للشاشات التي يقل حجمها عن 768 بكسل

يمكن إخفاء العناصر عند نقاط توقف محددة باستخدام تبديل الرؤية في لوحة الخصائص. يتم تكديس تخطيطات الأعمدة تلقائيًا عموديًا على الهاتف المحمول ما لم يتم تجاوزها.

تكوين كبار المسئولين الاقتصاديين

تحسين محركات البحث على مستوى الصفحة

تحتوي كل صفحة على عناصر تحكم لتحسين محركات البحث يمكن الوصول إليها من خلال علامة التبويب الترويج في محرر الصفحة:

  • عنوان التعريف: علامة العنوان المعروضة في نتائج البحث (يوصى باستخدام 50-60 حرفًا)
  • الوصف التعريفي: الوصف المعروض في نتائج البحث (يوصى باستخدام 150-160 حرفًا)
  • رابط URL الثابت: مسار عنوان URL للصفحة (يتم إنشاؤه تلقائيًا من العنوان، وهو قابل للتعديل)
  • عنوان URL الأساسي: حدد الإصدار الأساسي للصفحات ذات عناوين URL المتعددة
  • الفهرسة: تبديل ما إذا كان يجب أن تظهر الصفحة في فهارس محرك البحث

تحسين محركات البحث الفنية

يتعامل Odoo مع العديد من متطلبات تحسين محركات البحث الفنية تلقائيًا:

  • Sitemap.xml: يتم إنشاؤه تلقائيًا في /sitemap.xml مع جميع الصفحات المفهرسة
  • Robots.txt: يسمح ملف robots.txt الافتراضي لجميع برامج الزحف؛ التخصيص في موقع الويب> التكوين> SEO
  • البيانات المنظمة: تتضمن صفحات المنتج ترميز مخطط JSON-LD تلقائيًا
  • عناوين URL النظيفة: بنية URL صديقة لتحسين محركات البحث مع روابط ثابتة قابلة للتكوين
  • عمليات إعادة التوجيه 301: قم بتكوين عمليات إعادة التوجيه في موقع الويب > التكوين > عمليات إعادة التوجيه
  • علامات Hreflang: يتم إنشاؤها تلقائيًا لمواقع الويب متعددة اللغات

تحسين الصورة

يقوم Odoo 19 بتحسين الصور تلقائيًا:

  • تحويل WebP: يتم تقديم الصور التي تم تحميلها كـ WebP إلى المتصفحات المدعومة
  • الصور المستجيبة: توفر السمة srcset صورًا ذات حجم مناسب لكل جهاز
  • تحميل بطيء: يتم تحميل الصور الموجودة أسفل الجزء المرئي من الصفحة عند التمرير
  • نص بديل: تتضمن لوحة خصائص الصورة حقول نص بديل لإمكانية الوصول وتحسين محركات البحث

تكامل التجارة الإلكترونية

صفحات المنتج

تقوم صفحات المنتج في موقع Odoo بسحب البيانات مباشرة من كتالوج المنتج الخاص بك. الميزات الرئيسية:

  • متغيرات المنتج: اللون والحجم ومحددات المتغير الأخرى مع الصور والأسعار الخاصة بالمتغير
  • عرض المخزون: حالة المخزون في الوقت الفعلي (موجود، مخزون منخفض، نفاد المخزون)
  • التسعير الديناميكي: يتم تحديث الأسعار بناءً على قوائم الأسعار والعروض الترويجية ومجموعات العملاء
  • مقارنة المنتجات: مقارنة جنبًا إلى جنب لما يصل إلى أربعة منتجات
  • المراجعات والتقييمات: نظام مراجعة العملاء مع الإشراف

عربة التسوق والخروج

يتكامل تدفق الخروج مع وحدات المبيعات والمحاسبة والشحن في Odoo:

  1. عربة التسوق: إضافة إلى عربة التسوق مدعومة بتقنية Ajax مع قائمة منسدلة لعربة صغيرة
  2. الشحن: حساب معدل الشحن في الوقت الفعلي من شركات النقل التي تم تكوينها
  3. الدفع: مزودو خدمة دفع متعددون (Stripe، PayPal، Authorize.net، التحويل البنكي)
  4. تأكيد الطلب: إنشاء الطلب تلقائيًا في وحدة المبيعات
  5. الفاتورة: إنشاء الفاتورة تلقائيًا في وحدة المحاسبة

إدارة الكتالوج

قم بإدارة الكتالوج الخاص بك عبر الإنترنت على موقع الويب > التجارة الإلكترونية > المنتجات:

  • منشورة/غير منشورة: التحكم في المنتجات التي تظهر على الموقع
  • الفئات: تنظيم المنتجات في فئات هرمية للتنقل
  • السمات والمرشحات: تمكين التصفية متعددة الأوجه حسب سمات المنتج
  • خيارات الفرز: تكوين الفرز الافتراضي (السعر، الاسم، الأحدث، الأكثر مبيعًا)
  • نماذج المنتج: تخطيط التحكم وعرض المعلومات لكل فئة منتج

إدارة المدونة

إنشاء منشورات المدونة

يدعم محرك المدونة الموجود في موقع الويب > المدونة النشر متعدد المؤلفين:

  1. قم بإنشاء منشور جديد من صفحة فهرس المدونة أو الواجهة الخلفية
  2. اكتب المحتوى باستخدام نفس محرر السحب والإفلات مثل الصفحات العادية
  3. قم بتعيين البيانات الوصفية: المؤلف، الفئة، العلامات، تاريخ النشر
  4. المعاينة والنشر

تحسين محركات البحث للمدونة

تتضمن منشورات المدونة عناصر تحكم إضافية لتحسين محركات البحث:

  • ترميز المؤلف: ترميز شخص Schema.org لصفحات المؤلف
  • مخطط المقالة: البيانات المنظمة لـ BlogPosting مع تاريخ النشر وتاريخ التعديل والمؤلف
  • علامات الرسم البياني المفتوحة: البيانات الوصفية للمشاركة الاجتماعية لـ Facebook وTwitter وLinkedIn
  • التحكم في المقتطف: تحديد المقتطف المعروض في نتائج البحث والمشاركات الاجتماعية

استراتيجية المحتوى

تدعم مدونة Odoo سير عمل تسويق المحتوى:

  • المسودة/حالة النشر: اكتب المشاركات وراجعها قبل النشر
  • النشر المجدول: تحديد تواريخ النشر المستقبلية
  • الفئات والعلامات: تنظيم المحتوى للتنقل وتحسين محركات البحث
  • المشاركات ذات الصلة: اقتراح محتوى ذي صلة تلقائيًا بناءً على العلامات والفئات

مواقع متعددة اللغات

تكوين اللغة

قم بتكوين لغات موقع الويب على موقع الويب > التكوين > اللغات:

  1. قم بتثبيت اللغات المطلوبة من قائمة اللغات
  2. تمكين اللغات للواجهة الأمامية لموقع الويب
  3. قم بتعيين اللغة الافتراضية
  4. قم بتكوين إستراتيجية عنوان URL (الدليل الفرعي /fr/ أو النطاق الفرعي fr.example.com)

سير عمل الترجمة

ترجمة محتوى موقع الويب من خلال محرر الواجهة الأمامية:

  1. قم بالتبديل إلى اللغة الهدف باستخدام محدد اللغة
  2. انقر ترجمة للدخول إلى وضع الترجمة
  3. يتم تمييز الكتل النصية القابلة للترجمة باللون الأصفر
  4. انقر فوق كل كتلة وأدخل الترجمة
  5. حفظ الترجمات لكل صفحة

توفر الواجهة الخلفية وظيفة تصدير/استيراد الترجمة لسير عمل الترجمة المجمعة في الإعدادات > الترجمات.

تحسين الأداء

تحسينات مدمجة

يتضمن Odoo 19 العديد من ميزات الأداء:

  • دعم CDN: قم بتكوين CDN على موقع الويب > التكوين > الإعدادات لتسليم الأصول الثابتة
  • تصغير الأصول: يتم تصغير CSS وJavaScript تلقائيًا في الإنتاج
  • التخزين المؤقت للصفحة: تخزين مؤقت لكامل الصفحة للزوار المجهولين
  • تحسين استعلام قاعدة البيانات: تنشئ صفحات موقع الويب استعلامات محسّنة من خلال ORM

أفضل ممارسات الأداء

  • تحسين الصور قبل التحميل (أقل من 200 كيلو بايت لمعظم صور المحتوى)
  • قصر JavaScript المخصص على الوظائف الأساسية
  • استخدم الكتل المضمنة في Odoo بدلاً من HTML المخصص عندما يكون ذلك ممكنًا
  • تمكين CDN للمواقع ذات حركة المرور الدولية
  • مراقبة أوقات تحميل الصفحة من خلال موقع الويب > التقارير > التحليلات

خدمات موقع ECOSIRE

يتطلب إنشاء موقع ويب فعال داخل Odoo خبرة في التصميم ومعرفة بتخطيط موارد المؤسسات (ERP). تتضمن [خدمات تخصيص Odoo] (/services/odoo/customization) من ECOSIRE تطوير السمات المخصصة وإنشاء الكتل وتحسين التجارة الإلكترونية. يتولى فريق التنفيذ لدينا إعداد موقع الويب بالكامل بدءًا من التصميم وحتى الإطلاق، مما يضمن تكامل موقع الويب الخاص بك بسلاسة مع العمليات التجارية الخاصة بك.

القراءة ذات الصلة

هل يمكنني استخدام نطاق مخصص مع أداة إنشاء مواقع Odoo؟

نعم. قم بتكوين المجال المخصص الخاص بك في موقع الويب > التكوين > الإعدادات. قم بتوجيه سجلات DNS الخاصة بنطاقك إلى خادم Odoo الخاص بك (سجل للاستضافة الذاتية، CNAME لـ Odoo.sh). تتم معالجة شهادات SSL تلقائيًا على Odoo.sh أو يمكن تهيئتها يدويًا لعمليات النشر ذاتية الاستضافة.

هل يدعم منشئ موقع Odoo العضوية أو المحتوى المسور؟

يدعم Odoo المحتوى المسور من خلال نظام الوصول إلى البوابة. يمكن قصر الصفحات على المستخدمين الذين قاموا بتسجيل الدخول، ويمكن عرض كتل محتوى محددة بشكل مشروط بناءً على مجموعات المستخدمين. للحصول على وظائف موقع العضوية الكاملة (الوصول المدفوع، المحتوى المتدرج)، يعمل التطوير المخصص أو وحدات المجتمع على توسيع الوظيفة الأساسية.

كيف يمكن مقارنة أداء موقع Odoo الإلكتروني بأداء أدوات إنشاء المواقع المستقلة مثل WordPress؟

يتم تحميل مواقع Odoo بشكل مشابه لمواقع WordPress ذات المحتوى المشابه من حيث التعقيد. وتتمثل الميزة في أن Odoo يقدم بيانات الأعمال الديناميكية (المنتجات والمخزون والتسعير) دون استدعاء واجهة برمجة التطبيقات الخارجية نظرًا لأن كل شيء موجود في نفس قاعدة البيانات. بالنسبة للمواقع ذات المحتوى الثقيل، يعد تكوين CDN وتحسين الصورة ضروريين لأوقات التحميل التنافسية.

E

بقلم

ECOSIRE Research and Development Team

بناء منتجات رقمية بمستوى المؤسسات في ECOSIRE. مشاركة رؤى حول تكاملات Odoo وأتمتة التجارة الإلكترونية وحلول الأعمال المدعومة بالذكاء الاصطناعي.

الدردشة على الواتساب