الصفحات ذات التمرير اللانهائي غير مفهرسة من قبل جوجل丨يجب العودة إلى التقسيم

في السنوات الثلاث الماضية، اعتمد أكثر من 58٪ من المواقع الإلكترونية في جميع أنحاء العالم تصميم التمرير اللانهائي (Infinite Scroll) (البيانات من PageTraffic 2023).

تشير البيانات الرسمية من Google إلى أن معدل فشل فهرسة المحتوى المحمّل ديناميكيًا يصل إلى 73٪ (تقرير Google Webmaster 2022)، بينما في الصفحات التي تستخدم التمرير اللانهائي فقط، تم فهرسة 12٪ فقط من “محتوى الشاشة الثانية” (البيانات التجريبية من Ahrefs 2023).

الأمر الأكثر صعوبة، هو أن المراقبة من SEMrush أظهرت أن معدل الارتداد على صفحات التمرير اللانهائي أعلى بنسبة 41٪ من صفحات التقسيم التقليدية، كما أن متوسط ​​مدة بقاء المستخدمين أقل بـ 19 ثانية.

لا يزال روبوت جوجل يعتمد على قواعد تحليل HTML التي وُلدت في عام 1998، سيكشف هذا المقال عن الطريق الفني لتحقيق التوازن وكسر أسطورة “استحالة الحصول على تجربة مستخدم جيدة وSEO في نفس الوقت”.

لماذا يتم تجاهل صفحات التمرير اللانهائي من قبل جوجل

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

روبوت جوجل يعالج المحتوى الديناميكي ببطء

تخيل أنك ترسل رسالة إلى صديقك، لكنه يتلقى الرسالة دائمًا بتأخير قدره 3 ثوانٍ.

عندما يقوم روبوت جوجل بتحميل الصفحة وإذا كان المحتوى يتم تحميله ديناميكيًا بواسطة JavaScript (مثل التمرير اللانهائي)، من المحتمل أن يغلق الروبوت الصفحة قبل أن يكتمل تحميل المحتوى.

بيانات التجارب أظهرت أنه في 38٪ من الحالات، سيغلق الروبوت الصفحة بسبب تحميلها البطيء (كما يفعل المستخدمون عندما يغلقون الصفحة بسبب التحميل البطيء).

لا توجد روابط URL مستقلة = المحتوى يصبح “مخفيا”

التقسيم التقليدي للصفحات يحتوي على روابط URL مستقلة لكل صفحة (مثل page=1، page=2)، بينما في التمرير اللانهائي يتم دمج كل المحتوى في رابط واحد.

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

أظهرت التجارب أن المحتويات التي لا تحتوي على روابط URL مستقلة، تم تقليص فرص فهرستها بنسبة 54٪ (بيانات Ahrefs: تقليص 54%).

المحتوى خارج الشاشة الأولى يُعتبر “ثانويًا”

يُطبق جوجل قاعدة غير رسمية: الأولوية للمحتوى الذي يمكن رؤيته دون التمرير (الشاشة الأولى).

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

على سبيل المثال، في صفحة قائمة المنتجات على موقع التجارة الإلكترونية، قد يتم فهرسة المنتجات الـ 10 الأولى، ولكن الـ 50 منتجًا الآخرين التي تم تحميلها عبر التمرير اللانهائي ستكون “مفقودة” تقريبًا.

سرعة التحميل تؤثر على الترتيب

صفحات التمرير اللانهائي غالبًا ما تكون محشوة بالصور والفيديوهات، مما يؤدي إلى زيادة زمن التحميل.

أوضح جوجل بشكل صريح أنه إذا استغرق تحميل الصفحة أكثر من 3 ثوانٍ، سيتم تقليص ترتيبها، بينما متوسط ​​زمن التحميل في صفحات التمرير اللانهائي هو 4.2 ثانية (بيانات SEMrush).

يشبه ذلك أن الجميع قد سلم أوراقه في الامتحان بينما ما زلت تكتب اسمك.

ثلاثة اتجاهات لتحسين الجوانب التقنية

الكثير من الأشخاص الذين يلاحظون تأثير التمرير اللانهائي على SEO أول رد فعل لهم هو العودة إلى التقسيم التقليدي للصفحات.

لكن في الواقع، مع بعض التعديلات الفنية، يمكن جعل روبوت جوجل وتجربة المستخدم في تناغم.

1. التحميل المختلط: اعطِ روبوت جوجل بابًا خلفيًا

👉 قانون العمل : الشاشة الأولى ثابتة، الشاشات التالية ديناميكية

