الآن في ربكا نيوز: حل مشاكل JavaScript وتأثيرها على SEO
tech
ربكا نيوز|تكنولوجيا
بقلم: د.محمد الجندى | كبير مهندسي البرمجيات والنظم المتقدمة
الشبح الرقمي: كيف تقتل لغة JavaScript محتواك الإخباري في صمت؟
 |
| الجافا سكريبت هي روح التفاعل، ولكنها قد تكون القيد الذي يمنع جوجل من رؤية كلماتك. |
ركز معايا كويس، خليني أحكيلك حكاية تقنية وجدانية جداً؛ تخيل إنك كتبت خبر عظيم، انفراد صحفي يهز الدنيا، ونشرته على موقعك. إنت شايف الخبر قدامك، والزوار شايفينه، بس لما تدخل أدوات مشرفي المواقع، تكتشف إن جوجل شايف "صفحة بيضاء". الخبر موجود، بس "مخفي" وراء جدار من أكواد JavaScript المعقدة. دي هي مأساة المواقع الإخبارية الحديثة اللي بتعتمد على التفاعل والمؤثرات، وبتنسى إن "عناكب" جوجل، رغم ذكائها، لسه بتواجه صعوبة في فهم لغة الجافا سكريبت الثقيلة. إحنا في ربكا نيوز، وظيفتنا النهاردة إننا نكسر الجدار ده ونخلي محتواك مرئي بنسبة 100% لمحركات البحث.
المشكلة الحقيقية مش في الـ JavaScript كـ لغة، المشكلة في "طريقة التنفيذ". محركات البحث زمان كانت بتقرأ الـ HTML الصافي بس، والنهارده هي بتحاول تنفذ الجافا سكريبت، بس العملية دي مكلفة جداً وبتاخد وقت وجهد (Crawl Budget). لو موقعك الإخباري بيعتمد على "التصيير من جهة العميل" (Client-Side Rendering) بشكل كامل، إنت كدة بتخاطر بإن نص الخبر ميوصلش لفهرس جوجل أصلاً. في ربكا نيوز، إحنا بنعلمك إزاي تخلي السكربتات "صديقة للسيو" ومش عدوة ليه.
الفصل الأول: كيف يرى جوجل محتوى الجافا سكريبت؟ (عملية المرحلتين)
لازم تفهم إن جوجل بيفهرس موقعك على مرحلتين؛ المرحلة الأولى بيقرأ فيها الـ HTML والـ CSS بسرعة ويؤرشف اللي لقاه. المرحلة التانية، ودي ممكن تتأخر أيام أو أسابيع، بيبدأ فيها "يرندر" (Render) الجافا سكريبت عشان يشوف المحتوى اللي السكربتات بتولده.
بالنسبة لموقع إخباري، التأخير ده "قاتل". لو الخبر اتأرشف في المرحلة التانية بعد أسبوع، يبقى ملوش قيمة. الحل هو استخدام Server-Side Rendering (SSR) أو Static Site Generation (SSG)، وده بيخلي جوجل يشوف المحتوى كامل من أول ثانية.
الفصل الثاني: القاتل الصامت - الروابط غير القابلة للزحف
أكبر خطأ بنشوفه في ربكا نيوز هو استخدام الجافا سكريبت للتنقل بين الصفحات بطريقة `onclick`. جوجل بيحب وسم الـ `` التقليدي مع خاصية `href`. لو الرابط مش موجود في وسم `` صريح، العناكب مش هتعرف تروح للصفحة اللي بعدها، وكأنك قطعت الطريق قدامهم.
الخوارزمية الهندسية لتحميل السكربتات بذكاء
إنت مش محتاج تمسح الجافا سكريبت، إنت محتاج تنظمها. القاعدة الذهبية هي: السكربتات اللي ملهاش علاقة برسم الصفحة (زي كود أناليتكس أو فيسبوك بيكسل) لازم تتحمل بخاصية `async` أو `defer`.
الفصل الثالث: فخ الأرشفة - المحتوى المعتمد على التفاعل
المواقع الإخبارية أحياناً بتستخدم خاصية "تحميل المزيد" (Load More) عن طريق الجافا سكريبت بدل الترقيم (Pagination). جوجل غالباً مش بيضغط على زرار "تحميل المزيد". ده معناه إن كل الأخبار القديمة اللي تحت الزرار ده بقت "خارج الفهرس".
جدول المقارنة: التنفيذ الخاطئ مقابل الحل الاحترافي
| الخاصية (Feature) | الخطأ القاتل للسيو | الحل من ربكا نيوز |
|---|---|---|
| تحميل المقالات | الاعتماد الكلي على التمرير اللانهائي (Infinite Scroll). | توفير روابط ترقيم (Pagination) حقيقية في كود الـ HTML. |
| تبويبات المحتوى (Tabs) | إخفاء المحتوى تماماً حتى يتم النقر على التبويب. | جعل المحتوى موجوداً في الـ DOM وإخفاؤه بـ CSS فقط. |
| القوائم الجانبية | تحميل القائمة بعد تحميل الصفحة بـ JS. | تصيير الروابط المهمة في الـ HTML الأساسي من السيرفر. |
الفصل الرابع: ميزانية الزحف وانتحار المعالج
جوجل بيخصص وقت معين لكل موقع. الجافا سكريبت السيئة بتستهلك معالج (CPU) عناكب جوجل بجنون. لو السكربت بتاعك بياخد وقت طويل عشان يتنفذ، جوجل "هيزهق" وهيمشي قبل ما يكمل قراءة صفحتك. ده بيأدي لهبوط حاد في الترتيب.
إحنا في ربكا نيوز بننصح بضغط وتقليل ملفات الـ JS (Minification) وحذف أي كود مش بيتم استخدامه. كل "بايت" بتوفره، هو فرصة جديدة لمقال تاني إنه يتأرشف.
الخاتمة: ترويض الوحش البرمجي
الجافا سكريبت قوة جبارة، بس القوة دي لازم تتوجه صح. السيو التقني الناجح في 2026 هو اللي بيعرف يوازن بين جمال الموقع وبين سهولة قراءته من "الروبوتات". خليك دايماً فاكر إن الزائر الحقيقي الأول لموقعك هو "Googlebot"؛ لو هو ملقاش اللي بيدور عليه، الزائر البشري مش هيوصلك أصلاً.
أتمنى إن الحلقة دي من سلسلة ربكا نيوز تكون نورت لك مناطق كانت ضلمة في موقعك. الجافا سكريبت مش عدو، هي شريك محتاج تفاهم. نتقابل في الحلقة الجاية من "كورس السيطرة على جوجل"!
اكتب تعليقك الآن: