JavaScript SEO: تأكد من أن موقعك قابل للفهرسة

ما هو جافا سكريبت SEO؟

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

هل جافا سكريبت سيئة لتحسين محركات البحث؟

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

لا تستخدم جميع المواقع جافا سكريبت بنفس الطريقة. بينما تستخدم بعض المواقع جافا سكريبت في التعليمات البرمجية الخاصة بها هنا وهناك، يستخدم البعض الآخر جافا سكريبت لتشغيل الأطر والميزات الأساسية.

على سبيل المثال، يمكن لأطر عمل JavaScript مثل Angular وReact مساعدة المطورين في إنشاء تطبيقات الويب بشكل أكثر كفاءة. تتطلب هذه الأطر أيضًا كود JavaScript أكثر شمولاً وتعقيدًا من موقع الويب العادي.

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

كيف تتعامل Google مع جافا سكريبت؟

قبل أن أتعمق في عملية التحسين، دعونا نلقي نظرة أقرب قليلاً على كيفية تعامل Google فعليًا مع جافا سكريبت.

تقوم Google بمعالجة JavaScript في ثلاث مراحل: الزحف والعرض والفهرسة. يبدأ Googlebot العملية عن طريق الزحف إلى عناوين URL الموجودة في قائمة الانتظار الخاصة به. يرسل طلبًا إلى الخادم باستخدام وكيل مستخدم متنقل ويسحب HTML من الموقع. لا تمتلك Google سوى كمية محدودة من موارد الحوسبة، ولا يمكنها تخصيص سوى عدد كبير جدًا للزحف إلى أي موقع واحد (ميزانية الزحف الخاصة بها). يقوم Google بمعالجة موارد HTML أولاً لحفظ موارد الزحف وتأجيل موارد JavaScript الخاصة بالصفحة للزحف لاحقًا عن طريق وضعها في قائمة انتظار العرض.

يسمح العرض لـ Googlebot بتنفيذ تعليمات برمجية JavaScript ومعرفة ما سيراه المستخدم إذا كان يتصفح الموقع، مما يتيح لـ Googlebot فهرسته بشكل صحيح. عند التعامل مع المواقع التي تعتمد بشكل كبير على JavaScript - وخاصة المواقع التي تستخدم نموذج shell التطبيق لعرض المعلومات المهمة في JavaScript - يجب على Googlebot أولاً تنفيذ كود JavaScript وعرضه لمعرفة المزيد حول محتويات الصفحة.

تؤدي عملية العرض هذه إلى حدوث تأخير حيث يتم إدخال تعليمات JavaScript البرمجية في قائمة انتظار خدمات عرض الويب، حيث تنتظر المعالجة. على الرغم من أن هذه العملية كانت تستغرق وقتًا طويلاً، إلا أن Google ذكرت مؤخرًا أن تأخير العرض يبلغ في الواقع 5 ثوانٍ فقط في المتوسط، حيث تتم معالجة 90٪ من المواقع في غضون دقائق. لسوء الحظ، هذا ليس ما يتمتع به كبار المسئولين الاقتصاديين من خبرة. أظهرت إحدى الدراسات أن Google استغرق وقتًا أطول بتسع مرات للزحف إلى جافا سكريبت مقارنة بـ HTML. بالإضافة إلى ذلك، قد تؤدي الأخطاء أو المهلات أو إعدادات ملف robots.txt إلى منع Googlebot من عرض الصفحة وفهرستها.

تؤدي الحاجة إلى عرض JavaScript إلى قيام Googlebot بفهرسة الصفحة على موجتين. بعد استخدام Chromium بدون رأس لعرض JavaScript، يقوم Googlebot بالزحف إلى HTML المعروض مرة أخرى وإضافة أي عناوين URL تم اكتشافها حديثًا إلى القائمة لمزيد من الزحف. ثم يستخدم HTML المقدم لفهرسة الموقع.

تقديم جافا سكريبت

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

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

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

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

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

العرض من جانب العميل

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

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

العرض الديناميكي

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

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

التقديم الثابت

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

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

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

ما هو نوع العرض الأفضل لتحسين محركات البحث؟

توصي Google باستخدام العرض من جانب الخادم، أو العرض الثابت، أو الجمع بين العرض من جانب العميل والخادم عبر إعادة التميؤ (نوع مشابه للعرض الديناميكي). لا تحظر Google العرض من جانب العميل، ولكن نظرًا لأنه قد يكون أكثر إشكالية، فهو غير مفضل تمامًا. مع زيادة مقدار JavaScript في التطبيق أو على الصفحة، يمكن أن يؤثر ذلك سلبًا على تفاعل الصفحة مع الطلاء التالي (INP، الذي سيكون جزءًا من Core Web Vitals في مارس 2024) عند عرضه من جانب العميل. عندما يتعلق الأمر بجافا سكريبت من جانب العميل، تنصح Google باتباع نهج "تقديم ما تحتاجه فقط، عندما تحتاج إليه".