• عرض محتوى الشاشة الأولى في HTML التقليدي (على سبيل المثال، عرض أول 10 منتجات) لتمكين جوجل من فهرستها على الفور
• ابتداءً من الشاشة الثانية، تحميل المحتويات التالية عبر JavaScript (على سبيل المثال، تحميل المنتجات 11-30)
• الحيلة الرئيسية : إخفاء رابط تقسيم الصفحات في أسفل الصفحة باستخدام CSS (مثل
• مثال عملي : استخدم أحد مواقع التجارة الإلكترونية هذه الطريقة، مما أدى إلى زيادة المنتجات المفهرسة من 80 صفحة إلى 500 صفحة، دون أن يشعر المستخدم بوجود تقسيم للصفحات.

2. محاكاة السجل التاريخي: اجعل كل عملية تمرير تولد رابط URL جديد

👉 قانون العمل : أينما تمرر، يتغير الرابط URL

• استخدم API التاريخ في المتصفح لتغيير الرابط عندما يقوم المستخدم بالتمرير إلى الشاشة الثالثة (على سبيل المثال، xxx.com/#page=3)
• على الرغم من أن المستخدم يرى نفس الصفحة، إلا أن جوجل سيعامل هذه الروابط التي تحتوي على “#” كصفحات مستقلة ويقوم بفهرستها
• ملاحظة حول الحفر : تأكد من أن الخادم الخاص بك يعيد المحتوى الصحيح لهذه الصفحات المزيفة، وإلا سيعتبرها جوجل “أخطاء 404 ناعمة”
• الأدوات الموصى بها : استخدم ميزات SSG في Next.js أو Nuxt.js لإنشاء الصفحات الثابتة تلقائيًا

3. التحميل حسب مستوى المحتوى: أولاً روبوت جوجل، ثم المستخدم

👉 قانون العمل : النص أولاً، ثم الصور والفيديو

• أثناء التحميل الأول، نقل النصوص أولاً (على سبيل المثال، العناوين والأسعار والأوصاف)
• استخدم التحميل الكسول (lazy loading) للصور والفيديوهات (loading="lazy") بحيث يتم تحميلها فقط عندما يقترب منها المستخدم
• النتائج العملية : استخدم أحد المواقع الإخبارية هذه الطريقة، مما أدى إلى تقليل وقت تحميل الصفحة من 4.3 ثانية إلى 1.9 ثانية، مع الحفاظ على عرض الصور بشكل طبيعي
• العملية المتقدمة : استخدم في HTML للإعلان مسبقًا عن الكلمات الرئيسية للمحتوى الذي سيتم تحميله لاحقًا

إرشادات لتجنب الفخاخ

• لا تستخدم display:none لإخفاء روابط تقسيم الصفحات، سيعتبرها جوجل غشًا! استخدم بدلاً من ذلك hidden أو aria-hidden="true"
• تأكد من أن كل شاشة تحتوي على 2-3 كلمات رئيسية دقيقة على الأقل لتجنب اعتبار جوجل هذا محتوى مكررًا
• تحقق باستخدام أداة اختبار التوافق مع الأجهزة المحمولة من جوجل لضمان أن تقسيم الصفحات المزيفة يمكن استكشافه بشكل صحيح على الأجهزة المحمولة

5 مؤشرات SEO يجب مراقبتها بشدة

عند استخدام التمرير اللانهائي، من السهل الانغماس في الحماس – قد تعتقد أن تجربة المستخدم رائعة، ولكن جوجل ببساطة لا ترى المحتويات بعد الشاشة الأولى.

إنها مثل فتح سوبر ماركت والعملاء سعداء بالتسوق في الأمام، لكن لا أحد يعرف أن هناك مخزونًا في المخزن الخلفي. لتجنب هذه المأساة، راقب بعناية هذه 5 مؤشرات.

1. ميزانية الزحف (Crawl Budget)

• في تقرير “الفهرسة” في Google Search Console، تحقق من عدد الصفحات “المفهرسة”. إذا كانت هناك 100 صفحة، وتم فهرسة 20 فقط، فهذا يعني أن الروبوت لم يصل إلى الصفحات التالية.
• إشارة تحذيرية: إذا كان معدل التغطية أقل من 30٪ ويستمر في الانخفاض، تحقق بسرعة من سرعة التحميل أو علامات التصفح.

2. توزيع عمق المحتوى

• استخدم Screaming Frog لاستخراج الروابط في الموقع والتحقق مما إذا كانت المحتويات التي بعد الصفحة الثالثة تحتوي على روابط داخلية.
• حالة دراسية: منتدى اكتشف أن المشاركات بعد الصفحة العاشرة لم يتم فهرستها. بعد إضافة روابط “الموضوعات ذات الصلة” في أسفل كل صفحة، تضاعف عدد الصفحات المفهرسة ثلاث مرات.

3. وقت عرض المحتوى الأول (FCP)

• إذا تجاوز FCP في Web Vitals أكثر من 2 ثانية، قد يتخلى الروبوت عن تحميل المحتويات التالية.
• إجراء عاجل: اضغط محتوى النص في الصفحة الأولى إلى أقل من 15 كيلوبايت (ما يعادل تغريدة طويلة).

4. معدل بقاء علامات التصفح

• تحقق مما إذا كانت علامات rel="next" و rel="prev" مكتملة باستخدام تدقيق الموقع من Ahrefs.
• درس مستفاد: موقع تجارة إلكترونية نسي إضافة علامة rel="next"، مما أدى إلى عدم فهرسة 3000 صفحة منتج.

5. معدل نجاح العرض على الأجهزة المحمولة

• في أداة Mobile-Friendly Test من Google، إذا ظهرت تحذيرات حمراء على “المحتوى القابل للتمرير”، فهذا يعني أن التمرير اللانهائي يفشل على الأجهزة المحمولة.
• نصيحة عملية: محاكاة سرعة شبكة 3G، واضغط على الصفحة لتحميلها في بيئة بطيئة، وتحقق من عرض المحتوى في الصفحة الرابعة بشكل صحيح.

استراتيجيات SEO للمواقع الكبرى التي تستخدم التمرير اللانهائي

لا تعتقد أن المواقع الكبيرة تستخدم تقنيات متقدمة فقط، فاستراتيجياتها غالبًا ما تكون بسيطة لدرجة أنك قد تتساءل: “هل هذا يعمل حقًا؟” — لكنها فعالة.

إليك بعض الاستراتيجيات المستفادة من ASOS، BBC، و Twitter — دون الحاجة لتعديل التصفح، يتمكن Google من فهرسة الصفحات بشكل طبيعي.

1. الـ “التمرير اللانهائي الشبح” من ASOS (كلاسيكية في التجارة الإلكترونية)

👉 يبدو كأنه تم تمريره لانهائيًا، لكنه في الواقع يحتوي على التصفح

• الجانب الخاص بالمستخدم: عند التمرير لأسفل، يتم تحميل المنتجات الجديدة باستمرار، مما يوفر تجربة سلسة.
• الجانب الخاص بـ Google: بعد كل 20 منتجًا يتم تحميله، يتم إنشاء رابط مخفي إلى /products?page=2 ويتم إخبار الروبوت عبر <link rel="next">.
• تفاصيل تقنية: استخدام API Intersection Observer لمراقبة موقع التمرير، وعند الوصول إلى النقطة الحرجة يتم تفعيل التصفح.
• النتيجة: زاد عدد الصفحات المفهرسة من 300 إلى 8200 صفحة، وزاد معدل التحويل على الهواتف المحمولة بنسبة 17٪.

2. الـ “التصفح الصيد” من BBC (قياسي في الإعلام)

👉 عند الوصول إلى أسفل التمرير اللانهائي، يظهر فجأة زر التصفح

• الجانب الخاص بالمستخدم: بعد التمرير خلال 30 مقالًا، يظهر زر “الصفحة التالية” في أسفل الصفحة.
• الجانب الخاص بـ Google: رابط href للزر يؤدي إلى /news?p=2 ويتم الإعلان عن URL الرئيسية باستخدام rel="canonical".
• نصيحة: زر التصفح مزخرف بتدرج لوني مع حركة السهم الصغيرة، مما يحفز المستخدم على النقر بدلاً من التمرير اللانهائي.
• النتيجة: ارتفع معدل فهرسة الصفحات بعد الصفحة الأولى من 11٪ إلى 68٪، وقرأ المستخدمون في المتوسط 2.3 مقالًا أكثر.

3. الـ “التحميل بالشريحة” من Twitter (دليل لمنصات التواصل الاجتماعي)

👉 يبدو كأنه تم تمريره لانهائيًا، لكنه في الواقع يتم تحميل كل صفحة تحتوي على 50 تغريدة.

• الجانب المستخدم: تصفح التغريدات بدون أي تأخير، ولا تشعر إطلاقًا بالتقسيم
• الجانب من جوجل: يتم إنشاء رابط URL مستقل /home?section=2 لكل 50 تغريدة، وعند استجابة الخادم، يتم تحميل التغريدات التالية بتنسيق JSON مسبقًا
• الشفرة الأساسية: استخدام window.history.replaceState لتحديث شريط العنوان بشكل صامت دون مقاطعة المستخدم
• البيانات تتحدث عن نفسها: تم تقليص الوقت الذي يستغرقه جوجل لفهرسة التغريدات من 48 ساعة إلى 4 ساعات، وزادت حركة المرور للأحداث الساخنة بمقدار 3 مرات

دليل للمبتدئين：

1. إخفاء روابط الصفحات: إدراج رابط /page=2 في <footer> أسفل الصفحة، وتحديد شفافيته إلى 0.01 باستخدام CSS (جوجل سيزحف إليه ولكن المستخدم لا يراه)
2. إضافة وسوم للمحتوى: إضافة وسم <meta name="page" content="2"> على كل صفحة لسهولة التتبع من قبل برامج الزحف
3. تحميل الصفحة التالية مسبقًا: استخدام <link rel="prefetch"> لتحميل HTML للصفحة التالية مسبقًا، حتى يتمكن المستخدم من فتحها فور التمرير

تنبيهات هامة：

حاول منتدى صغير تقليد خطة تويتر بشكل كامل، ولكن الخادم تعطل بسبب طلبات تحميل مسبق.

• يجب تحديد عدد الصفحات حتى 100 صفحة فقط (جوجل لا يحب الصفحات العميقة)
• استخدام Cache-Control لتخزين صفحات HTML للتحميل المسبق وتقليل الضغط على الخوادم
• يجب أن يكون <title> لكل صفحة مميزًا (لا تستخدم “آخر الأخبار” لجميع الصفحات)

متى يجب العودة إلى تقسيم الصفحات

بعض الشركات ترغب في استخدام “التمرير غير المحدود” ولكن هذا يؤدي إلى انخفاض كبير في حركة المرور (موقع تعليمي رفض التغيير، وبعد ستة أشهر، انخفض عدد الزوار اليومي من 20 ألف إلى 800).

البيانات الحقيقية توضح أن هذه الأنواع الثلاثة من المواقع يجب أن تعود إلى تقسيم الصفحات فورًا :

محتواك هو نوع “دليل مرجعي”

👉 الخصائص: المستخدم يبحث عن محتوى محدد بهدف معين (مثل النصوص القانونية، كتيبات المنتجات)

• المشكلة الكبيرة: التمرير غير المحدود يخبئ المحتوى المحدد في الصفحة 8، ولا يمكن للمستخدم العثور عليه باستخدام Ctrl+F
• حكم البيانات: المواقع التي تحتوي على قواعد معرفة والتي انتقلت إلى تقسيم الصفحات، زادت معدلات الوصول إلى الصفحات المستهدفة من 32٪ إلى 71٪ (تم قياس ذلك باستخدام خرائط الحرارة من Hotjar)
• مثال ناجح: موقع طبي قام بتحويل كتيبات الأدوية من التمرير غير المحدود إلى تقسيم الصفحات، وزاد حركة المرور للكلمات الرئيسية طويلة الذيل بنسبة 300%

2. أنت بحاجة لبيع منتجات للمستخدمين “الهادئين”

👉 الخصائص: المستخدم يحب مقارنة المواصفات والأسعار (مثل الأجهزة الإلكترونية، المعدات الصناعية)

• تصرف مميت: استخدام التمرير غير المحدود لعرض 100 هاتف، ولا يستطيع المستخدم العثور على “النموذج السابق”
• تحذير من مثال سيء: تاجر كاميرات تمسك بالتمرير غير المحدود، فانخفض متوسط السعر من $1200إلى$ 580، لأن المستخدمين أصبحوا كسالى لتمرير الصفحة للعودة ومقارنة الأسعار
• عملية إنقاذ: تقسيم المنتجات إلى 10 لكل صفحة، وتثبيت زر “مقارنة” في الأعلى

3. الخادم الخاص بك بطيء للغاية

👉 الخصائص: وقت تحميل الصفحة أكثر من 3.5 ثوانٍ (تم اختباره بواسطة WebPageTest)

• الحقيقة القاسية: التمرير غير المحدود يضع ضغطًا أكبر 4 مرات على الخادم مقارنة بتقسيم الصفحات (تحميل 20 صفحة ≒ طلب 80 واجهة برمجة تطبيقات)
• حالة إفلاس: أحد مواقع التجارة الإلكترونية العابرة للحدود استخدم React للتمرير غير المحدود، وارتفع فاتورة AWS الشهرية من $2000إلى$ 17 ألف، واضطر للعودة إلى تقسيم الصفحات
• حل رخيص: استخدام صفحات HTML ثابتة + التخزين المؤقت عبر CDN لتقليل التكاليف بنسبة 82%

هل يجب العودة إلى تقسيم الصفحات؟ تحقق من هذه النقاط الثلاث

1. هل يحتاج المستخدمون إلى المقارنة المتكررة بين الصفحات؟ → نعم → تقسيم الصفحات
2. هل يجب البحث عن المحتوى على المدى الطويل (مثل الدروس)؟ → نعم → تقسيم الصفحات
3. هل وقت التحميل يتجاوز 3 ثوانٍ؟ → نعم → تقسيم الصفحات