كيفية إعداد محول اللغة على Bubble.io

تصميم صفحة ويب للأزياء والأناقة مع عارضة أزياء.
جدول المحتويات

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

لتنفيذ مُبدِّل لغة في Bubble.io، يبدأ المطورون عادةً بتحديد اللغات التي يرغبون في دعمها في إعدادات التطبيق. ثم يُنشئون قائمة منسدلة أو زرًا يُمكن للمستخدمين التفاعل معه لتغيير اللغة. في هذه المقالة، سنناقش إعداد مُبدِّل لغة على Bubble.io باستخدام أحد مواقع خدمات الترجمة الآلية.

لماذا يعد تبديل اللغة مهمًا على موقع Bubble.io؟

زملاء يتعاونون في مشروع باستخدام شاشة كمبيوتر كبيرة

إضافة مُبدِّل لغة لموقع ويب ليس أمرًا عبثيًا. إليك سبب حاجتك إلى إعداده على موقع Bubble .

  • يُسهّل الأمر على المستخدمين في البلدان الأخرى: تتيح ميزة تبديل اللغة للمستخدمين الدوليين تصفح الموقع الإلكتروني بلغتهم الأم. على سبيل المثال، يمكن لمستخدم إسباني يزور متجرًا إلكترونيًا التبديل إلى اللغة الإسبانية، مما يُسهّل عليه فهم تفاصيل المنتجات وإتمام عمليات الشراء. تُشير دراسات CSA Research إلى أن 76% من المتسوقين عبر الإنترنت يُفضّلون شراء المنتجات عندما تكون المعلومات متوفرة بلغتهم، مما يُبرز أهمية هذه الميزة لراحة المستخدم وسهولة الوصول.
  • تحسين ظهور موقعك الإلكتروني في نتائج البحث في دول أخرى: باستخدام مُبدِّل لغة، Bubble .io الخاص بك الحصول على ترتيب أفضل في عمليات البحث باللغات الأجنبية. على سبيل المثال، تزداد احتمالية ظهور النسخة الفرنسية من موقعك في نتائج بحث جوجل الفرنسية. هذا التحسين في الظهور يُحسّن بشكل كبير من حركة الزيارات الدولية.
  • زيادة معدل تحويل المبيعات: يُمكن أن يُساهم تقديم المحتوى بلغات متعددة في تعزيز المبيعات. فمنصة الدورات التدريبية الإلكترونية التي تُتيح للمستخدمين تغيير اللغة تجذب جمهورًا أوسع وتزيد من عدد المُسجلين. هذا النهج فعّال لأن المستهلكين أكثر ميلًا للشراء من المواقع الإلكترونية التي تُقدم المعلومات بلغتهم الأم، مما يُؤثر بشكل مباشر على معدلات التحويل.
  • يُحسّن تفاعل المستخدمين واستمراريتهم: يُمكن لمُبدّل اللغة أن يُبقي المستخدمين على موقعك لفترة أطول. على سبيل المثال، يميل المستخدمون الذين يتفاعلون بلغتهم المُفضّلة على تطبيقات التواصل الاجتماعي إلى البقاء مُتفاعلين لفترة أطول. يُعدّ هذا التفاعل المُتزايد هامًا، حيث يقضي المستخدمون عادةً ضعف الوقت على المواقع بلغتهم الأم مُقارنةً بالمواقع التي تستخدم لغةً أخرى، مما يُؤدي إلى تحسين الاحتفاظ بالمستخدمين.
كسر حواجز اللغة
قل وداعًا لحواجز اللغة ومرحبًا بالنمو اللامحدود! جرب خدمة الترجمة الآلية لدينا اليوم.

كيفية إعداد محول اللغة على Bubble.io

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

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

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

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

فيما يلي الخطوات اللازمة لتثبيت Linguise على موقع Bubble وإعداد محول اللغة.

الخطوة 1: قم بتسجيل حساب Linguise

ابدأ حساب مجاني Linguise وإضافة نطاق موقعك الإلكتروني. يمكنك الاستفادة من الفترة التجريبية المجانية لمدة 30 يومًا قبل اختيار خطة اشتراك.

