تصميم مواقع عربية، مكتوبة لا مترجمة

تصميم مواقع عربية يعكس التخطيط كله

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

ما الذي ينعكس

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

ما الذي يبقى كما هو

تبقى الشعارات، وأرقام الهواتف، والأسماء المكتوبة بالحرف اللاتيني كما هي؛ فالشعار المعكوس خطأ، وكذلك رقم الهاتف الذي يُقرأ بالمقلوب.

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

يحتاج الخط العربي إلى حجم وارتفاع سطر خاصين به

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

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

ويُختار الخط للحرف العربي ولا يُستعار من الخط اللاتيني. ويُعد Noto Naskh Arabic أحد الخطوط التي أستخدمها في نص المتن الذي ينبغي أن يبقى مقروءاً على شاشة صغيرة.

مكتوب من الموجز، لا ناتج عن إضافة ترجمة

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

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

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

عناوين مستقلة، ووسوم hreflang، ومبدّل للغة

لكل لغة عنوانها الخاص؛ فالصفحة الإنجليزية على عنوان، والصفحة العربية تحت المسار /ar/، ما يتيح لمحرك جوجل فهرسة الصفحتين واعتبار كل منهما الجواب الصحيح لقارئها.

وتربط بين الصفحتين وسوم hreflang، وهي وسوم قصيرة تبيّن لمحرك جوجل أي صفحة تخص أي لغة؛ فتظهر الصفحة العربية لمن يبحث بالعربية، والصفحة الإنجليزية لمن يبحث بالإنجليزية.

وينقل مبدّل اللغة القارئ إلى الصفحة نفسها باللغة الأخرى لا إلى الصفحة الرئيسية. وهو أمر بسيط، غير أنه الفرق بين قارئ يواصل وقارئ يغادر.

الأرقام والمحتوى المختلط بين العربية والإنجليزية

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

الأرقام

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

الأسماء اللاتينية داخل الجمل العربية

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

بحث الكلمات المفتاحية العربية عمل قائم بذاته

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

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

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