كيفية إنشاء موقع ويب متعدد اللغات باستخدام HubSpot CMS (دليل شامل)

شخص يجلس بجوار جهاز كمبيوتر محمول عليه أيقونات وسائل التواصل الاجتماعي
Table of Contents

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

في هذا الدليل، سنغطي الخطوات الكاملة لإنشاء موقع إلكتروني متعدد اللغات باستخدام HubSpot CMS، بدءًا من وضع استراتيجية اللغات، وإعداد الموقع الأولي، والتكامل مع أدوات الترجمة، وممارسات تحسين محركات البحث المهمة لتحسين أداء موقعك الإلكتروني في مختلف الأسواق. لنأخذها خطوة بخطوة!

لماذا تختار HubSpot CMS لموقعك متعدد اللغات؟

شخص يعمل على حاسوب محمول باستخدام برنامج ترجمة. أعلام متعددة تمثل اللغات.

إذا كنت تبحث عن نظام إدارة محتوى قوي وسهل الاستخدام أيضًا CMS لبناء موقع متعدد اللغات، فقد يكون HubSpot CMS الخيار الأمثل. صُممت هذه المنصة لتسهيل الأمر على أي شخص، سواء كان مبتدئًا أو محترفًا، لبناء مواقع جذابة ومنظمة بشكل جيد بلغات متعددة.

إليك بعض الأسباب التي تجعل HubSpot CMS خيارًا رائعًا لمشروع موقعك الإلكتروني متعدد اللغات.

  • مجاني وسهل الاستخدام دون برمجة – يوفر HubSpot CMS أدوات مجانية يمكنك استخدامها دون أي معرفة بالبرمجة. باستخدام محرر السحب والإفلات والقوالب المرنة، يمكن لأي شخص إنشاء موقع احترافي المظهر دون الحاجة إلى مطور. هذا مثالي إذا كنت تريد التركيز على بناء المحتوى وتجربة المستخدم دون التعامل مع التعقيدات التقنية.
  • دعم متعدد اللغات مدمج – يتيح لك HubSpot CMS إنشاء إصدارات أصلية من صفحاتك بلغات متعددة. يمكن إدارة كل إصدار بشكل منفصل مع بقائه متصلاً داخل نظام موحد، مما يسهل التنقل والتحكم في المحتوى. يمكنك أيضًا تكوين عناوين URL خاصة بكل لغة واستخدام ميزات تحسين محركات البحث متعددة اللغات مثل علامات hreflang.
  • متكامل مع أدوات التسويق وإدارة علاقات العملاء – يمكنك ربط موقعك متعدد اللغات بسلاسة مع أدوات التسويق والمبيعات وخدمة العملاء من HubSpot. على سبيل المثال، يمكنك عرض نماذج الاتصال أو روبوتات الدردشة أو محتوى التسويق عبر البريد الإلكتروني بناءً على لغة المستخدم. وهذا يُتيح تجارب مستخدم أكثر تخصيصًا وملاءمة.
  • تحليلات موقع الويب المدمجة – يوفر HubSpot تحليلات مدمجة لتتبع أداء كل نسخة لغوية من موقعك الإلكتروني. يمكنك معرفة الصفحات الأكثر زيارة، ومن أين يأتي جمهورك، وكيف يتفاعلون — كل ذلك من لوحة تحكم واحدة، دون أدوات إضافية.

خطوة بخطوة لإنشاء موقع ويب متعدد اللغات باستخدام HubSpot CMS

رجل يجلس على مكتب مع حاسوب محمول ونبتة. قائمة تحقق على الشاشة.

يتطلب بناء موقع إلكتروني متعدد اللغات استراتيجية مدروسة بعناية، وهيكلاً واضحاً، ومنصة تدعم الاحتياجات متعددة اللغات بسهولة - وHubSpot CMS يمتلك كل ذلك. لنبدأ بالخطوات!

#1 التخطيط لاستراتيجيتك متعددة اللغات

