مميزات Chrome DevTools لاستكشاف أخطاء تحسين محركات البحث وإصلاحها

مميزات Chrome DevTools لاستكشاف أخطاء تحسين محركات البحث وإصلاحها وتحسين إمكانية الزحف إلى الموقع في احد اهم ادوات تحسين محركات البحث ,

بغض النظر عن اي ادوات قد تستخدمها لتحسين محركات البحث و تشخيص مشكلاته وحلها ,

فان Chrome DevTools توفر لك طرق مهمة للتحقق الفوري من مشكلات تحسين محركات البحث ,

ويمكن استخدام DevTools لمحترفي SEO في الاتي :

الوصول إلى Chrome DevTools

الوصول إلى Chrome DevTools أمر بسيط حيث بالضغط على زر الماوس الأيمن وانت بداخل اي موقع ويب واختيار Inspect

تستطيع الوصول الى ما تريد وذلك كما بالصورة التالية :

هناك استخدامات عديدة لهذه الاضافة ولكن سنقوم بالتركيز على الجزء الخاص بمقالتنا وهو تحسين محركات البحث ,

للدخول الى Console drawer اضغط على مفتاح Escape في الكيبورد ,

سيظهر لك الجزء المخصص Console drawer كما يلي :

الآن يمكنك استكشاف اخطاء السيو وإصلاحها من خلال هذه الاضافة .

تبديل User-Agent في DevTools

ويمكنك تبديل User-Agent لكشف عدد من المشكلات المختلفة حول كيفية رؤية Googlebot للمعلومات الموجودة على موقعك ومعالجتها ,

يمكن أن تعمل DevTools غالبًا كعدسة مكبرة مضمونة تسمح للمستخدمين بتكبير مشكلة معينة للكشف عن السبب الجذري .

فما هي كيفية تبديل User-Agent ؟

لتبديل  Chrome User-Agent استخدم علامة التبويب “Network Conditions” في ادراج وحدة التحكم كالتالي :

قم بإلغاء التحديد تلقائيًا ثم استخدام Googlebot Smartphone أو أي User-Agent اخر لمعرفة مدى تحسين المحتوى .

حالة موقع الجوال البديل

خذ موقعًا قد لا تعرض فيه جوجل علامة العنوان المحدثة أو الوصف التعريفي في SERPs ,

في إحدى الحالات بعد تحويل User-Agent إلى Googlebot Smartphone أصبح أن الموقع لا يزال يقدم موقعًا بديلًا للجوال إلى Googlebot ,

نظرًا لأن جوجل قد قامت بالفعل بالتبديل إلى فهرسة الجوال أولاً ,

قد تبدو مواقع الجوال وكأنها من بقايا الماضي البعيد ، لكنها بالتأكيد لا تزال موجودة ,

و بالبحث عن “site:m.*.com” يكشف أكثر من 2 مليار في بحث جوجل ,

في حين أنه قد يكون من السهل تحديد مشكلة مثل هذه في عملية الزحف من خلال البحث عن العلامة الوصفية rel=”alternate” meta tag ,

فإن تبديل User-Agent في Google Chrome يوفر فرصة رائعة لاكتشاف مشكلة محتملة دون الحاجة إلى مغادرة المتصفح .

الحماية المفرطة للسيرفر

هناك الكثير من المتسللين على الويب قد يحاولون استخدام قوة جوجل ضد أحد المواقع وسرقة بياناته او اضراره ,

و نتيجة لذلك قد تقدم بعض السيرفرات و شبكات CDN بعض ميزات الأمان المفرطة التي تحظر عمليات الانتحال لـ Googlebot ,

وذلك لمحاولة ضمان بقاء موقع عملائهم في امان من برامج الزحف غير المرغوب فيها ,

ومع ذلك قد يصبح الموقع شديد الحماية ينتهي الأمر بها الى منع Googlebot عن طريق الخطأ !

وهذا يحدث عندما نشاهد مثل الرسالة هذه : “Unauthorized Request Blocked” .

تشخيص حيوية الويب الأساسية

علامة تبويب واحدة مهمة في DevTools هي علامة تبويب “tab”

هذه اداة رائعة لاستكشاف الأخطاء وإصلاحها المتعلقة بسرعة الموقع ,

فمن المهم جدًا لمحترفي تحسين محركات البحث أن يكونوا على دراية بكيفية توضيح هذه المشكلات ,

خاصة وأن مشرفي المواقع أصبحوا أكثر وعيًا بأهمية أساسيات الويب الأساسية للبحث ,

يعد استخدام علامة تبويب الأداء في DevTools خطوة لفهم مقاييس الويب المهمة هذه بشكل أفضل .

كيفية إعداد علامة تبويب tab لتصحيح أخطاء الويب

في علامة التبويب العلوية في DevTools اضغط على علامة التبويب “tab”

تأكد من تحديد زر “Screenshots” ثم اضغط على أيقونة “Refresh” في علامة تبويب “tab” لتحميل الصفحة ,

حيث يعطي الملف الشخصي الذي يتم تحميله نظرة عامة عن المدة التي استغرقها تحميل الصفحة ، مع تمييز التوقيتات للأحداث المهمة ,

