أداة تبديل اللغة في Shopify: كيفية إضافتها وتخصيصها

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

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

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

في هذا المقال، سنوضح لك كيفية الاستفادة القصوى من أداة تبديل اللغة الأصلية في Shopify قبل أن نستكشف Weglot في Shopify، مع شرح تفصيلي لـ أفضل الممارسات لترجمة متجرك وتوفير تجربة مستخدم مثالية.

النقاط الرئيسية

• يدعم أداة تبديل اللغة المدمجة في Shopify لغات متعددة، لكنه يوفر إمكانيات تخصيص محدودة مقارنةً بتطبيقات الجهات الخارجية.
• Weglot تقدم خدمة الترجمة التلقائية للمواقع الإلكترونية وخيارات تخصيص واسعة النطاق لمفتاح تبديل اللغة الخاص بها. كما تتيح إمكانية التحرير اليدوي بالكامل وتعزز تحسين محركات البحث (SEO) لـ متعدد اللغات من خلال إنشاء عناوين URL خاصة بكل لغة وتطبيق علامات hreflang.

أداة تبديل اللغة في Shopify: نظرة عامة والإعداد

أولاً، دعونا نلقي نظرة على أداة تبديل اللغة المدمجة في Shopify. كما ذكرنا، تتيح هذه الميزة لأصحاب المتاجر لكي لغات متعددة، مما يؤدي بطبيعة الحال لكي تحسين تجربة المستخدم (UX) للعملاء الدوليين.

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

إذا كان «المحول» المدمج يلبي احتياجاتك، فإليك طريقة إعداده.

إعداد اللغات وطرق الترجمة

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

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

يُعد تطبيق «Translate & Adapt» المدمج في Shopify أحد الخيارات المتاحة لمتجر « متعدد اللغات ». فهو يترجم المحتوى الأساسي لمتجرك تلقائيًّا إلى لغتين مجانًا (أو إلى 8 لغات إذا كان متجرك يقع في المملكة المتحدة أو سويسرا أو إحدى الدول العشر الأعضاء في الاتحاد الأوروبي)، مباشرةً من الإعدادات > قسم «التطبيقات» بعد إضافة اللغات التي تريدها.

للتحكم الجماعي، قم بتصدير بيانات اللغة الخاصة بموقعك بتنسيق CSV من الإعدادات > اللغات > تصدير. قم بتحرير الترجمات بشكل جماعي، ثم أعد استيرادها – والمهم ألا تلمس أبدًا كود Liquid الموجود داخل الأقواس المتعرجة {{ }} أو {% %}. فهذا هو محرك السمات في Shopify، وليس نصًا عاديًا.

إذا كنت تفضل التحكم اليدوي الكامل، فإن Shopify تتيح للمتاجر إدارة ما يصل إلى 20 لغة (30 لغة في Shopify Plus). انتقل إلى الإعدادات > اللغات > الإجراءات > طلب الترجمة لطلب خدمات ترجمة احترافية مباشرةً من لوحة تحكم Shopify الخاصة بك.

بمجرد نشر اللغات وتطبيق الترجمات، تكون جاهزًا لكي أداة التبديل.

البحث عن المحوّل المدمج في القالب الخاص بك وتهيئته

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

جرب الخطوات التالية:

1. في لوحة إدارة Shopify، انتقل إلى «المتجر الإلكتروني» > «القوالب» > «تحرير القالب».
2. افتح قسم «الرأس» أو «التذييل »، حسب المكان الذي تريد أن يظهر فيه زر التبديل.
3. ابحث عن إعداد مثل «تمكين أداة اختيار اللغة» أو «إظهار أداة اختيار اللغة» أو «التوطين».
4. قم بتفعيل أداة التحديد وانقر على «حفظ».

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