التخطيط الدقيق هو الخطوة الأولى قبل لمس المحرر. هذا أمر بالغ الأهمية حتى يبدو موقعك متعدد اللغات رائعًا ويعمل بشكل جيد مع الجماهير من مناطق مختلفة.

  • اختر اللغات بناءً على السوق المستهدف أو الجمهور الذي ترغب في الوصول إليه. استخدم بيانات الجمهور من التحليلات أو أبحاث السوق لتحديد أولويات اللغات الأكثر صلة. سيحدد هذا البحث أيضًا اللغات التي ستضيفها إلى موقعك الإلكتروني.
  • حدد بنية URL التي ستستخدمها، يدعم HubSpot CMS تنسيقات متعددة لبنية URL، مثل النطاقات الفرعية (مثل fr.example.com)، أو المجلدات الفرعية (example.com/fr)، أو معلمات URL (example.com?lang=fr). عادةً ما تكون المجلدات الفرعية هي الأكثر توصية لتحسين محركات البحث (SEO) لأنها تبقى على النطاق الرئيسي.
  • حدد الصفحات الرئيسية التي يجب أن تكون متاحة بكل لغة. يشمل ذلك الصفحة الرئيسية، ومن نحن، والخدمات، والاتصال، والمقالات الشائعة. من خلال خريطة المحتوى هذه، يمكنك ضمان تجربة مستخدم متساوية بجميع اللغات.

 

#2 إعداد موقعك الإلكتروني

بمجرد أن تصبح الاستراتيجية جاهزة، يحين وقت إعداد أساس موقعك الإلكتروني على HubSpot CMS. أولاً، تأكد من أن لديك حساب HubSpot بالفعل. عليك أن تعلم أن HubSpot توفر أيضًا نسخة تجريبية مجانية إذا كنت ترغب في تجربتها أولاً.

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

إزالة رموز التتبع غير المرغوب فيها من صفحات الموقع

بعد ذلك، اختر قالبًا أو تصميمًا متجاوبًا يسهل تخصيصه. يوفر HubSpot مجموعة كبيرة من القوالب التي يمكنك استخدامها فورًا أو تغييرها وفقًا لعلامتك التجارية باستخدام محرر السحب والإفلات. إذا اخترت قالبًا، فانقر على زر تعيين كقالب نشط .

امرأة تعمل على حاسوب محمول مع أمثلة على تصميم العلامة التجارية

إذا كان الأمر كذلك، سيتم توجيهك إلى صفحة المحرر. هنا يمكنك تعديل عناصر مختلفة مباشرة وفقًا لاحتياجات موقعك الإلكتروني. 

ابنِ موقع أحلامك مع Linguise. لقطة شاشة للوحة تحكم منشئ المواقع.

لتعديل عنصر، انقر عليه وعدّله في قسم المحتويات على اليسار.

لقطة شاشة لواجهة موقع إلكتروني مع Linguise. يظهر شخص يعمل على جهاز كمبيوتر.

وبالمثل، إذا كنت ترغب في إضافة أقسام أو وحدات أو تخطيطات جديدة. هنا، يوفر HubSpot CMS وحدات متنوعة مثل:

  • نص
  • تجارة
  • التصميم
  • النماذج والأزرار
  • محتوى النص الأساسي، إلخ.

كل ما عليك فعله هو تحديد علامة (+) أو سحبها وإفلاتها مباشرة من الجانب الأيسر إلى الجانب الأيمن من محرر الصفحة. 

لقطة شاشة لواجهة برنامج تحرير الفيديو تعرض أداة تحريك.
تجاوز حواجز اللغة
قل وداعاً لحواجز اللغة ومرحباً بنمو لا حدود له! جرّب خدمة الترجمة التلقائية لدينا اليوم.

#3 التكامل مع أدوات الترجمة الآلية

بمجرد الانتهاء من إنشاء صفحات موقعك الإلكتروني، حان الوقت لـ دمج موقعك على HubSpot مع أداة ترجمة تلقائية. في هذه الحالة، سنستخدم أداة خارجية تُسمى Linguise.

