Google Core Web Vitals 2022

ومعظم هذه المناقشات تدور حول مؤشرات الويب الحيوية الجديدة لقياس السرعة من Google. ومع ذلك ، ها هي الجوهرة.

تسعى مُحسّنات محرّكات البحث جاهدة لتحقيق أفضل نتيجة لسرعة الصفحة بانتظام منذ أن ذكرت Google ، أن مشاركة المستخدم هي عامل تصنيف مهم.

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

هذا هو بالضبط ما حطمته Google بمقدمة Core Web Vitals.

من خلال بيان Google بشأن مقاييس Web Vitals الجديدة ، يفهم مالكو مواقع الويب الآن السرعة المثالية التي يجب أن يسعوا لتحقيقها.

على الرغم من أنهم قلقون أكثر قليلاً!

في الوقت الحاضر ، تركز مواقع الويب بشكل أكبر على النتائج المتراكمة المحددة التي تظهر على أدوات مثل PageSpeed ​​Insights من Google و Pingdom و GTMetrix.

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

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

توصلت Google إلى المفهوم المحدد لـ Core Web Vitals للتأكد من أن مشرفي المواقع يقضون وقتًا ممتعًا في تحسين مقاييس السرعة.

علاوة على ذلك ، فإن هذا يعطي قيمة للمستخدمين وليس للمتصفح سواء من Google bots لهذا القلق.

باختصار ، "حيوية الويب" هي مجموعة من العوامل الدقيقة ،

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

تجمع Google بين 3 عوامل جديدة في عوامل تصنيف تجربة الصفحة الرسمية.

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

كما هو الحال في معظم مُحسّنات محرّكات البحث في عام 2020 ، جعلت هذه العوامل معظم المواقع أكثر جاذبية للمستخدمين وكذلك لجوجل ، لذلك من المتوقع أن تزيد من جودة تحويل هذه المواقع ومدى تصنيفها.

أعلنت Google بالفعل في يونيو 2021 أن Core Web Vitals ستعمل كعوامل تصنيف.

لقد أعلنوا أيضًا أنهم سيجمعون المزيد من "إشارات تجربة الصفحة" في المستقبل:

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

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

بالإضافة إلى امتلاك تأثير على الترتيب ، تستعد Google للحصول على "علامة مرئية تسلط الضوء على الصفحات في نتائج البحث التي تتمتع بتجربة صفحة رائعة".

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

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

تشمل أهم العوامل أوقات تحميل الصفحة ، وملاءمة الهاتف المحمول ، وتجنب الإعلانات المتطفلة ، وبروتوكول HTTPS الآمن ، فضلاً عن استقرار الصفحة.

عوامل الترتيب الحالية لـ "تجربة الصفحة"

هي تجربة المستخدم:

• آمن: هل يمتلك الموقع المحدد شهادة SSL؟
• آمن: هل هناك أي برامج ضارة سواء كانت أساليب خادعة مستخدمة على الموقع؟
• متوافق مع الجوّال: هل يمكن التنقل بسهولة في موقع الويب المحدد على أي هاتف محمول؟
• غير تدخلي: هل هناك بعض الإعلانات البينية مثل النوافذ المنبثقة؟

جديد: أساسيات الويب الأساسية

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

التحميل: تأكد دائمًا من سرعة تحميل المحتوى الأول على صفحتك.

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

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

باختصار ، يركز تحديث Google Core Web Vital على تفاعل المستخدم من خلال صفحات الويب الخاصة بك ، علاوة على ذلك يمكن اعتباره أكثر من تحديث لتجربة الصفحة.

تشير Google إلى النظر إلى الأشياء على أنها تحول في التخطيط علاوة على الاستقرار المرئي لقياس وتقييم تفاعل إيجابي إما سلبي للمستخدم.

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

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

وبالتالي ، فإن تحسين تصنيف موقع الويب الخاص بك وكذلك الأداء في البحث العضوي يضمن عدم تأثره سلبًا.

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

