لسنوات، تعاملت Google مع إصدار سطح المكتب لموقع الويب على أنه الإصدار "الأساسي" وإصدار الهاتف المحمول كإصدار "بديل". لقد انتهى هذا العصر.
مع الفهرسة المتنقلة أولاً (Mobile-First Indexing)، تستخدم Google في الغالب إصدار الهاتف المحمول من محتواك للفهرسة والترتيب. إذا كان موقعك يحتوي على محتوى سطح مكتب ممتاز ولكن إصدار هاتف محمول مجرد أو معطل، فسوف تعاني ترتيباتك - حتى للمستخدمين الذين يبحثون على سطح المكتب.
يشرح هذا الدليل كيفية ضمان بقاء موقعك وازدهاره في عالم الهاتف المحمول أولاً.
1. ما هي الفهرسة المتنقلة أولاً؟
من المهم توضيح مفهوم خاطئ شائع: لا يوجد "فهرس جوال" منفصل. يوجد فهرس Google واحد فقط.
- الطريقة القديمة: قام Googlebot (سطح المكتب) بالزحف إلى موقعك. وقرر ترتيبك بناءً على ما رآه على شاشة كبيرة.
- الطريقة الحالية: يقوم Googlebot (الهاتف الذكي) بالزحف إلى موقعك. ويقرر ترتيبك بناءً على ما يراه على شاشة الهاتف المحمول.
النتيجة: إذا أخفيت المحتوى على الهاتف المحمول لـ "توفير المساحة" (على سبيل المثال، إزالة النص أو علامات التبويب)، فإن Google لا يستطيع رؤية هذا المحتوى بشكل فعال بعد الآن. لن تتم فهرسته.
2. الحل: تصميم الويب المتجاوب (Responsive Web Design)
بينما يمكنك الحصول على موقع جوال منفصل (m.example.com)، توصي Google بشدة بـ تصميم الويب المتجاوب.
يعني التصميم المتجاوب أن موقع الويب الخاص بك يستخدم نفس كود HTML ونفس عنوان URL لجميع الأجهزة، ولكنه يستخدم CSS لتغيير التخطيط بناءً على حجم الشاشة.
العلامة الحيوية: إطار العرض (The Viewport)
لكي يعمل التصميم المتجاوب، يجب أن تتضمن كل صفحة على موقعك علامة Meta التالية في قسم <head>:
<meta name="viewport" content="width=device-width, initial-scale=1">يخبر هذا السطر المتصفح: "قم بقياس هذا المحتوى ليناسب عرض الجهاز المحدد المستخدم." بدونه، ستحاول متصفحات الهاتف المحمول عرض إصدار سطح المكتب وتقليصه، مما يجبر المستخدمين على القرص والتكبير (فشل كبير في قابلية الاستخدام).
3. قاعدة "تكافؤ المحتوى"
للنجاح في الفهرسة المتنقلة أولاً، يجب عليك ضمان التكافؤ (المساواة) بين إصدارات سطح المكتب والهاتف المحمول.
- نفس المحتوى: يجب أن تكون النصوص والصور ومقاطع الفيديو متطابقة. لا تلخص مقالاتك لمستخدمي الهاتف المحمول.
- نفس البيانات المنظمة: يجب أن يكون ترميز المخطط (JSON-LD) موجوداً في إصدار الهاتف المحمول.
- نفس البيانات الوصفية: يجب أن تكون العناوين والأوصاف الوصفية هي نفسها.
- فحص بصري: تأكد من أن الإعلانات أو النوافذ المنبثقة لا تغطي المحتوى الفعلي على الهاتف المحمول. تعاقب Google "النوافذ المنبثقة المتطفلة" التي تحبط المستخدمين.
4. استكشاف الأخطاء وإصلاحها في Google Search Console
يحتوي Google Search Console (GSC) على تقرير مخصص لـ "قابلية الاستخدام على الأجهزة المحمولة" ضمن علامة التبويب "التجربة". يسلط الضوء على الصفحات التي يصعب على مستخدمي الهاتف المحمول استخدامها.
فيما يلي الأخطاء الثلاثة الأكثر شيوعاً وكيفية إصلاحها:
الخطأ أ: "النص صغير جداً للقراءة"
- المشكلة: حجم الخط صغير جداً لدرجة أن المستخدمين يضطرون إلى التكبير لقراءته.
- الإصلاح: توصي Google بحجم خط أساسي لا يقل عن 16px للنص الأساسي. تحقق من CSS للتأكد من أنك لا تقوم بتعيين الخطوط بأحجام صغيرة ثابتة (مثل 10px).
الخطأ ب: "العناصر القابلة للنقر قريبة جداً من بعضها البعض"
- المشكلة: "متلازمة الأصابع السمينة". الأزرار أو الروابط قريبة جداً لدرجة أن المستخدم الذي يحاول النقر على "إلغاء" ينقر بطريق الخطأ على "إرسال".
- الإصلاح: تأكد من أن أهداف اللمس لا يقل حجمها عن 48x48 بكسل ولديها هامش 8 بكسل تقريباً بينها.
الخطأ ج: "المحتوى أوسع من الشاشة"
- المشكلة: يضطر المستخدم إلى التمرير أفقياً (من اليسار إلى اليمين) لرؤية الصفحة بأكملها. هذا "ممنوع" صارم في تجربة المستخدم (UX).
- الإصلاح: يحدث هذا عادةً بسبب صورة أو جدول بعرض ثابت (مثل
width: 800px). قم بتغيير العروض الثابتة إلى عروض نسبية (مثلmax-width: 100%) في CSS الخاص بك بحيث تتقلص العناصر تلقائياً.
خاتمة
الفهرسة المتنقلة أولاً ليست إعداداً يمكنك إيقاف تشغيله؛ إنها الحالة الافتراضية للويب. من خلال اعتماد التصميم المتجاوب، وضمان تكافؤ المحتوى، ومراقبة Search Console بحثاً عن أخطاء قابلية الاستخدام، فإنك تضمن إمكانية الوصول إلى موقعك لأكثر من 60% من المستخدمين الذين يتصفحون على شاشات صغيرة.