هناك عدة أسباب تجعل استخدام أداة خارجية مع HubSpot ضروريًا، خاصةً للمواقع متعددة اللغات، لأن نظام إدارة المحتوى HubSpot CMS لا يدعم تلقائيًا ميزات معينة، مثل:.

  • حدود اللغات والصفحات حسب الخطة – يقيّد HubSpot عدد تنويعات اللغة لكل محتوى وفقًا لمستوى اشتراكك. على سبيل المثال، تسمح خطة Starter بما يصل إلى 3 لغات فقط لكل محتوى، بينما Linguise يدعم لغات غير محدودة، مع توفر ما يصل إلى 85 لغة في جميع الخطط، ويوفر صفحات غير محدودة.

  • دعم محدود للغات المتعددة لأنواع معينة من الصفحات – لا يمكن ترجمة صفحات النظام مثل صفحات الخطأ 404 إلى لغات متعددة، كما أن ترجمة محتوى المدونة أو قاعدة المعرفة تتبع عملية مختلفة وأكثر يدوية من صفحات الموقع الإلكتروني العادية.

  • لا يوجد دعم لوسم اللغة للملفات البرمجية – إذا كنت تستخدم قوالب برمجية، فيجب عليك ضبط وسم lang يدويًا في قسم

  • لا يوجد إعداد لاتجاه النص للغات التي تُكتب من اليمين إلى اليسار –  بالنسبة للغات مثل العربية أو العبرية، ستحتاج إلى إضافة السمة dir=”rtl” بنفسك لضبط اتجاه النص بشكل صحيح.

لهذا السبب تُعد أدوات الترجمة الخارجية التي تدعم كل هذه الميزات وتتكامل جيدًا مع HubSpot CMS ضرورية—Linguise واحدة منها. يمكن لـ Linguise ترجمة المحتوى تلقائيًا إلى أكثر من 80 لغة بنتائج عالية الجودة.

هناك بعض الخطوات التي يجب اتباعها لـ تثبيت Linguise الترجمة التلقائية على موقعك على HubSpot.

أولاً، تأكد من أنك أنشأت حساب Linguise . بعد تسجيل الدخول أو التسجيل في لوحة تحكم Linguise ، سيُطلب منك تسجيل النطاق الذي تريد ترجمته. أدخل النطاق الكامل، بما في ذلك https://، واختر خيار OTHER CLOUD HOSTED CMS. 

قائمة إعدادات الملء التلقائي مع خيارات متنوعة

بعد ذلك، اختر اللغة الأساسية (المصدر) لموقعك الإلكتروني واللغة (اللغات) الهدف التي ترغب في إضافتها.

لقطة شاشة لصفحة قائمة لغات الترجمة. لغات متعددة مدرجة.

بمجرد تسجيل نطاقك بنجاح في لوحة تحكم Linguise ، سترى خيارًا لتوصيل DNS تلقائيًا. باستخدام ميزة تُسمى Entri، يمكنك إضافة جميع سجلات DNS اللازمة دون إعداد يدوي.

كيفية إنشاء موقع ويب متعدد اللغات باستخدام HubSpot CMS (دليل شامل)

سيتحقق Entri من DNS العام لنطاقك، ويكتشف مزوّد النطاق (مثل Cloudflare)، ويعرض صفحة تسجيل الدخول لذلك المزوّد. بعد تسجيل الدخول، سيضيف Entri تلقائيًا جميع سجلات DNS المطلوبة:

  • سجل TXT واحد للتحقق من النطاق
  • سجل CNAME واحد لكل لغة تضيفها

تستغرق عملية انتشار DNS عادةً من 20 إلى 30 دقيقة قبل أن يتمكن موقعك من عرض الصفحات متعددة اللغات.

الخطوة التالية هي لصق Linguise script، الذي يمكنك العثور عليه في Linguise dashboard. ثم انتقل إلى Settings > Language في حسابك على HubSpot والصق السكريبت في حقل Head HTML.

قائمة إعدادات الموقع مع خيارات اللغة والخيارات المتقدمة.

سيعمل هذا الكود تلقائيًا على دمج موقعك مع Linguise. بالإضافة إلى ذلك، سيقوم أيضًا تلقائيًا بإنشاء مبدّل لغة افتراضي.

رجل يعمل على الحاسوب، يبني حلمه.

#4 تخصيص مبدّل اللغة