لماذا ترسل Google المستخدمين إلى موقع ويب سيخيب آمالهم عندما يمكنهم إرسالهم إلى موقع ويب يكون أكثر متعة في استخدامه؟

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

ينص إعلانهم الرسمي على أن هذا شيء جيد لتجربة الويب الشاملة.

يظل LCP مُقاسًا بمقدار الوقت الذي يستغرقه تحميل المحتوى الأساسي لأي صفحة. هذا هو الوقت من النقر على الرابط المحدد لعرض المحتوى على الشاشة.

يشير LCP إلى تأثره بشكل كبير من خلال وقت عرض أكبر مقطع فيديو أو صورة أو نص في منفذ العرض. يمكن لمالكي مواقع الويب ترقية LCP من خلال:

• إزالة كافة البرامج النصية غير الضرورية الخاصة بالجهات الخارجية
• إعداد التحميل البطيء
• ترقية مضيف الويب الخاص بهم
• إزالة كافة عناصر الصفحة الكبيرة

يجب أن يكون قياس LCP المثالي دائمًا 2.5 ثانية على الأقل أو أسرع.

يقيس FID الوقت المحدد الذي تستغرقه أي صفحة لتصبح أكثر تفاعلية.

إنه مقدار الوقت المحدد الذي تستغرقه الصفحة لتكون متاحة لتفاعل المستخدم مثل التمرير أو النقرات أو إدخال لوحة المفاتيح.

اعتادت Google على اعتبار FID ضروريًا لأنه يضع في الاعتبار كيفية تواصل المستخدمين الواقعيين مع المواقع. يمكن لمالكي مواقع الويب تحسين FID من خلال:

• تصغير (أو تأجيل JavaScript)
• إزالة كافة البرامج النصية غير الهامة الخاصة بالجهات الخارجية
• استخدام ذاكرة التخزين المؤقت للمتصفح

يظل القياس المثالي دائمًا لـ FID أقل من 100 مللي ثانية.

يقيس CLS الاستقرار المرئي لأي صفحة ويب. إنه مقدار التغيير غير المتوقع في التخطيط لمحتوى الصفحة المرئية. يمكن لمالكي مواقع الويب تقليل CLS من خلال:

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

يجب أن يكون القياس المثالي لـ CLS دائمًا أقل من 0.1.

مع تقدم التكنولوجيا ، قد تتغير النتائج الحالية بناءً على ما يتوقعه المستخدمون لاستمرار تجربة الويب الجيدة.

لحسن الحظ ، هناك بعض الطرق لتحليل موقع الويب الخاص بك.

يمكنك العثور على مصفوفات Core Web Vitals من خلال مجموعة من الأدوات مثل Google Search Console و PageSpeed ​​Insights و Lighthouse.

إذا لم تكن معتادًا على هذه الأدوات ، فإن البديل الأسهل لك هو إدخال عنوان URL لموقع الويب الخاص بك في أداة PageSpeed ​​Insights معينة.

بالإضافة إلى ذلك ، انظر إلى النتيجة من بين 100 تحصل عليها للجوال وكذلك لسطح المكتب. هذه هي النتيجة الإجمالية لسرعة الصفحة وهي لقطة رائعة لكيفية موقعك على الويب.

يعد استخدام Google Search Console طريقة أخرى أسهل لمعالجة صفحات متعددة.

تمتلك GSC قسمًا ضمن التحسينات في التنقل الرئيسي حيث يمكنك عرض عدد الصفحات على موقع الويب الخاص بك المتأثر بكل Google Core Web Vital.

بعد النقر فوق هذا القسم ، ستعرض تقريرًا لكل مشكلة حيوية في Google Core Web Vital قد يواجه فيها موقع الويب الخاص بك صعوبة.

2. عدد الصفحات الموجودة على موقع الويب الخاص بك والتي تتأثر ببرنامج Google Core Web Vital الخاص.

3. نموذج لصفحة تحدث فيها هذه المشكلة. هذا هو الفرق الرئيسي بين التقرير وكذلك تقارير GSC الأخرى.

لن تعرض لك تقارير Google Core Web Vitals جميع الصفحات التي تحتاج إلى إصلاحها.

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