تدعم القوالب المجانية من Shopify، بما في ذلك Dawn وCraft وRefresh وSense وStudio، أدوات اختيار اللغة في كل من الرأس والتذييل في الإصدارات الحالية. كما تدعم قوالب «المتجر الإلكتروني المجاني 2.0» بدءًا من الإصدار 9.0.0 فصاعدًا، بالإضافة إلى قوالب عائلة Horizon، وضع أداة اختيار اللغة في الرأس دون الحاجة إلى كتابة كود إضافي.

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

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

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

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

كيف أضيف محدد اللغة لكي عنوان Shopify لكي ؟

يمكنك إضافة أداة اختيار اللغة إلى رأس صفحة Shopify الخاصة بك من خلال أداة تحرير أداة التبديل ( الإعدادات ) المدمجة في القالب الخاص بك، أو استخدام Weglotمحرر Switcher Editor لوضع أداة تبديل قابلة للتخصيص دون الحاجة إلى تعديل كود السمة.

لإضافة أداة اختيار اللغة الأصلية في Shopify، كما تم شرحه سابقًا، انتقل إلى «Shopify Admin» > «المتجر الإلكتروني» > «السمات» > «تحرير السمة»، وافتح قسم «العنوان»، وابحث عن «تمكين أداة اختيار اللغة» أو إعداد مشابه، وقم بتمكين الأداة، ثم انقر على «حفظ».

إذا كنت تستخدم Weglot ، فافتح Weglot Dashboard > الإعدادات > Language Switcher > Switcher Editor. اسحب أداة التبديل إلى الموقع المفضل لديك في رأس الصفحة وانقر على «حفظ». اختر منطقة تظهر بشكل ثابت في جميع صفحات متجرك حتى تظل أداة التبديل في مكانها أثناء تصفح العملاء للموقع.

للحصول على تحديد موقع أكثر دقة، Weglot يدعم أيضًا هذا العنصر النائب في HTML:

<div id="weglot_here"></div>

يمكنك إضافته إلى قسم أو كتلة «Custom Liquid» في منطقة الرأس (Header) لقالبك، إن كان ذلك مدعومًا، أو إدراجه في ملف القالب المناسب. Weglot ثم يتم عرض أداة التبديل في المكان الذي يظهر فيه العنصر النائب. ويعتمد الموضع الدقيق على تخطيط السمة الخاصة بك.

بعد الإعداد، احرص دائمًا على اختبار أداة التبديل على أجهزة الكمبيوتر المكتبية والهواتف المحمولة، بما في ذلك صفحات المنتجات والمجموعات. كما يجب عليك اختبار مسار إتمام عملية الدفع؛ لأن Shopify تدير عملية الدفع بشكل منفصل عن ترويسة واجهة متجرك، لذا فإن إضافة أداة التبديل هناك لا تؤدي تلقائيًّا إلى إضافتها إلى صفحة الدفع. إذا كنت تستخدم تكامل Shopify Markets منWeglot ، فإن Shopify تتعامل مع لغة صفحة الدفع بناءً على الاختيار السابق للعميل، ولا Weglot أداة التبديل نفسها لا تظهر أثناء عملية الدفع.

إضافة أداة التبديل باستخدام كود Liquid

إذا كان قالب Shopify الخاص بك لا يوفر خيارات تحديد موضع أو تصميم أداة اختيار اللغة التي تحتاجها، فيمكنك إنشاء أداة اختيار مخصصة باستخدام لغة Liquid. يتطلب ذلك تعديل كود القالب، لذا قم بعمل نسخة احتياطية قبل المتابعة.

لكي بإعداد وتخصيص أداة تبديل اللغة في Shopify، لكي الخطوات التالية:

1. من صفحة إدارة Shopify الخاصة بك، انتقل إلى الإعدادات > اللغات وأضف اللغات التي تريد دعمها. تأكد من توفرها في الأسواق المستهدفة ومن أنك أضفت الترجمات اللازمة.
2. انتقل إلى «المتجر الإلكتروني» > «القوالب »، ثم انقر على «تحرير الكود» في قائمة النقاط الثلاث الخاصة بقالبك.
3. حدد موقع ملف header.liquid في دليل Sections. يعتمد الملف المحدد ونقطة الإدراج المناسبة على السمة التي تستخدمها، لذا تحقق من هيكلها قبل إجراء أي تغييرات.
4. ابحث عن مكان مناسب في ملف header.liquid (عادةً بالقرب من قائمة التنقل) والصق snippet الشفرة Liquid التالي:

{% if localization.available_languages.size > 1 %}
  <div class="page-width custom-language-topbar">
    {% form 'localization', id: 'header-language-form' %}
      <div class="shopify-language-switcher">
        <label for="header-language-selector">Language</label>

        <select
          id="header-language-selector"
          name="language_code"
        >
          {% for language in localization.available_languages %}
            <option
              value="{{ language.iso_code }}"
              {% if language.iso_code == localization.language.iso_code %}selected{% endif %}
            >
              {{ language.endonym_name | escape }}
            </option>
          {% endfor %}
        </select>

        <button type="submit">Apply</button>
      </div>
    {% endform %}
  </div>
{% endif %}

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

يستخدم هذا الكود نموذج الترجمة الخاص بـ Shopify لاسترداد اللغات المتاحة للعملاء. ويعرض كل لغة باسمها الأصلي، مثل «Français» للغة الفرنسية، ويُشير إلى اللغة الحالية على أنها محددة. ويختار العملاء لغة من القائمة المنسدلة، ثم ينقرون على «تطبيق» للتبديل.

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

5. يمكنك استخدام CSS للتحكم في محاذاة أداة التبديل وألوانها والمسافات بين عناصرها وحدودها. في محرر السمة، افتح «السمة» ( الإعدادات ) > «CSS المخصص» (Custom CSS) وأضف المثال التالي:

.custom-language-topbar {
  display: flex;
  justify-content: flex-end;
  padding-top: 8px;
  padding-bottom: 8px;
}

.custom-language-topbar .shopify-language-switcher {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  flex-wrap: wrap;
}

.shopify-language-switcher select {
  font: inherit;
  font-size: 16px;
  color: #007bff;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 8px;
}

.shopify-language-switcher select:hover {
  border-color: #555;
}

.shopify-language-switcher select:focus-visible {
  outline: 2px solid #0056b3;
  outline-offset: 2px;
}

6. بعد إجراء التعديلات، انقر على «حفظ» لتطبيقها. من المفترض أن يظهر الآن زر تبديل اللغة في متجرك وفقًا لتفضيلاتك. قم بمعاينة واجهة متجرك على أجهزة الكمبيوتر المكتبية والهواتف المحمولة.

تحسين متاجر Shopify باستخدام Weglotأداة تبديل اللغة

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

على عكس أداة تبديل اللغة في Shopify، Weglot يترجم تلقائيًا 100% من محتوى الموقع من بين أكثر من 110 لغة، بما في ذلك صفحات الدفع والإشعارات عبر البريد الإلكتروني والبيانات الوصفية لتحسين محركات البحث (SEO)، مما يؤدي إلى تحسينه لمحركات البحث.

مع Weglot، يستفيد متجرك على Shopify بأكمله من الترجمة التلقائية، مما يسرع من وتيرة مشاريع التوسع. وبالمقارنة مع الاستعانة بمترجمين فرديين لكل لغة، Weglotتقلل الأتمتة التي توفرها بشكل كبير من الوقت اللازم لإطلاق الإصدارات اللغوية الجديدة في السوق.

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

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

Weglot كما يتكامل مع الميزات الحالية لـ Shopify والتطبيقات الشائعة من جهات خارجية، بما في ذلك إمكانية تخصيص قوالب مثل Dawn وPrestige. وهذا يزيل عناء إدارة متاجر متعددة أو إجراء الترجمات يدويًّا، حيث يمكنك إضافة لغات أو نشرها أو إيقاف نشرها أو حذفها حسب الحاجة.