بعد ذلك، ستحتاج إلى تسجيل نطاقك لتفعيل الترجمة. انسخ اسم نطاقك، بما في ذلك "https://"، واختر "أخرى" كمنصة.

خلفية سوداء مع مساحة بيضاء فارغة كبيرة

بعد ذلك، حدد لغة المصدر ولغة الهدف.

خلفية سوداء مع نص أبيض كعنصر نائب.

الخطوة الثانية: إضافة نظام أسماء النطاقات (DNS) تلقائيًا باستخدام Entri

بعد تسجيل موقعك الإلكتروني على لوحة تحكم Linguise ، سيكون لديك خياران للتثبيت.

لإضافة سجلات نظام أسماء النطاقات (DNS) تلقائيًا، انقر على "توصيل نظام أسماء النطاقات تلقائيًا". تُسهّل هذه الميزة، المسماة Entri، عملية التثبيت من خلال إدارة سجلات نظام أسماء النطاقات نيابةً عنك. بدلاً من ذلك، يمكنك نسخ سجلات نظام أسماء النطاقات يدويًا إلى مزود خدمة النطاق الخاص بك.

رسم بياني يوضح دورة النمو الرقمي

يؤدي النقر على الزر إلى قيام Entri بتحليل عنوان URL لموقع الويب المسجل الخاص بك وفحص سجلات DNS العامة الخاصة بك، وتحديد الموفر وسجلات DNS اللازمة.

لقطة شاشة لأداة تحليل مواقع الويب. تقوم الأداة بتحليل نطاق.

بعد ذلك، انقر على "التفويض باستخدام [مزوّد نطاقك]" (مثل Cloudflare). سيؤدي هذا الإجراء إلى إعادة توجيهك إلى صفحة تسجيل الدخول الخاصة بمزوّد نطاقك، حيث يمكنك تسجيل الدخول والمتابعة.

لقطة شاشة لواجهة تسجيل الدخول إلى Quantumult X

بمجرد تسجيل الدخول، سيضيف Entri تلقائيًا سجلات DNS المناسبة - سجل DNS واحد لكل لغة وسجل TXT DNS واحد لمفتاح التحقق - إلى نطاقك.

السماح بتسجيل بيانات نظام إدارة المستندات من تطبيقات الطرف الثالث

بعد المصادقة، سيُعلمك Entri بنجاح تهيئة جميع إعدادات نظام أسماء النطاقات (DNS). ستكون ميزة الترجمة متاحة للاستخدام بمجرد نشر جميع إدخالات DNS على نطاقك، وهو ما يستغرق عادةً من 20 إلى 30 دقيقة.

الموقع قيد الصيانة

للتثبيت اليدوي، يمكنك اتباع الخطوات الموضحة أدناه.

الخطوة 3: نسخ سجلات DNS

للتثبيت اليدوي، ستتم إعادة توجيهك إلى شاشة تعرض سجلات نظام أسماء النطاقات (DNS) اللازمة لإعداد صفحاتك متعددة اللغات، مثل fr.domain.com أو es.domain.com.

انسخ هذه العناصر إلى تكوين DNS الخاص بـ Bubble.io.

شاشة حاسوب مليئة بالنصوص والمربعات. يبدو أنها واجهة تقنية.

بعد ذلك، ادخل إلى مدير نطاقك وانتقل إلى قسم إعدادات نظام أسماء النطاقات (DNS). اتبع التعليمات لنسخ ما يلي:

  • سجل TXT واحد للتحقق من النطاق
  • واحد أو أكثر من سجلات CNAME للغات

فيما يلي أمثلة لكل نوع من أنواع السجلات (TXT و CNAME).

صورة بالأبيض والأسود لواجهة حاسوب. تعرض هذه الصورة خلفية ذات صلة بالتكنولوجيا.

بعد إضافة جميع سجلاتك، يجب أن يبدو تكوينك كما يلي.

لقطة شاشة لخلفية سوداء مع نص أبيض.

الخطوة 4: التحقق من DNS

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

