نُشر في · 5 دقائق قراءة
إنشاء موقع متعدّد اللغات بالعربية والفرنسية والإنجليزية
Zakariae Alliouate
مطوّر Full-Stack ومهندس برمجيات
المغرب سوق متعدّد اللغات: قد يبحث العميل نفسه بالفرنسية، ويتحدّث بالدارجة، ويقرأ بالعربية. الموقع الذي يتحدّث لغته يحقّق نتائج أفضل — بشرط أن يُبنى بشكل صحيح. إليك ما أطبّقه في كل مشروع متعدّد اللغات، مثل Hilali وOZYL وKarmo.
رابط مستقل لكل لغة
يجب أن تكون لكل نسخة لغوية رابطها الخاص، مثل /fr و/ar. أما تغيير اللغة بزرّ يبدّل النص على الرابط نفسه، فيُخفي النسخ الأخرى عن Google. الروابط المستقلة تتيح لكل لغة أن تُفهرس وتظهر في النتائج.
أخبر Google بأي صفحة تقابل الأخرى
وسوم hreflang تخبر محركات البحث أن /fr/services و/ar/services هما الصفحة نفسها بلغتين، فيظهر الإصدار المناسب لكل باحث. كما تشير رموز مثل fr-MA وar-MA إلى أن المحتوى يستهدف المغرب.
تخطيط حقيقي من اليمين إلى اليسار
تُقرأ العربية من اليمين إلى اليسار، لذا يجب أن ينعكس التخطيط كله: التنقل، والأيقونات ذات الاتجاه كالأسهم، ومحاذاة النص، والمسافات. وتتيح خصائص CSS المنطقية الحديثة تحقيق ذلك بشكل نظيف دون الحاجة إلى تصميمين منفصلين.
خطوط تدعم العربية
كثير من الخطوط اللاتينية الأنيقة لا تحتوي على حروف عربية، فيلجأ المتصفح إلى خط نظام عشوائي. اجمع خط علامتك مع خط عربي جيد مثل IBM Plex Sans Arabic أو Noto Kufi Arabic، يُحمَّل فقط في الصفحات العربية للحفاظ على سرعة الموقع.
ترجم أكثر من النص الظاهر
عناوين الصفحات، والأوصاف التعريفية، والنصوص البديلة للصور، والبيانات المنظّمة، ومعاينات المشاركة يجب أن تُترجم أيضًا. فهي ما يراه الناس في نتائج Google وعلى واتساب عند مشاركة رابط.
دع الزائر يختار — وتذكّر اختياره
وفّر أداة واضحة لتبديل اللغة في كل صفحة، واحفظ الاختيار للزيارة التالية. وتجنّب التحويل الإجباري حسب لغة المتصفح: فهو يربك الزوار وقد يمنع Google من الوصول إلى النسخ الأخرى.
عند تنفيذه بشكل صحيح، يتيح لك الموقع متعدّد اللغات الوصول إلى كل عميل باللغة التي يثق بها. إذا كنت تخطّط لموقع كهذا، يسعدني أن أساعدك.