Weglot كما أنها لا تقتصر على الترجمة فحسب، بل تضم مزايا تحسين محركات البحث (SEO) الخاصة بـمتعدد اللغات في صميم التطبيق. تقوم المنصة تلقائيًا بإنشاء نطاقات فرعية أو مجلدات فرعية لكل نسخة لغوية وتطبق علامات hreflang، مما يؤدي إلى تحسين موقعك لمحركات البحث المحلية. بالإضافة إلى ذلك، فإن Visual Editor التخصيص السهل للترجمات، مما يتيح ضبطها بدقة لتتناسب مع أسلوب علامتك التجارية.

وأفضل ما في الأمر أن إعداد Weglot وتخصيص أداة تبديل اللغة الخاصة بك يمكن تحقيقه في غضون لحظات! دعونا نلقي نظرة.

الإعداد Weglot في متجرك على Shopify

إنشاء Weglot في متجرك على Shopify أمر بسيط للغاية. إليك دليل لمساعدتك على البدء:

1. ابدأ بزيارة Shopify App Store:

• في شريط البحث، اكتب Weglot وابحث عن Weglot التطبيق.
• انقر على " تثبيت " واتبع التعليمات لكي لكي .

2. بعد تثبيت التطبيق، ستحتاج لكي حساب:

• افتح Weglot التطبيق من لوحة تحكم Shopify الخاصة بك.
• أدخل عنوان بريدك الإلكتروني واختر كلمة مرور.

3. قم بتعيين لغتك الإعدادات:

• بعد ذلك، حدد لغتك الأصلية (لغة متجرك Shopify).
• ثم اختر اللغات المستهدفة التي تريد لكي المحتوى لكي .

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

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

تخصيص Weglotأداة تبديل اللغة: خيارات التصميم والموضع

تتوفر خيارات تخصيص واسعة النطاق لـ Weglotأداة تبديل اللغة، مما يتيح لك تكييفها لتتناسب مع العلامة التجارية لمتجرك للحصول على نتيجة نهائية احترافية للغاية. وإليك كيفية تخصيصها:

1. الوصول إلى محرر مبدّل اللغة المرئية: انتقل إلى Weglot لوحة التحكم وانتقل إلى الإعدادات > مبدل اللغة.
2. تغيير المظهر: اختر من بين أشكال متنوعة مثل القوائم المنسدلة أو الأزرار أو الأعلام لعرض خيارات اللغة. على سبيل المثال:
   • استخدم الأعلام للتعرف السريع.
   • اختر الأزرار لعرض أكثر .

3. ضبط الموضع: يمكنك وضع المبدل في مناطق رئيسية مثل الرأس أو التذييل أو الشريط الجانبي، حسب ما تخطيطك بشكل أفضل.
4. تعديل الألوان والأنماط: قم بتخصيص الألوان والأنماط في Weglot الإعدادات لتتوافق مع العلامة التجارية لمتجرك.

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

التخصيص المتقدم: نصائح البرمجة للمطورين

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

فيما يلي بعض النصائح لكي عند البرمجة:

استخدام CSS لضبط مظهر مبدل اللغة

يمكن للمطورين تعديل الأنماط مثل لون الخلفية وحجم الخط والحشو لكي العلامة التجارية للمتجر. على مثل:

select {    
background-color: #f0f0f0;    
 border: 2px solid #007bff;    
 border-radius: 5px;    
 padding: 10px;
}

تنفيذ جافا سكريبت للوظائف المخصصة

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

document.addEventListener('DOMContentLoaded', function() {
var languageSelector = document.querySelector('select[name="language_code"]');    
 if (languageSelector) {        
  languageSelector.addEventListener('change', function(event) {            
    // Custom functionality here            
     // For example, track language change event            
     console.log('Language changed to: ' + event.target.value);
   });    
 }
});

تنفيذ Weglot لتحقيق انتقالات سلسة بين الصفحات عبر اللغات المختلفة

