عبدالله عبدالرحيم بن سنكر: أخطاء SEO تقنية تتكرر في المواقع العربية

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

الخطأ ١: الصفحة ما تقول إنها عربية

قالب مأخوذ من موقع إنجليزي، والوسم الجذري فيه lang=en بدون اتجاه، والنص العربي معروض بمحاذاة يمين عبر CSS فقط. الزائر ما يلاحظ، لكن المتصفح وقارئ الشاشة وأدوات الترجمة ومحركات البحث كلها تقرأ إشارة غلط. التصحيح: lang=ar و dir=rtl على وسم html، وإذا الموقع ثنائي اللغة، كل نسخة بسمتها الصحيحة. ولو فيه فقرة إنجليزية داخل صفحة عربية، عطها سمة lang خاصة فيها، عشان علامات الترقيم والأقواس ما تنقلب في الاتجاه الغلط.

الخطأ ٢: روابط عربية طويلة تتحول لرموز

الرابط العربي مقبول عند قوقل، لكنه ينتقل في كثير من الأماكن كسلسلة رموز طويلة مثل %D8%A7 تخوّف اللي يشوفها لما ينسخها في واتساب. والمشكلة الأكبر إن نفس الكلمة ممكن تنكتب بأكثر من شكل: بهمزة وبدونها، بتاء مربوطة أو هاء، فتطلع لك روابط مكررة لنفس الصفحة. الحل الأنظف لأغلب المواقع: روابط لاتينية قصيرة بالحروف، والعنوان العربي يبقى في الصفحة. وإذا اخترت روابط عربية، ثبّت طريقة كتابة وحدة ولا تغيّرها بعد النشر.

الخطأ ٣: hreflang ناقص أو معكوس

المواقع اللي عندها نسخة عربية وإنجليزية كثير تحط hreflang في نسخة وحدة بس. القاعدة إن كل نسخة تشير لنفسها وللنسخ الثانية، والإشارة لازم ترجع من الطرفين. واستخدم رموز صحيحة: ar للعربي عموماً، أو ar-SA لو المحتوى موجّه للسعودية تحديداً، مع x-default للنسخة الافتراضية. والخطأ الأسوأ: canonical في الصفحة العربية يشير للصفحة الإنجليزية، فتختفي العربية من النتائج. الصحيح إن كل نسخة لغوية تكون canonical لنفسها، و hreflang هو اللي يربطها بأخواتها. وراجع خريطة الموقع بعد: لازم تضم النسختين، وكل رابط فيها يرجع صفحة تشتغل، مو تحويلاً أو صفحة 404.

الخطأ ٤: نص ما يشوفه قوقل، داخل صورة أو داخل جافاسكربت

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

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

الخطأ ٥: خطوط عربية ثقيلة تبطّئ كل شي

ملفات الخطوط العربية أكبر بطبيعتها لأن الحروف لها أشكال متعددة. تحميل خمسة أوزان من خطين يبطّئ الشاشة الأولى ويخلي النص يقفز بعد ما يحمّل. خفّفها:

• وزنين أو ثلاثة بالكثير، مو العائلة كاملة.
• صيغة WOFF2، واستضافة محلية أو عبر أداة تحسين الخطوط في إطار العمل.
• font-display مناسب عشان يظهر النص فوراً بخط بديل بدل ما يختفي.
• خط بديل مقارب في المقاسات يقلل قفزة التخطيط لما يتبدّل الخط.

الخطأ ٦: صفحات المدن المنسوخة

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

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

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