حيوية الويب الأساسية - ما هي وكيفية تحسينها؟

قدمت Google برنامجًا جديدًا في عام 2020 ، يسمى Web Vitals. يشير هذا إلى تقنية تقدم إرشادات بشأن إشارات الجودة. وفقًا لـ Google ، تعد هذه المقاييس ضرورية لتقديم تجربة مستخدم ممتازة على الويب. في مايو 2021 ، بدأت Google في استخدام Core Web Vitals كمقياس لترتيب البحث على نظامها الأساسي.

ما هي "حيوية الويب الأساسية"؟

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

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

التحميل: يُشار إليه أيضًا باسم أكبر طلاء محتوى (LCP) ، يقيس التحميل السرعة التي يتم بها تحميل أكبر العناصر وعرضها على الموقع. تتضمن هذه العناصر الرسوم المتحركة ومقاطع الفيديو والنصوص والصور وغيرها.

التفاعل: يطلق Google على هذا الشكل التراكمي Shift (CLS) ويضمن أن الصفحات الموجودة على موقع الويب لا تحتوي على أي ميزات غير متوقعة أو حركات مربكة من المحتمل أن تشتت انتباه المستخدمين أو تزعجهم عند استهلاك محتوى موقعك.

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

كيفية تحسين "أساسيات الويب الأساسية" على موقع الويب الخاص بك

أول شيء يجب القيام به هو إجراء تحليل سريع لأداء موقع الويب لمعرفة مدى نجاح موقع الويب الخاص بك في مقاييس حيوية الويب الأساسية. يمكنك استخدام أدوات مختلفة لهذا التحليل ، بما في ذلك Google Search Console و Page Speed ​​Insights ، من بين أشياء أخرى. بعد إجراء التحليل ، قد تكتشف أنك بحاجة إلى تنفيذ بعض النصائح التالية لمساعدتك على تحسين موقعك.

• تقليل تنفيذ JavaScript

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

• انتقل إلى موقعك وانقر بزر الماوس الأيمن على أي جانب ثم حدد "فحص"

• انقر فوق علامة التبويب "المصادر" وتحقق من النقاط الثلاث في الأسفل. أضف أداة "Coverage" وانقر على وظيفة التحميل. انتظر حتى يكتمل التحميل ويمكنك رؤية حجم JS غير المستخدم على صفحتك.

بهذه المعرفة ، يمكنك البدء في خفض تنفيذ JS. إحدى الطرق التي يمكنك من خلالها تقليل التنفيذ هي استخدام تقسيم الكود. كيف يعمل هذا؟ قسّم حزمة JavaScript إلى أجزاء أصغر. حزمة JS المجمعة هي ملفات مجمعة مجمعة لمنع عدد كبير جدًا من طلبات HTTP اللازمة لتحميل صفحة ويب.

ضغط الصور وتحسينها

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

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

نوصي باستخدام تنسيق PNG للرسومات و JPG لصور المناظر الطبيعية. بصرف النظر عن ضغط الصور ، يمكنك أيضًا تنشيط CDN (شبكة توصيل المحتوى) لصور موقعك.

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

تنفيذ التحميل الكسول

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

• تحسين أداء الموقع

• تقييد استخدام النطاق الترددي

• تحسين محركات البحث على الموقع

• الاحتفاظ بزوار الموقع وتقليل معدل الارتداد

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

استخدم الأبعاد المناسبة للتضمينات والصور

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

• اذهب إلى موقع يوتيوب وافتح الفيديو الذي تريد تضمينه في موقعك.

• ابحث عن زر المشاركة وحدد <> خيار تضمين.

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

افكار اخيرة

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