تتمثل إحدى Weglotهي الإنشاء التلقائي لعناوين URL الخاصة بكل لغة، مثل example.com/fr للإصدارات الفرنسية من موقعك. تضمن بنية عناوين URL السليمة قدرة محركات البحث على فهرسة كل إصدار لغوي، مما يحسّن جهود تحسين محركات البحث (SEO) الخاصة بـمتعدد اللغات .

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

وعلى سبيل المثال، موقع Everyone.org – الذي استخدم Weglot لإنشاء موقع إلكتروني متعدد اللغات بـ 12 لغة – شهدت زيادة بنسبة 40% في إجمالي عدد الزوار، حيث بلغت نسبة تحويل المستخدمين الناطقين بالفرنسية ما يقارب ضعف متوسط معدل التحويل على مستوى الموقع.

تحسين محركات البحث لموقع متعدد اللغات والحفاظ على اتساق الصفحات

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

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

تساهم البيانات الوصفية المترجمة، بما في ذلك علامات العنوان والأوصاف، في تحسين ظهور الموقع في نتائج البحث. Weglot تقوم هذه الأداة بأتمتة جزء كبير من الأعمال الفنية المتعلقة بتحسين محركات البحث (SEO)، حيث تقوم تلقائيًا بإنشاء عناوين URL خاصة بكل لغة وتطبيق علامات hreflang دون الحاجة إلى تدخل يدوي.

بالإضافة إلى ذلك، Weglotيتيح موقع Visual Editor ومسرد المصطلحات الخاص به لأصحاب المتاجر الحفاظ على اتساق الترجمة.

للتفوق في مجال تحسين محركات البحث (SEO) لمتجر « متعدد اللغات »، يمكن لأصحاب متاجر Shopify القيام بما يلي:

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

تذكر أن تحسين محركات البحث (SEO) الفعال على موقع متعدد اللغات يمكن أن يؤدي إلى زيادة الفرص السوقية! بعد تطبيق Weglot لتحسين محركات البحث لموقع متعدد اللغات ، شهد متجر «رون دورف» (Ron Dorff) على منصة Shopify ارتفاعًا مذهلاً بنسبة 400% في عدد زيارات الموقع.

التغلب على التحديات الشائعة في توطين المتاجر Shopify

ينطوي توطين متاجر Shopify على مواجهة بعض التحديات الفريدة، ولكن Weglot تقدم حلولاً فعالة لتسهيل هذه العملية عليك.

لتغيير موضع Weglot مفتاح تبديل اللغة على موقع Shopify، يمكنك استخدام إحدى الطرق الأربع التالية:

1. ميزة محرر الجلاد

استخدم محرر Switcher Editor لكي وإسقاط مبدل اللغة مباشرة على معاينة مباشرة لموقعك على الويب. تتطلب هذه الطريقة لكي موقعك على الويب نشطًا.

2. أضف لكي

قم بإنشاء أداة تبديل لغة مخصصة في قائمتك الرئيسية عن طريق ربطها بـ Weglot الترجمات. انتقل إلى Shopify Admin > المتجر الإلكتروني > التنقل، وأضف عناصر قائمة لكل لغة باستخدام التنسيق #Weglot-language (على سبيل المثال #Weglot-en للغة الإنجليزية). يمكنك أيضًا إنشاء قائمة منسدلة للغات.

3. Weglot_خيار here

أدخل snippet الشفرة التالي snippet ملف Theme.liquid في المكان المطلوب:

<div id="weglot_here"></div>

سيضع هذا الرمز مبدل اللغة في المكان الذي تضع فيه الرمز، مع معالجة قيود الموضع الشائعة التي تمت مناقشتها في منتديات المجتمع.

4. خيار المحول

قم بدمج جهاز التبديل يدويًّا عن طريق تعديل Weglot كود التهيئة في weglot_switchers.liquid. قم بتضمين خيار Switchers وحدد محدد CSS الهدف للمكان الذي تريد أن يظهر فيه المبدل:

Weglot.initialize({  
api_key: "YOUR_API_KEY",  
 switchers: [{     
  location: { target: ".header-nav" }   
 }]
});