نصائح لتقليل مشكلات JavaScript SEO

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

1. تأكد من قيام Google بفهرسة محتوى جافا سكريبت

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

يمكنك أيضًا استخدام العديد من أدوات Google المختلفة (أداة فحص URL واختبار التوافق مع الأجهزة المحمولة) وأدوات الجهات الخارجية (Screaming Frog وJetOctopus) للتعمق أكثر واختبار تنفيذ JavaScript. راجع قسم "الاختبار واستكشاف الأخطاء وإصلاحها" الموجود أسفل هذا الدليل لمعرفة المزيد حول استخدام هذه الأدوات للتحقق من أخطاء الفهرسة المتعلقة بجافا سكريبت.

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

2. اتبع أفضل ممارسات تحسين محركات البحث على الصفحة

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

3. استخدم الروابط الداخلية الفعالة

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

إذا كنت تستخدم JavaScript لإدخال الروابط بشكل ديناميكي في التعليمات البرمجية الخاصة بك، فتأكد من أنك لا تزال تقوم بإعدادها باستخدام علامات HTML المناسبة. أوصي أيضًا باستخدام أداة فحص عنوان URL من Google للتحقق مما إذا كان النص الأساسي موجودًا في ملف HTML النهائي المعروض. بالإضافة إلى ذلك، توصي Google بتجنب الارتباط بمعالجات أحداث JavaScript أو عناصر HTML مثل <div> أو <span> حيث قد يتسبب ذلك في حدوث مشكلات لـ Googlebot وقد يمنعه من الزحف إلى الارتباط.

4. ابتعد عن التجزئة في عناوين URL

يمكن لـ SPA (تطبيقات الصفحة الواحدة) استخدام عناوين URL المجزأة لتحميل طرق عرض مختلفة. ومع ذلك، تريد Google من مسؤولي الويب تجنب استخدام التجزئات في عناوين URL المجزأة، مما يشير إلى أنه لا ينبغي الاعتماد عليها للعمل مع Googlebot. وبدلاً من ذلك، يوصون باستخدام History API لتحميل محتوى مختلف بناءً على عنوان URL.

5. استخدم الصور ذات التحميل البطيء

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

لا يقوم Googlebot بالتمرير عند النظر إلى المحتوى؛ إنه يقوم فقط بتغيير حجم إطار العرض الخاص به. وهذا يعني أن أحداث التمرير المكتوبة قد لا يتم تشغيلها، وقد لا يتم عرض المحتوى. تقترح Google عدة طرق مختلفة للتأكد من تحميل كل المحتوى الموجود على صفحتك عند التحميل البطيء.

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

6. إصلاح المحتوى المكرر

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

7. قم بإجراء عمليات تدقيق منتظمة للموقع

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

الاختبار واستكشاف الأخطاء وإصلاحها

هناك العديد من الأدوات المختلفة التي يمكنك استخدامها لاختبار ما إذا كان Google يواجه صعوبة في فهرسة JavaScript على موقع الويب الخاص بك أو ما إذا كانت إصلاحات Google JavaScript SEO الأخيرة تعمل أم لا.

يجب أن تكون محطتك الأولى هي أدوات الويب من Google - وتحديدًا أداة فحص عنوان URL وأداة اختبار التناسب مع الأجهزة المحمولة. هذه الأدوات ليست مثالية، لأنها تنشئ نسخة من صفحتك من الموارد المتاحة في الوقت الفعلي، وليس نفس الإصدار المخزن مؤقتًا الذي يستخدمه العارض. ولكن لا يزال بإمكانهم إعطائك لمحة دقيقة جدًا عن كيفية تعامل Google مع جافا سكريبت الخاص بك.

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

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

بالإضافة إلى أدوات الويب هذه، هناك العديد من أدوات الجهات الخارجية التي يمكنك استخدامها للاختبار واستكشاف الأخطاء وإصلاحها. يمكن لأدوات الزاحف مثل Screaming Frog وJetOctopus عرض لقطات شاشة JavaScript لصفحاتك. ومع ذلك، ضع في اعتبارك أن هذه العروض ليست بالضرورة نفس تلك التي قد ينتجها Googlebot نظرًا لأن برامج الزحف الأخرى تنشئها.

احصل على المساعدة من خبراء تحسين محركات البحث الفنيين

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