دليل SEO للجوال: الفهرسة أولًا للجوال وتوافق الهواتف

SEO للجوال هو مجموع الأعمال التي تضمن أن يعمل موقعك على الهواتف والأجهزة اللوحية دون مشكلات للمستخدمين ولمحركات البحث على حد سواء. وفي تركيا يتم جزء كبير من استخدام الإنترنت عبر الهاتف، وتنظر Google الآن إلى النسخة الجوالة من موقعك أولًا عند تقييمه. أي أن تجربتك على الجوال ليست "ميزة إضافية"، بل هي الوجه الحقيقي لموقعك. في هذا الدليل ستجد الأسس الرئيسية لـ SEO للجوال، والأخطاء الشائعة، وكيفية اختبار كل ذلك.

ما هو SEO للجوال؟

SEO للجوال هو مجموعة التعديلات التقنية والمحتوى التي تضمن أن تُعرض صفحاتك بشكل صحيح على الشاشات الصغيرة، وتُحمَّل بسرعة، وتكون سهلة الاستخدام، وأن تزحف إليها Google وتفهرسها بالكامل. ومع أنه يبدو مجالًا منفصلًا عن SEO لسطح المكتب، فإنه في الحقيقة يخدم الهدف نفسه: إيصال الشخص المناسب إلى الصفحة المناسبة بأقل قدر من العوائق. والفرق أن صبر المستخدم على الجوال أقل، والشاشة أصغر، والاتصال في الغالب أبطأ.

ماذا تعني الفهرسة أولًا للجوال (mobile-first)؟

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

• النص المخفي أو المختصر على الجوال لا يعوّضه النص المعروض على سطح المكتب.
• الروابط الداخلية الناقصة على الجوال تُضعف الزحف وتوزيع السلطة.
• الموارد المحجوبة على الجوال (CSS وJS والصور) تمنع Google من "رؤية" الصفحة بشكل صحيح.

التصميم المتجاوب وviewport

للجوال ثلاثة خيارات: التصميم المتجاوب (responsive)، والعرض الديناميكي، وموقع جوال منفصل (بنطاق فرعي m.). والخيار الذي توصي به Google والأسهل في الصيانة هو التصميم المتجاوب: عنوان واحد، وHTML واحد، وCSS يتكيّف مع عرض الشاشة.

أساس التصميم المتجاوب هو وسم viewport الموجود في قسم <head> من الصفحة:

<meta name="viewport" content="width=device-width, initial-scale=1">

إذا غاب هذا الوسم، فإن متصفح الجوال يرسم الصفحة بعرض سطح المكتب ثم يصغّرها؛ فيصبح النص غير مقروء. كذلك بدلًا من تحديد عرض الصفحة بعدد ثابت من البكسلات (مثل 1200px)، استخدم النسب المئوية وmax-width واستعلامات الوسائط (media query) في CSS.

تطابق المحتوى بين سطح المكتب والجوال

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

1. النص الرئيسي: يجب أن تكون العناوين والفقرات متطابقة في النسختين. والنص المعروض داخل أكورديون أو تبويب لا بأس به؛ أما حذفه تمامًا فهو مشكلة.
2. العنوان والوصف وcanonical: يجب أن تحمل النسختان القيم نفسها.
3. البيانات المنظمة (schema): الوسوم الموجودة على سطح المكتب والمفقودة على الجوال تضيع.
4. الصور والفيديوهات: يجب أن تكون متاحة على الجوال أيضًا، وأن تُحفظ نصوصها البديلة (alt).
5. الروابط الداخلية: حتى لو تبسّطت القائمة، يجب أن تبقى الروابط المؤدية إلى الصفحات المهمة متاحة على الجوال أيضًا؛ وللتفاصيل راجع مقالنا عن طرق زيادة الزيارات العضوية.

أهداف اللمس وسهولة القراءة

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

• حجم هدف اللمس: 48×48 بكسل من CSS على الأقل تقريبًا (وهو النطاق الذي تشير إليه إرشادات Google وإمكانية الوصول).
• المسافة بين الأهداف: 8 بكسل على الأقل بين رابطين متجاورين؛ حتى لا يضغط الإصبع على عنصر خاطئ.
• حجم الخط: 16 بكسل على الأقل لنص المتن؛ فالمستخدم الذي يضطر إلى التكبير لقراءة النص يغادر الصفحة.
• طول السطر والمسافة بين الأسطر: أسطر قصيرة على الشاشات الضيقة، ومسافة مريحة بين الأسطر.
• النوافذ المنبثقة (pop-ups): النوافذ التي تغطي معظم الشاشة وتصعب إغلاقها تطرد المستخدم، وقد تقع في تقييم Google لـ"الإعلانات التدخلية".

سرعة الجوال

في الأجهزة المحمولة غالبًا ما تكون المعالجة والاتصال أضعف من سطح المكتب؛ لذلك تُحمَّل الصفحة نفسها ببطء أكبر على الجوال. كما أن مقاييس تجربة المستخدم لدى Google، أي LCP وINP وCLS، تُقيَّم بالبيانات الجوالة أيضًا. للاطلاع على عتبات القيم التفصيلية، راجع مقالنا عن Core Web Vitals. وأكثر التحسينات تأثيرًا على الجوال:

• حوّل الصور إلى صيغة WebP/AVIF وقدّمها بحجم يناسب عرض الجهاز (srcset).
• حمّل الصور وiframes البعيدة عن الشاشة بشكل متأخر.
• نظّف JavaScript وCSS غير المستخدمين، قلّل من السكربتات الخارجية.
• قلّل زمن استجابة الخادم بالتخزين المؤقت وشبكة CDN.
• قلّل عدد الخطوط، واستخدم font-display: swap.
• حدّد أبعادًا ثابتة للصور ومساحات الإعلانات حتى لا تتحرك الصفحة أثناء التحميل.

التنقل وتصميم القائمة على الجوال

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

النماذج ومسار الدفع على الجوال

الزائر على الجوال أقل استعدادًا لملء نموذج أو إتمام طلب من زائر سطح المكتب. قلّل عدد الحقول، واستخدم نوع لوحة المفاتيح المناسب (أرقام للهاتف، ولوحة @ للبريد الإلكتروني)، ودعم الملء التلقائي، واعرض رسائل الخطأ بجوار الحقل مباشرة. وفي مرحلة الدفع يمكن لطرق الدفع بلمسة واحدة مثل Apple Pay وGoogle Pay أن ترفع التحويل بشكل ملحوظ. ومع أن هذه التحسينات ليست عامل ترتيب مباشرًا، فهي أقصر طريق لتحويل الزيارة العضوية إلى عميل حقيقي.

أخطاء شائعة تُفسد تجربة الجوال

تختلف نسبة حركة الجوال حسب القطاع؛ ففي المطاعم والخدمات المحلية والتسوق تأتي الغالبية من الهاتف، بينما قد تكون نسبة سطح المكتب أعلى في مواقع B2B والبرمجيات. تعرف على نسبتك في Google Analytics من تقرير فئة الجهاز، واضبط ثقل العمل بحسب ذلك. لكن تذكّر: تستخدم Google نسختك الجوالة للترتيب، حتى لو كان معظم زوارك من سطح المكتب.

أدوات الاختبار وقائمة التحقق

لقياس وضعك على الجوال توجد أدوات مجانية وموثوقة:

• PageSpeed Insights: يعرض نتائج Core Web Vitals منفصلة للجوال وسطح المكتب، مع اقتراحات للتحسين.
• Search Console ← فحص عنوان URL: يُظهر كيف ترى Google الصفحة عبر Googlebot للجوال. وللإعداد راجع دليل البداية في Search Console.
• وضع الجهاز في Chrome DevTools: يحاكي أحجام شاشات مختلفة وشبكة بطيئة.
• الاختبار على جهاز حقيقي: التجربة اليدوية على عدة هواتف ومتصفحات لا يمكن أن تحل محلها أي محاكاة.

قائمة تحقق مختصرة:

1. هل يوجد وسم viewport meta؟
2. هل المحتوى الرئيسي والعناوين والبيانات المنظمة على الجوال مطابقة لسطح المكتب؟
3. هل أهداف اللمس كبيرة بما يكفي، والخط مقروء؟
4. هل تجتاز الصفحة عتبات Core Web Vitals على الجوال؟
5. هل لا تحجب robots.txt أي ملفات CSS أو JS أو صور؟
6. هل لا تغطي النوافذ المنبثقة والإعلانات المحتوى؟

إذا كانت حركة الجوال تخرج بوضوح من صفحة ما، فيمكنك فحص السبب بالخطوات الواردة في دليلنا لخفض معدل الخروج الفوري.

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

الخلاصة

SEO للجوال شرط أساسي في عالم تقيّم فيه Google موقعك عبر نسخته الجوالة. ابدأ بالتصميم المتجاوب، وحافظ على تطابق المحتوى، وعدّل أهداف اللمس وحجم الخط وفق الإصبع، وقِس السرعة بالبيانات الجوالة. ثم تابع الأمر بانتظام عبر Search Console وPageSpeed Insights. تجربة الجوال المثالية لا تمنحك ترتيبًا مضمونًا؛ لكنها تزيل العوائق التي تُفقد المستخدم، وتفسح المجال أمام محتواك ليحقق الأداء الذي يستحقه.