ضمن قسم التوقيت يمكن للمستخدمين رؤية علامات لأشياء مثل FCP و LCP أحد عناصر الويب الحيوية الأساسية لدينا ,

عند التمرير فوق علامة LCP يمكننا بالفعل رؤية جزء المحتوى الذي تم وضع علامة عليه ليكون أكبر رسم محتوى أثناء تحميل الصفحة ,

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

التحقق من التحول في التخطيط التراكمي

يتيح لك DevTools أيضًا تحديد العناصر التي قد تتسبب في تغيير التخطيط ,

في كثير من الأحيان ، عند انتهاء تحميل الصور والإعلانات ، قد يبدو المحتوى وكأنه يقفز على الشاشة ,

يحدث هذا عندما لا تحتفظ الصفحة بالممتلكات المطلوبة لهذه الأصول ,

مما قد يتسبب في نقل التنسيق ونقله أثناء تحميل المحتوى ,

للمساعدة في اكتشاف تحول التخطيط استخدم علامة التبويب Rendering في درج وحدة التحكم ,

حدد خيار مناطق تبديل التخطيط والتي ستبرز مناطق الصفحة التي تخضع لتغييرات في التخطيط أثناء تحميل المحتوى ,

سيتم بعد ذلك تمييز تحولات التخطيط باللون الأزرق أثناء تفاعلك مع الصفحة ,

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

تحقق جيدًا من رؤوس HTTP الخاصة بك

كثيرًا ما نسمع عن أخطاء soft 404 في عمليات تدقيق تحسين محركات البحث ,

تظهر أخطاء Soft 404 عندما قد يعرض المستعرض صفحة 404 ,

ولكن بدلاً من ذلك يُرجع رمز استجابة 200 OK ,

في بعض الحالات قد ترى تحميل المحتوى تمامًا كما هو متوقع على المتصفح ,

ومع ذلك قد يعرض رمز استجابة HTTP 404 أو 302 أو بشكل عام غير صحيح أو مختلف عما هو متوقع ,

في أي حال ، من المفيد رؤية رموز استجابة HTTP لكل صفحة ومورد ,

استخدم DevTools وانتقل إلى علامة التبويب Network ,

هنا ، يعرض DevTools جميع الموارد الفردية التي يتم استدعاؤها لتجميع الصفحة ورموز الحالة المقابلة وتصور الشلال ,

يسمح لنا عامل تصفية نوع الملف الموجود أعلى علامة تبويب Network بتضييق نطاق تركيزنا على أنواع محتوى معينة ,

بعد اختيار أحد الموارد ، تتيح لنا القائمة الفرعية Headers في علامة تبويب Network رؤية مجموعة من المعلومات المتعلقة بالملف المحدد ,

يتضمن ذلك جميع معلومات رأس HTTP مثل عنوان URL للطلب وطريقة الطلب ورمز الحالة وترميز المحتوى وتاريخ آخر تعديل والخادم وغير ذلك الكثير ,

يمكن أن تكون هذه معلومات مفيدة بشكل لا يصدق عند استكشاف الأخطاء وإصلاحها ,

يمكنك الاعتماد على هذه المعلومات من أجل :

• تحقق من تمكين ضغط GZip
• تحقق جيدًا من أن التحكم في ذاكرة التخزين المؤقت يعمل كما هو متوقع
• تحقق من أننا نرسل إلى Googlebot ووكلاء المستخدم الآخرين رمز الحالة المناسب

مراجعة التعليمات البرمجية غير المستخدمة

باستخدام علامة التبويب Coverage يمكنك الضغط بسرعة على إعادة التحميل وتحديد مقدار الشفرة التي يتم شحنها بالفعل ,

غالبًا ، سترى ملفات JavaScript و CSS بها نسبة كبيرة من الشفرات غير المستخدمة ,

عند استكشاف أخطاء سرعة الموقع أو أدائه ، غالبًا ما تكون هذه هي أول موارد حظر العرض التي يجب تقييمها من أجل التحسين ,

إذا كنت تقوم بشحن الكثير من CSS التي لم يتم استخدامها مطلقًا ، فسيكون ذلك بمثابة استنزاف كبير للأداء ,

تعمل CSS دائمًا على حظر العرض – ونتيجة لذلك ، يمكن أن تؤدي ملفات CSS الكبيرة إلى إبطاء سرعة الصفحة وأدائها بشكل كبير ,

من خلال تحديد البرامج النصية غير المستخدمة ، يمكن لمتخصصي تحسين محركات البحث ,

في كثير من الأحيان مساعدة المطورين ومشرفي المواقع على استكشاف الموارد التي تتطلب تحسينًا أفضل لتحسين الأداء ,

باختصار ، يعد Google Chrome أداة مهمة للغاية لتحسين محركات البحث في عملك ,

يمكن أن يشعر خبراء تحسين محركات البحث SEO بالقدرة على اكتشاف المشكلات من إمكانية الزحف إلى الموقع .

اخيرا لاتنسا الاشتراك في احد باقات خدمات السيو لدى شركة عرب اوبتميز .

ولاتنسى زيارة صفحات الشركة على السوشيال ميديا : فيسبوك – تويتر – انستجرام لمتابعة جديد عروض سيو .