4. أي قائمة بما يصل إلى 20 صفحة مماثلة حيث تحدث هذه المشكلة. كل مثال على عنوان URL سيمنحك بعض الصفحات المتشابهة.

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

على سبيل المثال ، إذا كان لديك أي مشكلة في / blog / / تحدث المشكلة نفسها أيضًا في الصفحات الموجودة في / النشرات الصحفية / القسم الخاص بك ،

بعد ذلك سترى واحدًا فقط من تلك الموجودة في أمثلة عناوين URL ، ولكن سيظهر عنوان آخر في جوانب الأمثلة.

يجب أن يوصيك هذا بأن المزيد من الصفحات في / الإصدارات الصحفية / ستتطلب نفس الإصلاح.

وكيف يمثلون نقاط ضعف لجمهورك الذين يحاولون الوصول إلى المحتوى الخاص بك والتفاعل مع العلامات التجارية الخاصة بك.

حان الوقت لاتخاذ إجراء لتحسين هذه المقاييس - ولكن الأهم من ذلك ، تحسين تفاعلك مع جمهورك.

سيكون كل موقع فريدًا إلى حد ما. قد يكون من النادر أن يعاني موقعان منفصلان من نفس المشكلات.

لذلك ، من الضروري البحث في المجالات الخاصة بك وتحليلها بشكل فردي لتحديد أولويات التحديثات التي ستكون مفيدة للغاية.

بالطبع ، هناك أيضًا مشكلات شائعة تواجهها مواقع الويب ، وبالتالي يمكنك أن تؤدي إلى إصلاحات شائعة للمشكلات التي قد تواجهها.

• تنفيذ التحميل الفوري بنمط PRPL
• تحسين ملفات CSS
• قم بتحسين مسار العرض الحرج الخاص بك
• تحسينات حجم ملف الصورة وكذلك عمليات الضغط
• تحسين JavaScript (للمواقع التي يعرضها العميل)
• تحسين خطوط الويب أو إزالتها

• تقليل التأثير المحدد للتعليمات البرمجية الخاصة بطرف ثالث
• التقليل من عمل الخيط قبل كل شيء
• تقليل وقت تنفيذ JavaScript
• يعتبر طلب الفهم منخفضًا ، وكذلك النقل ، بأحجام صغيرة

• أضف سمات الحجم إلى صورك بالإضافة إلى عناصر الفيديو أو احجز المساحة المحددة عن طريق مربعات نسبة العرض إلى الارتفاع في CSS.
• لا تقم أبدًا بتضمين المحتوى فوق المحتوى الموجود ، دون الرد على تفاعل المستخدم.
• استخدم رسوم التحويل المتحركة بدلاً من الرسوم المتحركة للخصائص المستخدمة لفرض تغييرات التخطيط.

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

لحسن الحظ ، هناك عدد قليل من الحلول التي توصي بها Google والتي تُستخدم للتأكد من تجربة مستخدم ممتعة على موقع الويب الخاص بك ، والتي بدورها تعمل أيضًا على تحسين عائد الاستثمار.

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

1. CDN للصور: إذا تم تحميل الصور من نفس الخادم ، فقد يؤدي ذلك إلى زيادة ضغط التحميل على الخادم.

أقوى طريقة للتخلص من هذه العقبة هي استخدام خادم CDN.

تعد AWS ، بالإضافة إلى Cloudflare ، حاليًا أكثر الاختيارات موثوقية إذا كنت تبحث عن مزود صورة CDN جيد.

2. تنسيق WebP: تحتاج أيضًا إلى التأكد من أن CDN الذي اخترته يحول الصور بتنسيق WebP ، وهو تنسيق الصور الموصى به من Google لصور الويب.

3. LazyLoad: يؤدي تنفيذ تقنية التحميل البطيء إلى زيادة نقاط WebVitals نظرًا لأن موارد الصور التي تظهر على الشاشة تأتي مع حمولة البداية.

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

