دليلك النهائي إلى JavaScript SEO

ليس سراً أن مُحسّنات محرّكات البحث ككل قد انتقلت مؤخرًا نحو استخدام لغات أمامية مختلفة. يتطلب استخدام Google Tag Manager (GTM) معرفة أساسية بـ HTML و (أحيانًا) Vanilla JavaScript.

عند الحديث عن JavaScript ، كان هناك نقاش حديث حول سبب وكيفية قراءة برامج الزحف من Google JavaScript. تظهر بعض الأسئلة ذات الصلة:

• هل يقرأ Google JavaScript؟
• ما الذي يجب علي تغييره بالضبط إذا كان موقعي يستخدم جافا سكريبت بكثرة؟
• ما هو التقديم من جانب الخادم؟
• هل يجب أن أستخدمه لكل إطار عمل JavaScript على موقعي؟

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

مقدمة موجزة لجافا سكريبت الحديثة المطبقة على تحسين محركات البحث

إذا لم تكن خبيرًا في تطوير الواجهة الأمامية ، فإن JavaScript هي لغة برمجة عرض تُستخدم (اليوم) لأغراض الرسوم المتحركة عبر ما يسمى أساليب DOM. في شكله الأكثر تعقيدًا ، يتم استخدامه لإنشاء تطبيقات ويب أصلية باستخدام أطر مثل React و Vue. بينما تحظى React و Vue بشعبية كبيرة وبدأت العديد من المواقع في استخدام هذه الأطر ، بصفتك محترفًا في تحسين محركات البحث ، فمن المرجح أن تصادف هياكل قديمة مثل WordPress التي تعمل مع Vanilla و jQuery. لكي نكون دقيقين ، يرتبط تطبيق JavaScript في أنظمة إدارة المحتوى هذه في الغالب بعروض الشرائح والأكورديونات وأشكال أخرى من الرسوم المتحركة النصية.

لماذا يعتبر JavaScript أحد أهم عوامل تحسين محركات البحث؟

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

مع وضع هذا في الاعتبار ، من السهل جدًا فهم سبب تحول JavaScript إلى موضوع حساس بالنسبة إلى مُحسّنات محرّكات البحث. قد يؤدي حظر المحتوى الحيوي لأنه موجود في قائمة انتظار العرض هذه إلى إبطاء تصنيفاتك على الفور. تظهر هذه المشكلة في أبنية CMS مثل WordPress ، والتي تعتمد بشكل كبير على JavaScript.

هل يجب أن يكون ذلك هو الأولوية القصوى بالنسبة لي؟

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

الأطر وسرعة التقديم

تطورت JavaScript كثيرًا في الماضي القريب. أدى إدخال نصوص ECMA في 2014/15 إلى إدخال أطر عمل أسرع وأكثر كفاءة. React هي (لا تزال) مكتبة JavaScript الأكثر شيوعًا لأطر واجهة المستخدم. من الصعب تتبع أي مكتبة تعمل بشكل أفضل من حيث سرعة العرض من منظور Google. هناك العشرات من المتغيرات في الاعتبار ؛ نوع نظام إدارة المحتوى المستخدم ، وسلسلة الوظائف المتعددة والجوانب التقنية الأخرى التي لا ينبغي أن ترتبط فعلاً بـ SEO.

بالنظر إلى البيانات الحديثة ، يمكننا القول بأمان أن إطار عمل React هو الأسرع من حيث العرض نظرًا لبساطته. مرة أخرى ، الرسوم المتحركة للمحتوى وما شابهها تعتمد في الغالب على jQuery / Vanilla. سيكون من الأسهل بالنسبة لمتخصص تحسين محركات البحث التقني أن يواجه تلك الأطر بدلاً من بنى React الأكثر شيوعًا داخل واجهة المستخدم والتطبيقات الأصلية.

نحن ، في Red Cow ، نوصي دائمًا باستخدام مكونات React عند إنشاء تطبيقات الويب ، وهذا هو السبب في أننا وكالة مانشستر لتحسين محركات البحث الأكثر ثقة .

العرض / الجلب مثل Google: هل هو دقيق؟

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

أفضل طريقة لهيكلة المحتوى باستخدام موارد جافا سكريبت

يعد فصل المحتوى عن JavaScript أمرًا ممكنًا تمامًا ويكتمل بعدة طرق. يمكنك ، على سبيل المثال ، أن تطلب من مطوريك نقل جميع الرسوم المتحركة الخاصة بأساليب DOM والميزات إلى علامات بخلاف HTML لتحرير كل شكل من أشكال المحتوى من JavaScript. في حالة استخدام JavaScript للهياكل والمحركات (مثل Node ، بعض React ، Vue) ، قد ترغب في استخدام مكتبات العرض من جانب الخادم (SSR) ، مقابل عرض جانب العميل (CSR). تقوم هذه العملية بتنفيذ JavaScript والموارد الديناميكية داخل الخادم الخاص بك ، بدلاً من المتصفح الذي تختاره. لا يفيد هذا بشكل كبير قائمة انتظار العرض فحسب ، بل إنه يسرع بشكل كبير من وقت تحميل صفحتك.

تغليف

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