7 نصائح من الخبراء لتحسين تصميم مواقع الويب RTL (لكي)

هل تستهدف زوار الموقع الذين يتحدثون لغاتلكي(RTL)؟

لن فقط لكي موقعك الإلكتروني لكي اللغات، بل ستحتاج أيضًا إلى تعديل تصميمه لكي تنسيق RTL. وغني لكي هذه المهمة ستشكل تحديًا أكبر من مشروع الترجمة القياسيلكي(LTR).

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

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

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

ما تصميم مواقع الويب RTL؟

RTL هي اختصار لـ "لكي" (من اليمين إلى اليسار)، وتشير لكي التي تكتب من يمين الصفحة إلى يسارها. تشمل لغات RTL ما يلي:

• الأردية
• العبرية
• فارسي
• اللغة العربية

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

على مثل، قد تحتاج لكي عناوينك وأزرارك وعناصر الصفحة الأخرى لكي من اليمين لكي . قد يتضمن "العكس" ما يلي:

• محاذاة النص من اليمين لكي بدلاً من اليسار لكي .
• قلب عنصر ما أفقيًا، مثل عرض سهم للأمام على شكل "←" بدلاً من المظهر التقليدي لـ LTR "←".

(أكثر النسخ المتطابق لاحقًا!)

ما فوائد امتلاك موقع ويب RTL؟

عندما موقع ويب RTL، فإنك لكي زوار الموقع الذين يتواصلون بلغات RTL. وهذا ليس جزءًا صغيرًا من زوار المواقع العالمية، فقط إنه فقط بمرور الوقت.

خذ الإمارات العربية المتحدة (UAE) على مثل، حيث أفاد تجار المنصات الإلكترونية الذين شملهم استطلاع Statista بأنهم شهدوا زيادة بنسبة 26٪ في متوسط نشاط التجارة الإلكترونية في عام 2020. ونظرًا لأن اللغة العربية هي اللغة الرسمية في الإمارات العربية المتحدة، وهي لغة تكتب من اليمين إلى اليسار، فستحتاج لكي موقعك الإلكتروني بتنسيق RTL إذا كنت تستهدف حصة من سوق الإمارات العربية المتحدة.

ثم، من خلال تصميم موقع الويب الخاص بك مع مراعاة دعم RTL، فإنك ستتمكن لكي:

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

7 نصائح لتصميم مواقع ويب RTL أفضل

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

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

1. فهم الانعكاس عندما يكون عندما ضروريًا

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

العناصر التي قد ترغب لكي تشمل:

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

ومع ذلك، لا يجب عكس جميع عناصر لغة LTR لكي . ومن أمثلة العناصر التي لا تحتاج لكي :

• الأيقونات التي ليس لها اتجاه محدد، مثل زر "تنزيل" أو أيقونة سلة المهملات.
• الأيقونات التي تحتوي على نصوص بلغات أجنبية، مثل الحروف الهجائية الرومانية وعلامات الترقيم (يجب أن تكون مترجمة بدلاً من ذلك).
• عناصر التحكم في مشغل الفيديو والصوت.
• يتم تقديم التواريخ بتنسيق التاريخ الدولي القياسي "YYYY-MM-DD".
• كلمات لغة LTR التي تم تضمينها عمداً في نص بلغة RTL، مثل "Google" أو "Kleenex".
• الأرقام (وترتيب أرقامها).

2. ضع في اعتبارك الجوانب الثقافية لتصميم الويب RTL

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

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

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

3. استخدم الخطوط المناسبة

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

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

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

4. تنفيذ علامات Hreflang

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

على مثل، إذا كان لديك صفحة ويب بعنوان URL "مثل" مخصصة للمتحدثين باللغة الإنجليزية من الولايات المتحدة، فيجب أن تحتوي هذه الصفحة على علامة hreflang التالية:

<link rel=“alternate” hreflang=“en-us” href=“http://www.example.com/us/” />

وإذا كان لديك نسخة عربية من نفس الصفحة الإلكترونية بعنوان URL "مثل" للمتحدثين باللغة العربية من مصر، فيجب أن تتضمن تلك الصفحة علامة hreflang التالية:

<link rel=“alternate” hreflang=“ar-eg” href=“http://www.example.com/eg/” />

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

5. تحقق من تنسيق الرابط الخاص بك!

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

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

6. النظر في أتمتة عملية ترجمة الموقع الإلكتروني

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

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

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

7. اختبر موقعك الإلكتروني بدقة قبل أن تجعله مباشرًا

كما هو الحال مع أي تعديل آخر للموقع الإلكتروني، قم بإجراء اختبار شامل لموقع RTL الخاص بك قبل إتاحة الوصول إليه للجمهور. يمكنك ذلك:

• اطلب من المتحدثين الأصليين وخبراء التعريب مراجعة محتوى موقعك الإلكتروني بلغة RTL للتأكد من سهولة القراءة والدقة النحوية.
• تحقق من كيفية عرض موقعك الإلكتروني على كروم وفايرفوكس وغيرهما من متصفحات المواقع الشهيرة.
• اختبر إمكانية الوصول إلى موقعك على الويب على أجهزة سطح المكتب والأجهزة المحمولة (وهذا يشمل كلاً من أجهزة iOS وAndroid).

إذا كشفت اختباراتك عن أي مشاكل، فقم بإصلاحها قبل أن تجعل موقع RTL الخاص بك مباشرًا!

كيف يمكن Weglot في تصميم مواقع الويب التي تستخدم نظام الكتابة من اليمين إلى اليسار (RTL)؟

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

مع Weglot، ستتمكن أيضًا من:

• أضف قواعد CSS مخصصة لكي عرض محتوى موقع الويب RTL الخاص بك لكي .
• اطلب ترجمات احترافية من خلال لوحة التحكم في Weglot للأ جزاء الأساسية من محتوى الموقع الإلكتروني.
• قم بتنفيذ علامات hreflang تلقائيًا لكي محركات البحث على تقديم الإصدارات اللغوية الصحيحة لصفحات الويب الخاصة بك لكي
• توفير بدائل مناسبة للصور ومقاطع الفيديو والوسائط الأخرى باستخدام Weglotوظيفة ترجمة الوسائط المدمجة في [الاسم].
• قم بإدارة جميع ترجمات النصوص والوسائط الخاصة بك من خلال لوحة تحكم مركزية على Weglot ، بدلاً من تسجيل الدخول إلى منصات متعددة لنفس الغرض.

ابدأ في ترجمة وتوطين تصميم وتطوير مواقع الويب التي تعمل بنظام الكتابة من اليمين إلى اليسار باستخدام Weglot

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

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

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