طوال عملية التحميل ، يتم تحميل أبعاد الصور خارج الشاشة فقط لتجنب فاصل الصفحة.

2. تصغير الموارد: الخطوة الأولى لتحسين JavaScript & CSS هي تقليل موارد معينة.

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

إنها ميزة أساسية تسمح بها معظم مكونات التحسين الإضافية.

3. الجمع بين CSS و Javascript: إن استخدام ملف واحد لتحميل كود JavaScript المحدد و CSS سيقلل من عدد الطلبات علاوة على ذلك يمكن أن يؤدي إلى تسريع العرض.

من خلال تسهيل ذلك ، سيتم استخدام ملف واحد لتقديم جميع موارد CSS وسيتم تجميع كل مورد حسب نوع الوسائط.

يحدث الشيء نفسه مع JavaScripts حيث يمكن تقليل عدد طلبات DOM ، مما سيزيد من سرعة الأداء الإجمالية.

4. تقليل حظر العرض: السبب الأكثر شيوعًا لبطء درجة PageSpeed ​​هو الاستخدام المفرط لجافا سكريبت و CSS.

على الرغم من أن بعض ملفات Java و CSS ضرورية للاستقرار العام لمواقع الويب ، إلا أنه لا يتعين تحميل جميع ملفات الجزء المرئي من الصفحة ، مما يجعله يحظر العرض.

من المهم جدًا تحسين إنجاز JavaScript غير الهام وكذلك CSS. تأكد من تقديم هذه الملفات مباشرة بعد اكتشاف تفاعل المستخدم من خلال موقع الويب.

يمكن للخيار تحسين درجة PageSpeed ​​بشكل كبير بالإضافة إلى مساعدتك أيضًا في تحقيق درجة Web Vitals المثالية.

5. تقديم CSS & JavaScript باستخدام CDN: مرة أخرى ، حتى تقوم بتنفيذ CDN لتحميل JavaScript & CSS ، فأنت تعتمد على السرعة المحددة لخادمك لتقديم كل هذه الموارد.

في معظم الأحيان ، بدون CDN ، يمكنك تقليل الحمل على الخادم على الرغم من أنه لا يزال يتعرق.

يتسبب هذا في الكثير من التأخير في عرض الصفحات المحددة كما يؤدي إلى سرعة أبطأ للصفحة.

لتحسين الخط ، تأكد من أن CDN الخاص بك يمكنه تجاوز سلوك عرض الخط.

نظرًا لأنه يمكن لشبكة CDN موثوقة تبديل خط نص معين بالإضافة إلى عرض الخط الأصلي بمجرد تحميله من CSS.

في الحالات الشائعة ، يحدث ذلك في غضون بضع ميكروثانية حيث يتم تسليم كلا الموردين من خادم CDN مماثل في وقت واحد.

يمكن أن يقلل ذلك بشكل كبير من التحول في التخطيط التراكمي بالإضافة إلى توفير درجة مثالية لأساسيات الويب.

لكن لا يمكن للعديد من الشركات أن تفضل التخلص من مقاطع الفيديو هذه لأنها جزء من العرض التوضيحي للمنتج إما فيديو التعريف.

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

تأكد أيضًا من تحميل موارد الفيديو ببساطة عندما ينقر المستخدم على زر "تشغيل الوسائط / الفيديو" المحدد (وفقًا لأفضل تجربة للمستخدم).

وعند تنفيذ هذا التحسين ، سيُظهر بالتأكيد 70٪ من التحسن في الأداء في Lighthouse.

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

لذلك ، يظل ضمان بقاء الخادم الخاص بك مستجيبًا وسريعًا أمرًا ضروريًا.

حتى ، يمكنك فحص موقع منافسيك أيضًا.

سيساعدك ذلك على فهم مقدار الوقت الذي ستحتاجه لاستثماره للبقاء متقدمًا على هذا التحديث المحدد وكذلك منافسيك.

من هذا ، يمكنك إنشاء خطة لما تحتاج لأداء هذا العام.

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

والخبر السار هو أن كل هذه المقاييس المعطاة يسهل اختبارها.

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

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

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