علاوة على ذلك، يمكنك أيضًا ضبط مبدّل اللغة وفقًا لتفضيلاتك على لوحة تحكم Linguise من خلال اختيار قائمة عرض أعلام اللغات. على سبيل المثال، بدءًا من ضبط اسم اللغة التي تظهر، وأيقونة العلم، واللون، والنص، وأكثر من ذلك بكثير.

في هذه الصفحة، يمكنك أيضًا ترتيب اللغات التي ستظهر أولاً في مبدّل اللغة على موقعك الإلكتروني.

#5 ترجم المحتوى تلقائيًا

أخيرًا، سنقوم بترجمة موقع HubSpot، الذي تم إنشاؤه تلقائيًا، إلى لغة أخرى باستخدام Linguise. على سبيل المثال، سنقوم بالترجمة من الإنجليزية إلى الألمانية.

كما ترى، سيتم ترجمة جميع محتويات موقع HubSpot تلقائيًا بسرعة ودقة.

رجل أمام شاشة حاسوب

أفضل ممارسات تحسين محركات البحث لمواقع HubSpot متعددة اللغات

امرأة ترتدي قميصًا أصفر تعمل على حاسوب محمول أخضر. وهي جالسة بجانب نبات في أصيص.

بالإضافة إلى إنشاء موقع متعدد اللغات باستخدام HubSpot، يجب عليك التأكد من أن استراتيجيات تحسين محركات البحث الدولية التي تنفذها يمكن أن تساعد كل نسخة لغوية من موقعك على الظهور بشكل جيد في نتائج البحث. فيما يلي أفضل ممارسات تحسين محركات البحث التي يمكنك تنفيذها للمواقع متعددة اللغات القائمة على HubSpot.

استخدم وسوم hreflang وcanonical بشكل صحيح

علامات روابط SEO الخضراء والبرتقالية للتحسين

تخبر علامة hreflang محركات البحث باللغة المستهدفة وموقع صفحة معينة. هذا مهم لتجنب تكرار المحتوى وضمان توجيه المستخدمين إلى نسخة اللغة المناسبة. 

الخبر السار هو أنه إذا كنت تستخدم HubSpot CMS مع Linguise، فسيتم إعداد دعم علامات hreflang هذه تلقائيًا. هذا يعني أنك لست بحاجة إلى إضافة العلامات يدويًا، حيث سيقوم النظام بإنشاء وإدارة hreflang لكل نسخة لغوية من موقعك. إليك مثال على تطبيق hreflang على مقال.

لقطة شاشة لمحرر أكواد مع شريط بحث Lingoose

في الوقت نفسه، يجب استخدام الوسم الأساسي بحذر. لا تجعل جميع النسخ اللغوية تشير إلى عنوان URL أساسي واحد؛ يجب أن يكون لكل نسخة لغوية وسمها الأساسي الخاص. 

على سبيل المثال، يجب أن تحتوي الصفحة الفرنسية على رابط أساسي (canonical) يشير إلى النسخة الفرنسية من عنوان URL، وليس إلى النسخة الإنجليزية. يساعد هذا Google على فهم أن كل نسخة لغوية هي صفحة أصلية مختلفة، وألا يعتبرها محتوى مكررًا.

حسّن وسم العنوان والوصف التعريفي في كل لغة

تُعد عناوين الصفحات (وسوم العنوان) والأوصاف التعريفية من أهم عناصر تحسين محركات البحث داخل الصفحة. إذا كنت تستخدم قالبًا واحدًا في HubSpot لعدة لغات، فتأكد من أن كل إصدار يحتوي على عنوان ووصف تعريفي يتوافق مع اللغة المستهدفة. يؤدي هذا إلى زيادة الصلة بالبحث ومعدل النقر على نتائج البحث.

على سبيل المثال، خصّص المحتوى بدلاً من كتابة الوصف التعريفي باللغة الإنجليزية لجميع الإصدارات. إذا كانت صفحتك تبيع منتجات الملابس وتستهدف السوق الإسباني، فإن وصفًا تعريفيًا مثل «Compra ropa moderna para hombre y mujer con envío gratis» سيكون أكثر فعالية بكثير من النسخة الإنجليزية.

استخدم عناوين URL صديقة لمحركات البحث ومرتبطة باللغة