عادةً ما تستغرق عملية التحقق من صحة DNS ما بين 30 دقيقة وساعة. بعد الانتهاء، ستظهر مؤشرات خضراء بجوار قائمة DNS في لوحة معلومات Linguise . أنت الآن جاهز تقريبًا لترجمة موقع Bubble.io الخاص بك؛ كل ما تبقى هو ربطه بمُبدّل اللغة باستخدام أعلام الدول.

جدول يوضح التغييرات في محتوى الموقع الإلكتروني.

الخطوة 5: تمكين ومحول اللغة

مُبدِّل اللغة عبارة عن نافذة منبثقة تُتيح للمستخدمين اختيار لغتهم المُفضَّلة. لتنفيذه، انسخ الكود المُقدَّم في نهاية عملية تسجيل النطاق أو ضمن إعدادات النطاق إلى رأس صفحات موقع Bubble.io الخاص بك. سيظهر مُبدِّل اللغة تلقائيًا على موقعك الإلكتروني العام.

لقطة شاشة لصفحة ويب تحتوي على مطالبة بتثبيت وحدة نمطية. يُفترض إضافة هذه الوحدة النمطية إلى الصفحات.

بعد ذلك، انتقل إلى Bubble . انقر على "الإعدادات" في قائمة الشريط الجانبي الأيسر، ثم اختر "تحسين محركات البحث / العلامات الوصفية".

إعدادات Open Graph لتحسين محركات البحث ووسائل التواصل الاجتماعي

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

صفحة إعدادات خطأ الخادم

الخطوة 5: ضبط الشاشة الرئيسية

لبدء إعداد مُبدِّل اللغة، انتقل إلى "الإعدادات" > "عرض علامات اللغة" في Linguise . في هذه الصفحة، يمكنك ضبط العديد من الإعدادات.

  • نمط أيقونة العلم: اختر من بين ثلاثة خيارات: عرض جنبًا إلى جنب، أو قائمة منسدلة، أو نافذة منبثقة.
  • الموقع: حدد مكان ظهور مُبدِّل اللغة على موقعك. تتوفر خيارات متعددة للموقع؛ تأكد من سهولة وصول الزوار إليه.
إعدادات عرض قائمة اللغات

يمكنك الجمع بين عرض الأعلام وأسماء اللغات، أو الأعلام واختصارات اللغات، أو أسماء اللغات فقط. يُنصح باستخدام كل من الأعلام وأسماء اللغات لتسهيل التعرف عليها من قِبل المستخدمين.

الخطوة 6: تعيين تصميم العلم

بعد ضبط إعدادات الشاشة الرئيسية، قم بتخصيص تصميم الأعلام التي سيتم عرضها بشكل أكبر.

  • عرض اسم اللغة: يمكنك اختيار عرض اسم اللغة بناءً على اسم البلد أو اسم اللغة نفسها. على سبيل المثال، يمكنك عرض "الفرنسية" أو "Français".
  • نوع العلم الإنجليزي: هذا الخيار مفيد للغات ذات الاختلافات المتعددة، مثل الإنجليزية الأمريكية أو البريطانية (وينطبق أيضًا على الإسبانية والتايوانية والألمانية والبرتغالية).
  • نمط العلم: اختر شكل رمز العلم، إما دائري أو مستطيل.
إعدادات نمط العلم وعرض اللغة

الخطوة 7: تخصيص اللون والحجم

بعد ضبط تصميم العلم، يمكنك تخصيص لونه وحجمه بشكل أكبر. إليك الإعدادات التي يمكنك تعديلها:

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

الخطوة 8: ضبط ظل مربع العلم

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

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

بعد الإعداد، يمكنك رؤية كيفية عمل محول اللغة على موقع الويب متعدد اللغات Bubble الخاص بك.

تجلس امرأة ترتدي قبعة قش كبيرة أمام معلم مكسيكي. ويبدو أنها في موقع تاريخي أو ثقافي.

بعد ذلك، يمكنك ترجمة الموقع الإلكتروني إلى لغات أخرى مثل الإسبانية.

رجل يرتدي الزي المكسيكي التقليدي يجلس على الدرج

أفضل الممارسات لتحسين مبدل اللغة على Bubble.io

بعد إعداد مبدل اللغة بنجاح على موقع Bubble متعدد اللغات، من المهم مراعاة النصائح لتحسين مبدل اللغة لكل من موقعك وزوارك.

