اجعل موقعك على الويب بجافا سكريبت صديقًا لكبار المسئولين الاقتصاديين باستخدام هذه الحلول

نشرت: 2022-01-19

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

يعتمد محتوى JavaScript كثيرًا على كيفية عرض موقع الويب الخاص بك للشفرة.

على سبيل المثال ، في العرض من جانب الخادم ، يحتوي الخادم على محتويات موقع الويب. بناء على طلب ، يتلقى المتصفح HTML كامل العرض.

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

الخيار الثالث للعرض هو العرض الديناميكي ، حيث ينتقل المحتوى المقدم من جانب العميل إلى المتصفح ، بينما ينتقل المحتوى المعروض على جانب الخادم إلى محرك (محركات) البحث.

تؤثر تقنيات العرض على كيفية تقديم JS ومن ثم ترتيب الصفحات.

للتأكد من تقديم جميع كود JS لموقع الويب الخاص بك ، يجب عليك اتباع ممارسات JavaScript SEO المناسبة. لكن أولاً ، دعونا نفهم ما هو JavaScript SEO.

ما هو JavaScript SEO؟

يُسهل JavaScript SEO على محركات البحث الزحف إلى كود JavaScript وفهرسته (محتوى ديناميكي) لموقع ويب (أو صفحة ويب). يقوم Google أو أي محرك بحث آخر بمعالجة JavaScript في ثلاث مراحل ، مثل الزحف والعرض والفهرسة. لكي تقوم Google بكل ذلك ، يجب أن يكون محتوى JavaScript سهلًا لتحسين محركات البحث ، أي مرئيًا ومتاحًا.

كيف تعالج Google محتوى جافا سكريبت على الصفحة

فيما يلي الخطوات التي يتبعها Googlebot لمعالجة JavaScript:

  • يجلب عنوان URL من قائمة انتظار الزحف عبر طلب HTTP
  • يتحقق من ملف robots.txt لعناوين URL التي لا يسمح الموقع بالزحف إليها
  • يتخطى عناوين URL "غير المسموح بها" ويحلل الاستجابة لعناوين URL الأخرى ويضيفها إلى قائمة انتظار الزحف
  • يضع الصفحات في قائمة انتظار للعرض ، باستثناء تلك التي تم وضع علامة عليها بحيث لا يتم فهرستها
  • يعرض Chromium الصفحة وينفذ جافا سكريبت ويفهرس الصفحة
  • يوزع HTML الذي تم تقديمه مرة أخرى للروابط
  • يضع عناوين URL في قائمة الانتظار للزحف

متى لا تقوم Google بفهرسة محتوى جافا سكريبت؟

جوجل وجافا سكريبت

يمكن لـ Google فهرسة JavaScript عند تنفيذها بشكل صحيح. على سبيل المثال ، إذا كانت بعض ملفات JS و CSS الخاصة بك مخفية ، فقد لا تتمكن Google من الزحف إلى موقع الويب بشكل صحيح. وبالمثل ، إذا كانت لديك روابط في HTML الأولي غير موجودة في HTML المعروض ، فقد يتخطى Google هذه الروابط حتى لا يتم الزحف إليها أو فهرستها.

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

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

لماذا يعد JavaScript SEO مهمًا؟

يعد JavaScript SEO مهمًا لأنه يؤثر على العديد من العناصر الموجودة على الصفحة وعوامل الترتيب التي يقوم Google (أو محركات البحث) بمسحها بحثًا عن تحسين محركات البحث:

عنصر في الصفحة مشكلة محتملة في تحسين محركات البحث ممكن حل تحسين محركات البحث
المحتوى المقدم لا يمكن لمحركات البحث (مثل Google) عرض صفحتك إذا تم حظر مواردها في ملف robots.txt الخاص بموقعك. أيضًا ، لا تستطيع Google فهرسة ملفات JS و CSS المحظورة أو المخفية أو عرضها. قم بتقليل JavaScript في المحتوى الأساسي للصفحة ، اتبع طرقًا بديلة للعرض من جانب العميل ، مثل العرض من جانب الخادم ، والعرض الديناميكي ، والعرض المختلط (مزيج من جانب العميل وجانب الخادم)
الروابط إذا كانت بعض الروابط داخلية أو تنشئ JavaScript روابط لعنوان URL عندما ينقر المستخدم عليها ، فلن يتمكن Google من اكتشاف هذه الروابط. استخدم روابط الارتساء مع سمة href ونصوص الربط الوصفية للروابط. لم يتم الزحف إلى الروابط الزائفة مثل <div> و <span>
البيانات الوصفية ما لم يكن الموقع يستخدم حزم Node.js مثل vue-meta ، فقد تقوم محركات البحث بالزحف إلى نفس الحزم ، أو الأسوأ من ذلك ، عدم وجود بيانات وصفية لكل عرض أو صفحة. استخدم حزم Node.js مثل خوذة التفاعل ، vue-meta ، العلامات الوصفية المتفاعلة
صور محملة كسول لا يختار زاحف محرك البحث أي محتوى تم وضع علامة عليه للتحميل البطيء. لا يمكن لمحرك البحث التمرير بحثًا عن المحتوى ، وبالتالي قد لا يتم عرض بعض المحتويات مطلقًا. استخدم واجهة برمجة تطبيقات IntersectionObserver ، التي تتفهم رؤية عناصر DOM وموضعها بمجرد توفرها. يمكنك أيضًا استخدام ميزة التحميل البطيء الأصلية للمتصفح (Chrome).
أوقات تحميل الصفحة قد يكون تحميل الصفحة التي تحتوي على الكثير من محتوى جافا سكريبت بطيئًا ، مما قد يؤثر على تصنيفها في البحث. أضف كود JS المضمن وتأجيل كود JS غير الهام حتى يتم عرض المحتوى الرئيسي ، مما يقلل من كود JS العام.

أفضل الممارسات لجافا سكريبت SEO

باتباع بعض أفضل الممارسات ، يمكننا جعل محركات البحث تقوم بالزحف إلى الصفحات وعرضها بشكل أفضل:

أضف الروابط والصور وفقًا لمعايير الويب المحددة

أضف جميع الروابط باستخدام علامة ahref بدلاً من onclick أو #pageurl أو window.location.href='/page-url . يمكن لـ Google الزحف بسهولة إلى الروابط ومتابعتها.

 <a href=”http://geekflare.com”>Welcome to Geek world</a>

بالطريقة نفسها ، أضف صورًا باستخدام علامة img src وليس علامة img data-src :

 <img src=”myimg.png” />

تفضل التقديم من جانب الخادم

تأكد من أن محتوى موقع الويب الخاص بك متاح على الخادم بصرف النظر عن متصفح المستخدم.

تأكد من احتواء HTML الذي تم تقديمه على كل المحتوى المهم الذي تريد عرضه

يجب أن يحتوي HTML المعروض على العنوان الصحيح ، وبرامج الروبوت الوصفية ، والأوصاف التعريفية ، والصور ، والبيانات المنظمة ، والعلامات الأساسية.

جعل موقع JavaScript الخاص بك SEO سهلًا

كود جافا سكريبت

لاختبار تنفيذ JavaScript SEO على صفحة الويب الخاصة بك ، يمكنك اتباع الخطوات التالية:

  • تعرف على مقدار JavaScript الذي يستخدمه موقع الويب الخاص بك: لهذا ، يمكنك ببساطة تعطيل JavaScript في متصفحك. إذا كنت لا ترى الكثير من المحتوى ، فهذا يعني أن موقع الويب الخاص بك يعتمد إلى حد كبير على JavaScript.
  • تحقق مما إذا كان Googlebot يحصل على كل المحتوى والعلامات المهمة: يمكنك استخدام أداة الاختبار المتوافقة مع الجوّال من Google أو أداة اختبار النتائج المنسّقة للتحقق من كيفية استخدام Googlebot لـ HTML الخام لعرض المحتوى.
  • يمكنك أيضًا استخدام امتدادات chrome مثل View Rendered Source لفهم كيفية تغيير JavaScript للصفحة ومقارنة مصدر HTML بالصفحة المعروضة.
  • يمكنك التحقق من العلامات المهمة (العنوان ، الوصف التعريفي ، إلخ) على HTML المعروض باستخدام ملحق SEO Pro Chrome.

استنتاج

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

لقد رأينا أيضًا بعض أفضل الممارسات والأدوات لجعل موقع JavaScript الخاص بك مُحسنًا لمحركات البحث. الأدوات الرائعة الأخرى التي تساعد Google في التعرف على المحتوى الديناميكي الخاص بك والزحف إليه هي Prerender و AngularJS و Huckabuy.

يمكنك أيضًا التحقق من بعض أفضل الطرق لتقليل وقت تحميل موقع الويب.