تأكد لكي .header-nav بمحدد CSS للعنصر المطلوب.

كما ستحصل على مزايا التوطين التالية من خلال استخدام Weglot:

• ترجمة المحتوى الديناميكي: Weglot تترجم بفعالية المحتوى الذي يتم إنشاؤه بواسطة JavaScript والعناصر التي يتم تحميلها عبر AJAX، مما يضمن التقاط وترجمة جميع المحتويات الديناميكية.
• متعدد اللغات تحسين محركات البحث (SEO) لمنصة Shopify: Weglot يعمل على أتمتة تنفيذ علامات hreflang وإنشاء خرائط مواقع خاصة بكل لغة. ويكمل ذلك ميزات تحسين محركات البحث (SEO) المدمجة في Shopify، مما يسمح لمحركات البحث بعرض النسخة اللغوية الصحيحة للمستخدمين.

• ترجمة العناصر الخاصة بـ Shopify: Weglot تتولى ترجمة متجرك بالكامل، بما في ذلك صفحات الدفع والإشعارات عبر البريد الإلكتروني وحقول البيانات الوصفية، متجاوزةً بذلك القيود الموضحة في وثائق Shopify.

• تحسين سير عمل الترجمة: Weglotتساعدك ميزات ذاكرة الترجمة والمسرد على الحفاظ على الاتساق عبر كتالوج منتجات ضخم. وهذا يضمن ترجمة المصطلحات بشكل موحد، مما يضمن تماسك رسالة علامتك التجارية عبر اللغات المختلفة.

مقارنة بين Weglot ومحول اللغة الأصلي في Shopify

يوفر Shopify للمستخدمين الأدوات الأساسية اللازمة لكي متاجرهم إلى لغات متعددة، ولكن هناك بعض القيود.

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

تجاوز الحواجز اللغوية: قم بتنفيذ Weglot في متجرك على Shopify

كما رأينا، Weglot تقدم مزايا فريدة لمتاجر Shopify، مما يجعلها الحل المثالي للتغلب على الحواجز اللغوية عبر الإنترنت. وبفضل Weglotأداة تبديل اللغة، يمكنك الاستفادة من تخصيصات إضافية لتحسين تجربة المستخدم، بينما تتيح أداة " Visual Editor " الترجمة في السياق، مما يمكّنك من صقل المحتوى حيثما دعت الحاجة. يمكنك حتى طلب ترجمات احترافية مباشرةً من لوحة التحكم للحصول على دقة أكبر.

Weglot تتكامل منصتنا مع تطبيقات Shopify الشائعة، بما في ذلك أدوات البحث الذكية ومعارض الصور، مما يضمن استمرار عمل متجرك بكامل طاقته بعدة لغات. بالإضافة إلى ذلك، تقوم منصتنا بإنشاء نطاقات فرعية أو مجلدات فرعية مخصصة لكل لغة، مما يعزز جهود تحسين محركات البحث (SEO) بشكل كبير.

وأفضل ما في الأمر هو أن Weglot متوافق مع جميع أنظمة إدارة المحتوى، مما يعني أنه إذا قررت التخلي عن Shopify، فلن تضطر إلى التخلي عن مزايا Weglot.

ابدأ اليوم تجربتك المجانية لمدة 14 يومًا مع Weglot واستمتع بموقع متعدد اللغات في غضون دقائق!

المشاكل الشائعة والإصلاحات السريعة

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

1. لماذا لدي محوّلان لغويان؟

إن ظهور جهازي تبديل يعني عادةً أن كلاً من جهاز التبديل الأصلي الخاص بـ Shopify وإصدار التطبيق الخاص بك (مثل Weglot) نشطين في نفس الوقت. قد يكون لديك أيضًا أكثر من Weglot أداة تبديل تم تكوينها.

