Core Web Vitals: تحسين إشارات تجربة الصفحة من جوجل

Core Web Vitals
آخر تحديث بتاريخ فبراير 3, 2023

Core Web Vitals من جوجل عبارة عن مجموعة من المقاييس التي تقيس تجربة المستخدم في العالم الحقيقي لتحميل الأداء والتفاعل والاستقرار البصري للصفحة.

اعتبارًا من منتصف يونيو من عام 2021، بدأ التأثير على تصنيفات بحث جوجل.

في هذه المقالة، سنغطي ما هي Core Web Vitals، وكيف تلعب في تصنيفات البحث الخاصة بك، وما يمكنك القيام به لتحسينها.

ما هي Core Web Vitals؟

تعد “مؤشرات أداء الويب الأساسية” Core Web Vitals، مجموعة من ثلاثة عوامل أو مقاييس محددة تستخدمها جوجل لتحليل تجربة المستخدم الإجمالية لصفحة الويب.

تعد Core Web Vitals إحدى إشارات تجربة الصفحة من جوجل، إلى جانب التوافق مع الجوّال والتصفح الآمن وأمان HTTPS وإرشادات العناصر البينية المتطفلة.

تجربة الصفحة عبارة عن مجموعة من الإشارات التي تقيس كيفية إدراك المستخدمين لتجربة التفاعل مع صفحة الويب. اعتبارًا من منتصف شهر يونيو من عام 2021، تم الآن تضمين Core Web Vitals وبقية إشارات تجربة الصفحة في تصنيفات بحث جوجل.

تتكون Core Web Vitals من ثلاثة مقاييس مختلفة.

أكبر رسم محتوى (تحميل)

تعرف أول Core Web Vitals باسم أكبر رسم محتوى (LCP). يقيس LCP أداء تحميل الصفحة.

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

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

لتوفير تجربة مستخدم جيدة، يجب أن يحدث LCP في غضون 2.5 ثانية من وقت بدء تحميل الصفحة لأول مرة.

أول تأخير في الإدخال (التفاعل)

أول تأخير للإدخال (FID) هو ثاني أساسي للويب، ويقيس التفاعل. يجب أن يكون للصفحات التي تسعى إلى تقديم تجربة مستخدم جيدة معرف FID يبلغ 100 مللي ثانية أو أقل.

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

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

التحول في التخطيط التراكمي (الاستقرار البصري)

يسمى “حيوي الويب الأساسي” الأخير “تغيير التخطيط التراكمي” (CLS). إنها مسؤولة عن قياس الثبات المرئي للصفحة.

يقيس هذا المقياس المجموع الإجمالي لجميع درجات إزاحة التخطيط الفردي لكل تحول تخطيط غير متوقع يحدث طوال العمر الافتراضي الكامل للصفحة.

تتراوح درجة CLS من صفر إلى أي رقم موجب. يعني الصفر عدم وجود إزاحة للصفحة، بينما كلما زاد الرقم، زاد إزاحة التخطيط على الصفحة.

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

أدوات لقياس Core Web Vitals من جوجل

إن معرفة ما هي Core Web Vitals أمر مفيد، ولكن هذه المعلومات ليست مفيدة بشكل خاص إلا إذا كنت تعرف كيفية قياس Core Web Vitals وتحسينها بمجرد معرفة نتائجها.

هناك ثلاث أدوات رائعة يمكن أن تساعدك على قياس Core Web Vitals الخاصة بك بسهولة.

تقرير تجربة مستخدم جوجل

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

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

رؤى PageSpeed

الأداة التالية التي يجب أن تكون على دراية بها هي رؤى PageSpeed .

رؤى PageSpeed هي أداة تحلل محتوى صفحة الويب، ثم تنشئ اقتراحات عبر تقرير لجعل هذه الصفحة أسرع.

التحذير الوحيد لهذه الأداة هو أنه يجب فحص كل عنوان URL يدويًا.