استخدم شعارًا لعلم اللغة يسهل التعرف عليه

رسم توضيحي ملون لجهاز كمبيوتر محمول يظهر عليه رجل يعلم اللغات على الشاشة، محاطًا بالكتب والأعلام.

عند تطبيق مُبدِّل لغة على موقع Bubble.io الخاص بك، يُعدّ استخدام أعلام أو أيقونات لغة سهلة التعرّف أمرًا بالغ الأهمية. تُساعد هذه الإشارات المرئية المستخدمين على تحديد لغتهم المُفضّلة واختيارها بسرعة. على سبيل المثال، يُفهم رمز الكرة الأرضية عمومًا على أنه يُمثّل خيارات اللغة. كبديل، يُمكنك استخدام أعلام الدول، ولكن انتبه إلى أن هذا قد يُشكّل مشكلةً أحيانًا، لأن اللغات لا ترتبط دائمًا بدولة واحدة.

مثال: يستخدم موقع أمازون الإلكتروني أيقونة كرة أرضية صغيرة بجوار اللغة المختارة حاليًا (مثل "EN") في شريط التنقل العلوي. يتيح هذا الأسلوب البسيط والفعّال للمستخدمين تحديد خيارات اللغة بسرعة بغض النظر عن إعدادات اللغة الحالية لديهم.

أدرج أسماء اللغات بجانب الأعلام

رسم توضيحي لشاشة كمبيوتر تحتوي على عناصر ترميز وأعلام تمثل لغات مختلفة.

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

مثال: يعرض مُبدِّل اللغة على موقع Airbnb اسم اللغة وعلم الدولة. على سبيل المثال، يعرض "الإنجليزية (الولايات المتحدة)" مع علم الولايات المتحدة، و"الفرنسية" مع علم فرنسا. يضمن هذا الجمع للمستخدمين تحديد خيار اللغة المُفضَّل لديهم بدقة.

ضع زر تبديل اللغة بعناية

مطور يعمل على مشاريع الويب. عناصر ويب متنوعة.

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

مثال: على موقع tiffany.com، يوجد مُبدِّل اللغة في الزاوية السفلية اليمنى من الصفحة، وهو مرئي وسهل الوصول إليه دائمًا. يضمن هذا الموقع الثابت أن يتمكن المستخدمون من العثور على خيارات اللغة واستخدامها بسرعة بغض النظر عن مكان وجودهم في الموقع.

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

شخصان يتعاونان على أجهزة الكمبيوتر المحمولة. ويبدو أنهما يعملان في بيئة مكتبية.

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

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

تأكد من اتساق محوّل اللغة عبر الصفحات

امرأة ترتدي ملابس رياضية سوداء تؤدي وضعية يوغا على سجادة بيج أمام أريكة

حافظ على نفس تصميم ووظيفة وموقع مُبدِّل اللغة في جميع صفحات موقع Bubble.io الخاص بك. يُساعد هذا التناسق المستخدمين على تصفح موقعك بكفاءة أكبر، إذ يعرفون بالضبط أين يجدون خيارات اللغة بغض النظر عن صفحتهم الحالية.

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

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

إعداد محول اللغة على موقع Bubble متعدد اللغات باستخدام Linguise!

الترجمة الآلية لـ Bubbledio، نتائج عالية الجودة.

الآن، أنت تفهم كيفية اختيار لغة موقع Bubble.io متعدد اللغات. قراءة مُحدِّد اللغة تُوفِّر فوائد مُتعدِّدة، وتُساعد على تحسين الموقع بناءً على النقاط المذكورة سابقًا.

تحسين مُحدِّد اللغة بفعالية يُحسِّن تجربة المستخدم بشكل ملحوظ. سجّل Linguise ، وادمجه مع Bubble .io الخاص بك، وخصّص مُحدِّد اللغة لتحسين تجربة المستخدم.

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

لا تفوت الفرصة!
اشترك في نشرتنا الإخبارية

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

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

لا تغادر دون مشاركة بريدك الإلكتروني!

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

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

خصم 20%

تخفيضات عيد الميلاد