ابدأ بفتح «Shopify Admin» > «المتجر الإلكتروني» > «القوالب» > «تحرير القالب». تحقق من وجود أداة اختيار اللغة الأصلية في Shopify في الرأس والتذييل، وقم بتعطيلها إذا كنت تستخدم Weglot، ثم احفظ التغييرات. يعتمد الإعداد الدقيق على السمة التي تستخدمها. بالإضافة إلى ذلك، احتفظ بمحدد البلد/المنطقة قيد التشغيل إذا كان العملاء بحاجة إليه لاختيار السوق الذي يناسبهم.

إذا كان كلا المبدلين ينتميان إلى Weglot، افتح لوحة تحكم "Weglot " > " الإعدادات " > "Language Switcher" > "Switcher Editor". تحقق من أدوات التبديل التي تم تكوينها وما إذا كانت مضبوطة لتظهر في نفس أحجام الشاشة. Weglot يدعم [المنصة] أدوات تبديل منفصلة لأجهزة سطح المكتب والأجهزة المحمولة، لذا تأكد من عدم ظهورهما معًا عن غير قصد.

إذا كنت قد أضفت روابط اللغات إلى شريط التنقل في Shopify، فتحقق مما إذا كانت تظهر جنبًا إلى جنب Weglotأداة التبديل العادية. قم بإزالة أي عناصر زائدة من القائمة إذا لم تكن بحاجة إلى كليهما.

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

2. لماذا اختفى مبدل اللغة بعد تحديث السمة؟

إذا اختفى زر تبديل اللغة بعد تحديث قالب Shopify الخاص بك، فهذا لا يعني بالضرورة أن ترجماتك قد ضاعت. قد تكمن المشكلة في ملف « الإعدادات » الخاص بزر التبديل أو في موضعه داخل القالب المحدث.

اختبر أحد عناوين URL المترجمة لمتجرك، مثل yourstore.com/fr/، إذا كان إعدادك يستخدم الدلائل الفرعية للغة. إذا عرضت الصفحة محتوى مترجمًا ولكن أداة التبديل غير موجودة، فقد تكون المشكلة في عرض أداة التبديل وليس في الترجمات نفسها.

إذا كنت تستخدم أداة التبديل المدمجة في Shopify، فتأكد جيدًا من أن اللغات الإضافية لا تزال منشورة ضمن الإعدادات > اللغات. إذا لم تكن محددة على أنها «منشورة»، فلن تظهر في أي مكان.

إذا كنت تستخدم Weglot:

1. تأكد من تمكين ميزة « Weglot »: افتح «المتجر الإلكتروني» > «السمات» > «تحرير السمة» > «تضمينات التطبيقات»، وابحث عن Weglot، وقم بتشغيلها إذا كانت معطلة. انقر على «حفظ» وتحقق من واجهة متجرك.
2. إعادة تعيين موضع أداة التبديل: إذا كانت لا تزال غير ظاهرة، فافتح لوحة التحكم فيWeglot > « الإعدادات » > «Language Switcher» > «Switcher Editor». ضمن «Position»، حدد «Reset to default position». سيؤدي ذلك إلى إعادة أداة التبديل إلى الزاوية اليمنى السفلية.

3. اختر موضعًا جديدًا إذا لزم الأمر: إذا ظهر «المبدل» مرة أخرى، فربما لم يعد موقعه السابق متوافقًا مع السمة المحدثة. استخدم «محرر المبدل» لسحبه إلى موضع جديد داخل عنصر يظهر بشكل ثابت في جميع أنحاء متجرك، ثم انقر على «حفظ».

إذا كنت قد أضفت يدويًّا Weglotأداة التبديل إلى كود السمة الخاصة بك يدويًا، فتحقق مما إذا كان التحديث قد احتفظ بموضعك المخصص. على سبيل المثال، إذا كنت قد استخدمت سابقًا <div id="weglot_here"></div>، تأكد من أنه لا يزال موجودًا في المكان المقصود. إذا تمت إزالته، فاستعده من الإصدار السابق للسمة بعد التأكد من أن موضعه متوافق مع التخطيط المحدث.

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

