قائمة مراجعة السيو التقني للمواقع العربية
قائمة مراجعة شاملة للسيو التقني للمواقع العربية، تغطي تطبيق الكتابة من اليمين إلى اليسار، وعلامات hreflang، وسرعة الموقع، وقابلية الزحف، والفهرسة متعددة اللغات.
لماذا يستدعي السيو التقني للمواقع العربية اهتماماً خاصاً
بناء موقع ويب يحتل مرتبة جيدة في نتائج البحث العربية ينطوي على تحديات تتجاوز بكثير مجرد الترجمة. فاللغة العربية لغة تُكتب من اليمين إلى اليسار (RTL) ذات متطلبات طباعية فريدة، وبنية صرفية معقدة، واعتبارات تشفير تؤثر مباشرةً في كيفية زحف محركات البحث لصفحاتك وفهرستها وترتيبها. أي خطأ تقني قد يجعل محتواك العربي غير مرئي لـ Google، بصرف النظر عن جودته.
تغطي هذه القائمة كل اعتبار من اعتبارات السيو التقني الخاصة بالمواقع العربية، بدءاً من تطبيق الكتابة من اليمين إلى اليسار وحتى إعداد hreflang والفهرسة متعددة اللغات. استخدمها كأداة مراجعة منهجية للمواقع القائمة، أو كوثيقة متطلبات للمواقع الجديدة. وللصورة الاستراتيجية الكاملة، راجع دليلنا الشامل للسيو للشركات في الشرق الأوسط.
قائمة مراجعة تطبيق الكتابة من اليمين إلى اليسار
سمات اتجاه HTML
يبدأ التطبيق الصحيح لـ RTL على مستوى المستند. يجب أن تتضمن كل صفحة عربية سمات الاتجاه الصحيحة:
- تعيين
dir="rtl"على وسم<html>لصفحات اللغة العربية. يُرسي هذا اتجاه النص الأساسي للمستند بأكمله. - تعيين
lang="ar"على وسم<html>. يُخبر هذا محركات البحث وقارئات الشاشة بأن محتوى الصفحة باللغة العربية. - معالجة محتوى LTR المضمّن: أسماء العلامات التجارية الإنجليزية، وعناوين URL، ومقتطفات الكود، والأرقام المُضمَّنة في النص العربي تحتاج إلى
dir="ltr"على العنصر الحاوي لها لتعرض بشكل صحيح. - استخدام عناصر تحكم Unicode ثنائية الاتجاه باعتدال. اعتمد على سمات HTML وCSS بدلاً من أحرف Unicode غير المرئية للتحكم في اتجاه النص.
اعتبارات تخطيط CSS
تجعل CSS الحديثة تخطيطات RTL أكثر سهولة في الإدارة، غير أن ثمة تفاصيل دقيقة ينبغي مراعاتها:
- استخدام الخصائص المنطقية لـ CSS: استبدل
margin-leftبـmargin-inline-start، وpadding-rightبـpadding-inline-end، وهكذا. تتكيف الخصائص المنطقية تلقائياً مع اتجاه النص. - عكس التنقل والتخطيطات: يجب أن تعكس الشرائط الجانبية وقوائم التنقل والمسارات التدريجية ومواضع الأيقونات اتجاه RTL. الشريط الجانبي الذي يظهر على اليسار في النسخة الإنجليزية يجب أن يظهر على اليمين في النسخة العربية.
- اختبار Flexbox وGrid: يحترم كل من CSS Flexbox وGrid سمة
dirويعكسان ترتيب التخطيط تلقائياً. تحقق من أن تخطيطاتك تعمل بشكل صحيح في كلا الاتجاهين. - اتجاه الأيقونات: الأيقونات ذات الاتجاهية (الأسهم، الشفرات، أزرار الرجوع/التقدم) تحتاج إلى عكس اتجاهها في وضع RTL. السهم المشير إلى اليمين بمعنى "التالي" في الإنجليزية يجب أن يشير إلى اليسار في العربية.
الخط والطباعة
تؤثر الطباعة العربية في تجربة المستخدم وفي السيو من خلال تأثيرها على مقاييس سهولة القراءة والتفاعل:
- اختيار خطوط عربية محسّنة للويب: تُعرض خطوط مثل Noto Sans Arabic وCairo وTajawal بشكل جيد عبر الأجهزة المختلفة وتُحمَّل بكفاءة. تجنب خطوط النظام الافتراضية للغة العربية، إذ تتفاوت تفاوتاً كبيراً بين أنظمة التشغيل.
- تعيين أحجام خطوط مناسبة: يحتاج النص العربي عموماً إلى أن يكون أكبر بنسبة 10-15% من النص الإنجليزي المقابل لتحقيق قراءة مريحة نظراً لتعقيد أشكال الحروف العربية.
- ضبط ارتفاع السطر: يتطلب النص العربي تباعداً أوسع بين الأسطر مقارنةً بالإنجليزية. اضبط ارتفاعات الأسطر بين 1.8 و2.0 لنص الجسم الرئيسي.
- تحسين تحميل الخطوط: استخدم
font-display: swapوقم بتحميل مسبق لملفات الخطوط العربية الحيوية لمنع النص غير المرئي أثناء تحميل الصفحة.
تطبيق علامات Hreflang
تُعدّ علامات hreflang العنصر التقني الأكثر أهمية للمواقع ثنائية اللغة العربية-الإنجليزية بلا جدال. فهي تُخبر Google بأي إصدار من حيث اللغة والمنطقة الجغرافية يجب تقديمه لأي مستخدمين.
الإعداد الصحيح لـ Hreflang
لموقع يستهدف المتحدثين بالعربية والإنجليزية في الإمارات والمملكة العربية السعودية، يجب أن يتضمن تطبيق hreflang:
- رموز اللغة-المنطقة: استخدم
ar-AEللمحتوى العربي الموجّه للإمارات، وar-SAللمملكة العربية السعودية، وen-AEللمحتوى الإنجليزي في الإمارات، وen-SAللمحتوى الإنجليزي في المملكة. - علامة x-default: احرص دائماً على تضمين hreflang بقيمة
x-defaultيشير إلى إصدار لغتك الافتراضية. يلتقط هذا المستخدمين الذين لا يتطابقون مع أي مجموعة لغة-منطقة محددة. - المراجع ثنائية الاتجاه: يجب أن تُشير كل صفحة إلى جميع متغيرات اللغة الخاصة بها، بما فيها هي نفسها. إذا كانت الصفحة (أ) تشير إلى الصفحة (ب)، فيجب أن تشير الصفحة (ب) إلى الصفحة (أ).
- عناوين URL المتسقة: يجب أن تستخدم علامات hreflang عناوين URL مطلقة وأن تتطابق مع عنوان URL الأساسي تماماً. حتى التناقضات في الشرطة المائلة اللاحقة ستعطل hreflang.
أخطاء Hreflang الشائعة
هذه الأخطاء شائعة في مواقع الشرق الأوسط وتُدمر أداء السيو متعدد اللغات بصمت:
- غياب روابط الرجوع بين إصدارات اللغة
- توجيه علامات hreflang إلى عناوين URL لإعادة التوجيه بدلاً من الوجهات النهائية
- استخدام رموز لغة غير صحيحة (مثل
araبدلاً منar) - تطبيق hreflang في موقع واحد فقط (استخدم رؤوس HTTP وخريطة XML معاً للتكرار)
- نسيان تحديث علامات hreflang عند تغيير عناوين URL
تحسين سرعة الموقع للمواقع العربية
كثيراً ما تحمل المواقع العربية عبئاً إضافياً على الأداء يجب إدارته بفاعلية:
- أحجام ملفات الخطوط العربية: تغطي الخطوط العربية مجموعة أحرف أكبر من الخطوط اللاتينية. اجعل خطوطك تحتوي فقط على الأحرف التي تستخدمها فعلاً. يمكن أن يُقلل هذا من أحجام ملفات الخطوط بنسبة 60-80%.
- تحسين الصور: النص العربي في الصور (الذي ينبغي تجنبه قدر الإمكان) يعني أن الصور لا يمكن ضغطها بقوة دون فقدان قابلية القراءة. استخدم SVG لأي نص يجب عرضه كصورة.
- CDN بحضور في الشرق الأوسط: استخدم شبكة CDN مع خوادم حافة في دبي أو البحرين أو المملكة العربية السعودية. تمتلك كل من Cloudflare وAWS CloudFront وFastly نقاط حضور في الشرق الأوسط تقلل التأخر بشكل ملحوظ.
- العرض من جانب الخادم: للمواقع الثقيلة على JavaScript، طبّق العرض من جانب الخادم لضمان قدرة Google على الزحف إلى محتواك العربي دون تنفيذ JavaScript. تحسّنت قدرات Google في العرض، لكن SSR يزيل أي غموض.
قابلية الزحف والفهرسة
خرائط XML
أنشئ خرائط XML منفصلة لكل إصدار لغة في موقعك. قدّمها بشكل فردي عبر Google Search Console. أدرج شروح hreflang في خرائطك كإشارة إضافية لـ Google حول بنيتك متعددة اللغات.
بنية URL
اختر بنية URL متسقة لموقعك متعدد اللغات:
- الأدلة الفرعية (موصى به):
example.com/ar/وexample.com/en/— الأسهل في الإدارة ويوحّد سلطة النطاق - النطاقات الفرعية:
ar.example.comوen.example.com— تُعامَل كمواقع منفصلة من قِبل Google، مما يستلزم بناء روابط مستقل - نطاقات ccTLD منفصلة:
example.aeوexample.sa— أقوى إشارة استهداف جغرافي لكنها الأكثر استهلاكاً للموارد في الإدارة
لعناوين URL العربية، يمكنك استخدام عناوين مُحوَّلة صوتياً بأحرف لاتينية أو أحرف عربية في مسار URL. تعرض عناوين URL العربية بشكل جيد في نتائج البحث ويمكن أن تحسّن معدلات النقر للاستعلامات العربية، لكن تأكد من أن خادمك ونظام إدارة المحتوى لديك يتعاملان مع ترميز URL بشكل صحيح.
البيانات المنظمة
طبّق البيانات المنظمة (ترميز schema.org) على كلا إصداري اللغة لصفحاتك. استخدم خاصية inLanguage لتحديد لغة المحتوى. للشركات المحلية، أدرج مخطط LocalBusiness مع معلومات العنوان باللغتين العربية والإنجليزية.
التحسين للجوال بالنسبة للمواقع العربية
مع وصول أكثر من 75% من حركة مرور الويب في الشرق الأوسط عبر الأجهزة المحمولة، يجب أن يقدم موقعك العربي تجربة جوال لا تشوبها شائبة:
- أهداف اللمس: تأكد من أن الأزرار والروابط لا تقل أبعادها عن 48×48 بكسل. قد يجعل النص العربي عناصر واجهة المستخدم تبدو أصغر بسبب كثافة الخط.
- التمرير RTL: اختبر مكونات التمرير الأفقي (الكاروسيل والشرائح) للتأكد من تمريرها في الاتجاه الصحيح لمستخدمي RTL.
- حقول الإدخال في النماذج: يتطلب إدخال النص العربي في النماذج معالجة دقيقة. تأكد من أن حقول الإدخال تقبل الأحرف العربية وتتحقق منها بشكل صحيح وتعرض نص RTL بشكل سليم.
- إعداد نافذة العرض: اضبط وسم meta لنافذة العرض بشكل صحيح واختبر على الأجهزة الشائعة في المنطقة، بما فيها طرازات Samsung Galaxy وiPhone الشائعة في دول مجلس التعاون الخليجي.
خطة عمل السيو التقني الخاصة بك
اعمل خلال هذه القائمة بشكل منهجي. ابدأ بالأساسيات (RTL وhreflang وقابلية الزحف)، ثم تحسين الأداء وتجربة الجوال. مرّر صفحاتك العربية عبر اختبار النتائج المنسّقة من Google، واختبار التوافق مع الجوال، وPageSpeed Insights للتحقق من صحة تطبيقك.
إذا كان موقعك بحاجة إلى تحسينات تقنية، فإن فريق تصميم المواقع في Santa Media يبني مواقع ثنائية اللغة وفق هذه المعايير التقنية من الصفر. وتتضمن خدمات التسويق الرقمي لدينا تدقيقات سيو تقنية دورية ترصد المشكلات قبل أن تؤثر على الترتيب. تواصل معنا لاستكشاف استراتيجية نمو تتضمن إنشاء محتوى احترافي محسَّن لكل من البحث العربي والإنجليزي.