تجربة صفحة Google: تحديث الترتيب

نُشرت هذه المقالة لأول مرة في مايو 2020 ، وتم تحديثها في أبريل 2021.

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

تجربة الصفحة وأساسيات الويب الأساسية

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

يتم تقديم إشارة جديدة مفادها أن Google تقول "تجمع بين Core Web Vitals وإشاراتنا الحالية لتجربة الصفحة لتقديم صورة شاملة لجودة تجربة المستخدم على صفحة الويب".

يتم طرح هذه التغييرات في يونيو 2021.

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

ترتيب تجربة الصفحة

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

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

مقاييس صفحة المستوى الأعلى

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

• ما مدى سرعة تحميل الصفحة؟
• ما مدى سرعة استجابة الصفحة للمستخدمين؟
• ما مدى استقرار الصفحة (هل تقفز العناصر أثناء تحميلها)؟

يمكننا الآن تشغيل بعض مقاييس المستوى الأعلى لفك تشفير ما تعنيه. (الثلاثة الأولى هي ما يشار إليه باسم "حيوية الويب الأساسية".)

حيوية الويب الأساسية

• أكبر رسم محتوى (LCP) - يبحث هذا المقياس عن أكبر صورة أو كتلة نصية. يقيس الوقت الذي يستغرقه تحميل هذا العنصر في منفذ العرض. قد تكون هذه صورة بطل أو جزء كبير من النص. (من الناحية المثالية ، يجب أن يكون هذا أقل من 2.5 ثانية أو مساوٍ له).

• التحول في التخطيط التراكمي (CLS) - يقيس هذا المقياس الاستقرار البصري. بمعنى آخر ، يقيس مقدار تغير المحتوى أثناء تحميل الصفحة مما يجعل من الصعب قراءة المحتوى أو عرضه. (تريد أن يكون هذا أقل من أو يساوي 0.1.)

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

يجب أيضًا أن تؤخذ المقاييس التالية في الاعتبار كقياسات مفيدة لفعالية الصفحة:

• أول رسم محتوى (FCP) - يقيس هذا المقياس الوقت الذي يستغرقه تحميل النص الموجود أعلى الجزء المرئي من الصفحة. هذا هو المحتوى الذي تراه دون الحاجة إلى التمرير. سيؤثر وجود عدد كبير جدًا من الخطوط وملفات الخطوط الكبيرة على هذه النتيجة. كما سيبطئ تحميل الخطوط من الموارد الخارجية.

• مؤشر السرعة (SI) - يسجل هذا المقياس عندما تتغير الصورة في الجزء المرئي من الصفحة. هذا يعني أن مقاطع الفيديو وصور الأبطال تؤثر جميعها على درجة مؤشر السرعة.

• وقت التفاعل (TTI) - يقيس هذا المقياس المدة التي تستغرقها الصفحة لتكون جاهزة لإدخال المستخدم. ستؤثر تطبيقات التحميل المتأخر ونصوص التتبع أو التحليلات على هذا المقياس.

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

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

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

تحديث Search Console

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

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

كيفية التحضير لأساسيات الويب الأساسية (لا تنطبق جميعها على متاجر Shopify)

1 أكبر طلاء محتوى (LCP)

المشكلة المحتملة: بطء أوقات استجابة الخادم

حلول

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

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

المشكلة المحتملة: بطء أوقات تحميل الموارد

حلول

أ) قم بتحسين وضغط صورك باستخدام tinypng - فهو يقلل من حجم الملفات دون التضحية بالجودة ، لذلك يتم تحميلها بسرعة أكبر ولكن لا تزال تبدو جيدة.

ب) استخدم صورة CDN - سيؤدي ذلك إلى تقليل حمولة الصورة ، وتقديم صور مخصصة لكل جهاز يطلبها ، وإرسال الصور من حافة الشبكة.

المشكلة المحتملة: العرض من جانب العميل

حلول

أ) تصغير JavaScript الخاص بك وتأجيل JavaScript غير المستخدمة

ب) الاستفادة من العرض من جانب الخادم إذا كان ذلك ممكنًا

المشكلة المحتملة: JavaScript و CSS

حلول

أ) تصغير CSS - تحتوي ملفات CSS غالبًا على أحرف لتسهيل قراءتها ولكنها ليست ضرورية للمتصفح. يؤدي تصغيرها إلى إزالتها ومسحها حتى يتم تحسين الوقت اللازم لعرض الصفحة.

ب) تنزيل وتقديم الحد الأدنى من JavaScript الضروري للمستخدمين. تقليل حجم حظر JavaScript يعني تصيير أسرع وبالتالي LCP أفضل.

2 التحول في التخطيط التراكمي (CLS)

المشكلة المحتملة: تغييرات غير متوقعة في التخطيط

حلول

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

ب) تأكد من إدراج المحتوى المحقون ديناميكيًا أسفل المحتوى الحالي فقط حتى لا يؤدي إلى حدوث تغييرات غير متوقعة في التخطيط.

3 تأخير الإدخال الأول (FID)

المشكلة المحتملة: المتصفح لا يستجيب بسرعة للمستخدم (ربما لأنه لا يزال ينفذ JavaScript)

حلول

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

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

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