3. لماذا لا يظهر مبدل اللغة على الهاتف المحمول؟

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

إذا كنت تستخدم أداة التبديل المدمجة في Shopify، فافتح «المتجر الإلكتروني» > «السمات» > «تحرير السمة» واختر «معاينة الجوال». تحقق مما إذا كان محدد اللغة يظهر في تذييل الصفحة أو رأس الصفحة أو قائمة الجوال، حسب السمة التي تستخدمها. إذا كان غير موجود، فتأكد من أن الإعداد الخاص بمحدد اللغة قد تم تمكينه. قد تتطلب بعض السمات تخصيصًا إضافيًا لعرضه في الموقع المفضل لديك على الجوال.

إذا كنت تستخدم Weglot:

1. افتح لوحة تحكم «Weglot » > « الإعدادات » > «Language Switcher» > «Switcher Editor».
2. اختر أداة التبديل الحالية من القائمة المنسدلة الموجودة في الزاوية العلوية اليسرى. ضمن «السلوك» > «العرض على أحجام شاشات محددة»، تأكد من أنها مُعدة للظهور على الأجهزة المحمولة.
3. إذا كنت ترغب في تصميم مختلف للجوال، فحدد «عرض الجوال» في الجزء السفلي الأيسر من المحرر، وانقر على زر «+» لإنشاء عنصر تبديل منفصل، ثم اسحبه إلى الموضع الذي تفضله.
4. انقر على «حفظ»، ثم تأكد من أن نماذج التبديل الخاصة بالكمبيوتر المكتبي والجوال تُعرض على أحجام الشاشات المقصودة.

إذا لم تكن المساحة المتوفرة في شريط العناوين على الهاتف المحمول كافية، فيمكنك أيضًا إضافة روابط اللغات إلى قائمة التنقل على الهاتف المحمول. انتقل إلى لوحة إدارة Shopify > المحتوى > القوائم، حدد القائمة التي يستخدمها نظام التنقل في هاتفك المحمول، وأضف عنصرًا في القائمة لكل لغة باستخدام Weglotتنسيق الرابط التالي، مثل #Weglot-en للغة الإنجليزية أو #Weglot-fr للغة الفرنسية. يمكنك أيضًا تجميع هذه الروابط ضمن قائمة منسدلة بعنوان «اللغات» إذا كان قالبك يدعم هذه الميزة.

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

4. الجلاد يعمل بعد التحديث ولكن ليس عند تحميل الصفحة الأولى؟

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

جرب الحلول التالية:

1. أعد ضبط موضع زر التبديل تمامًا كما فعلنا في المسألة الثانية أعلاه. إذا ظهر زر التبديل الآن بشكل ثابت، فقد يكون موقعه السابق هو مصدر المشكلة. Weglot يُنصح بوضعه داخل عنصر موجود في جميع صفحات متجرك.
2. تحقق من انتقالات الصفحات في قالبك. تستخدم بعض قوالب Shopify الرسوم المتحركة أو التنقل عبر AJAX للانتقال بين الصفحات دون إعادة تحميلها بالكامل، مما قد يتعارض مع Weglot. إذا كانت السمة الخاصة بك توفر هذه الميزات الإعدادات ، فانتقل إلى «المتجر الإلكتروني» > «السمات» > «تحرير السمة» > «السمة» الإعدادات وابحث عن «الأداء» أو «الرسوم المتحركة». يوصي موقعWeglot باختيار «Sport» بدلاً من «Ludicrous» وتعطيل «Animate between pages»، حيثما تتوفر هذه الخيارات.
3. تحقق من أي كود مخصص للمبدل. إذا كنت قد قمت بتخصيص Weglotموضع [الرمز] يدويًّا، فتأكد من وجود الموقع المختار عند تحميل أداة التبديل. قد يتطلب ظهور عنصر رأس الصفحة أو عنصر التنقل لاحقًا إجراءً إضافيًّا للتكامل.

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