يلعب هيكل عنوان URL دورًا كبيرًا في تحسين محركات البحث متعدد اللغات. استخدم هياكل تشير إلى لغة المحتوى، مثل المجلدات الفرعية (example.com/fr/)، أو النطاقات الفرعية (fr.example.com)، أو المعلمات (example.com?lang=fr). في HubSpot، غالبًا ما تكون المجلدات الفرعية هي الخيار الأسهل لإدارة تحسين محركات البحث.

تأكد أيضًا من أن عناوين URL الخاصة بك مختلفة ليس فقط من حيث البنية ولكن أيضًا من حيث اللغة. على سبيل المثال، يمكن كتابة صفحة "من نحن" الإنجليزية على النحو example.com/en/about-us، بينما يجب أن تكون النسخة الفرنسية example.com/fr/a-propos. يساعد هذا المستخدمين ومحركات البحث على فهم سياق اللغة فورًا.

انتبه إلى ترجمة النص البديل (ALT) للصور والمحتوى المرئي

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

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

على سبيل المثال، يمكن أن يكون النص البديل لصورة تُظهر شخصًا يقرأ كتابًا "شخص يقرأ كتابًا" في النسخة الإنجليزية و"Personne lisant un livre" في النسخة الفرنسية. لا يساعد هذا المستخدمين ذوي الإعاقات البصرية فحسب، بل يزيد أيضًا من فرص ظهور الصورة في عمليات البحث المحلية عن الصور.

أرسل خريطة الموقع متعددة اللغات إلى Google Search Console

يحتاج Google إلى معرفة أن لديك إصدارات متعددة اللغات من محتواك. لذلك، فإن إرسال خريطة موقع XML تتضمن جميع الصفحات متعددة اللغات إلى Google Search Console أمر بالغ الأهمية. ينشئ HubSpot CMS خريطة الموقع تلقائيًا، ولكن يجب عليك التأكد من إدراج كل إصدار لغوي.

يُفضّل أن تتضمن خريطة الموقع متعددة اللغات عنصر <xhtml:link rel=“alternate” hreflang=“…”> لإظهار العلاقة بين اللغات. وبمجرد إرسال خريطة الموقع الصحيحة، ستقوم Google بفهرسة جميع إصدارات موقعك اللغوية بسرعة أكبر وتوجيه المستخدمين إلى الصفحات الأكثر صلة.

هل أنت مستعد لاستكشاف أسواق جديدة؟ جرّب خدمة الترجمة الآلية لدينا مجانًا مع تجربة مجانية لمدة شهر دون مخاطر. لا حاجة لبطاقة ائتمان!

الخلاصة

الآن أصبحت تفهم كيفية إنشاء موقع إلكتروني متعدد اللغات باستخدام HubSpot CMS. يمكنك البدء بالخطوات من تخطيط اللغات، وإنشاء الصفحات، وتحسين محركات البحث (SEO)، كل ذلك في منصة واحدة، دون عناء البرمجة. ومع ذلك، للحصول على تجربة مستخدم وأداء SEO محسّنين حقًا، يُوصى بشدة بالتكامل مع خدمة ترجمة آلية مثل Linguise .

مع Linguise، يمكنك ترجمة محتوى موقعك بالكامل إلى أكثر من 80 لغة على الفور وبشكل دقيق. لذا، إذا كنت ترغب في تقديم أفضل تجربة متعددة اللغات على موقعك في HubSpot والوصول إلى جمهور عالمي بشكل أكثر كفاءة، فقد حان الوقت لبدء استخدام Linguise لترجمة موقعك تلقائيًا وبشكل احترافي!

قد تكون مهتمًا أيضًا بالقراءة

لا تفوّت الفرصة!
Subscribe to our Newsletter

احصل على أخبار حول الترجمة الآلية للمواقع، وتحسين محركات البحث الدولية، والمزيد!

Invalid email address
جرّبه. رسالة واحدة شهريًا، ويمكنك إلغاء الاشتراك في أي وقت.

Don't leave without sharing your email!

لا يمكننا ضمان فوزك باليانصيب، لكن يمكننا أن نعدك بأخبار معلوماتية مثيرة للاهتمام حول الترجمة وخصومات عرضية.

لا تفوّت الفرصة!
Invalid email address