تقرير Core Web Vitals

تقرير جوجل Core Web Vitals هو أداة أخرى قد ترغب في معرفة كيفية استخدامها. يخبرك هذا التقرير بكيفية أداء صفحاتك، وتستند هذه المعلومات إلى بيانات الاستخدام الواقعية (المعروفة أيضًا باسم بيانات الحقل).

يعرض أداء عنوان URL الذي تم تجميعه حسب الحالة ونوع المقياس ومجموعة عناوين URL (مجموعات من صفحات الويب المتشابهة).

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

كيفية تحسين Core Web Vitals

يجب أن تعرف الآن ما هي جوجل Core Web Vitals، وكيف يتم قياسها، وأين يمكنك العثور على تقارير القياس الخاصة بها.

إذا وجدت أن أرقام Core Web Vitals الخاصة بك ليست في المكان الذي تريده، فسنغطي كيفية تحسينها أدناه.

نصائح لتحسين التحميل (LCP)

فيما يلي الأسباب الأكثر شيوعًا لضعف درجة LCP:

  • أوقات استجابة الخادم البطيئة
  • يحظر عرض جافا سكريبت و CSS
  • أوقات تحميل الموارد البطيئة
  • التقديم من جانب العميل

إذن ما الذي يمكنك فعله لتحسين درجة LCP الخاصة بك؟

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

نصائح لتحسين التفاعل (FID)

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

جرب هذه النصائح:

  • تصغير جافا سكريبت: عند تحميل جافا سكريبت، لا يوجد أي شيء يمكن للمستخدمين فعله للتفاعل مع الصفحة. هذا يعني أن تقليل أو تأجيل جافا سكريبت على صفحتك يعد طريقة رائعة لتحسين FID.
  • قم بإزالة البرامج النصية غير الضرورية لجهات خارجية: على غرار LCP، يمكن للبرامج النصية التابعة لجهات خارجية أن تسحب FID الخاص بك.
  • استخدام ذاكرة التخزين المؤقت للمتصفح: يتيح لك استخدام ذاكرة التخزين المؤقت للمتصفح تحميل المحتوى على صفحتك بشكل أسرع. يمكن أن يؤدي القيام بذلك إلى التأكد من أن متصفح المستخدم ينفذ مهام جافا سكريبت بشكل أسرع.

نصائح لتحسين الاستقرار البصري (CLS)

إذا كانت نتيجة CLS لديك ضعيفة، فهذه هي الأسباب التي من المرجح أن يتم إلقاء اللوم عليها:

  • صور بدون أبعاد
  • الإعلانات والتضمينات وإطارات iframe بدون أبعاد
  • المحتوى المحقون ديناميكيًا
  • تسبب خطوط الويب في FOIT / FOUT
  • الإجراءات تنتظر استجابة الشبكة قبل تحديث DOM

مع وضع ذلك في الاعتبار، إليك ما يمكنك فعله لتقليل CLS:

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

خاتمة

لقد كانت Core Web Vitals جزءًا من تجربة الصفحة الإجمالية لفترة من الوقت الآن، ولكن بدءًا من منتصف يونيو، ستبدأ أيضًا في التأثير على نتائج الترتيب في بحث جوجل.

وهذا يعني أنه كلما فهمت بشكل أفضل المقاييس التي تشكل Core Web Vitals، وكيفية قياس تلك المعلومات وتتبعها، وما يمكنك القيام به لتحسين نتائجك، كانت فرصك أفضل في تعزيز مكانتك في تصنيفات جوجل.

لمزيد من التفاصيل حول جوجل Core Web Vitals وكيفية جعلها تعمل من أجلك، راجع Web Vitals من جوجل.

Mohamed Zakaria

كاتب تقني حر: كتابة المقالات الحديثة والمثيرة للاهتمام. بدأت حياتي في متابعة الكتابة بدوام كامل منذ 3 سنوات.

اترك تعليقاً