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

وفقًا لـ Google ، تعد تجربة المستخدم أحد عوامل الترتيب العديدة (حوالي 200) التي يستخدمونها لتصنيف مواقع الويب على صفحة نتائج البحث.

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

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

ما هي العناصر الحيوية الأساسية للويب؟

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

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

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

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

لماذا تعتبر حيوية الويب الأساسية مهمة لتحسين محركات البحث؟

أعلنت Google هذا العام في مدونة Search المركزية عن إشارة تجربة الصفحة.

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

• HTTPS
• التوافق مع الجوّال
• عدم وجود النوافذ المنبثقة البينية
• "التصفح الآمن" (بشكل أساسي ، عدم وجود برامج ضارة على صفحتك)

لكنهم الآن أضافوا عناصر الويب الحيوية الأساسية فيه. يأخذ دورًا رئيسيًا فيه. لا تحل تجربة الصفحة الجيدة محل المحتوى ذي الصلة. ولكنه يمنحك ميزة تنافسية على صفحة تجربة الصفحة المنخفضة.

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

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

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

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

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

يحسب الوقت لتحميل أول قسم مرئي من الموقع. لهذا السبب يمكنك تحديد أولويات مواردك وتحميل المحتوى الأساسي أولاً.

وفقًا لـ Google ، لا يتجاوز LCP 2.5 ثانية عند بدء تحميل الصفحة.

يختلف LCP عن المقاييس الأخرى مثل Time To First Byte (TTFY) والطلاء الأول المحتوي لأنه يقيس أداء العالم الحقيقي من تقرير chrome UX.

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

يمكنك التحقق من نقاط LCP الخاصة بك في إحصاءات سرعة صفحة Google. يعرض البيانات عن طريق التحقق من موقع الويب بالكامل ويعرض قائمة عناوين URL التي يلزم إجراء تحسين فيها.

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

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

يمكنك أيضًا مشاهدة تنبيه حول الرسم ذي المحتوى الكبير في وحدة تحكم بحث Google . (GSC)

ينقسم LCP أيضًا إلى ثلاث فئات.

1. جيد
2. يحتاج الى تحسين
3. فقير.

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

يمكنك أيضًا ملاحظة أن تحقيق LCP أقل من 2.5 على الأجهزة المحمولة أمر صعب للغاية. حاول دائمًا الاحتفاظ بها أقل من 4 ثوانٍ.

خطوات تحسين درجة LCP:

إعداد التحميل البطيء

فكر في استخدام Lazy Loading على موقع الويب الخاص بك. إذا كنت تستخدم WordPress 5.4 أو أعلى ، فسيتم تمكين التحميل البطيء افتراضيًا على الصور. يجب أن تركز على تحميل مقاطع الفيديو Lazy Loading لأنه يؤدي إلى إبطاء الصفحات.

قم بإزالة أي برامج نصية غير ضرورية لجهات خارجية:

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

ترقية استضافة الويب:

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

إذا كنت لا تعرف كيفية اختيار أفضل استضافة ويب ، فيجب عليك تشغيل الدليل أنواع مختلفة من استضافة المواقع مع دليل الشراء .

إزالة عناصر الصفحة الكبيرة:

تعرض لك أداة إحصاءات سرعة الصفحة عناصر الصفحة الكبيرة التي يمكنك إزالتها لتحسين درجاتك.

تصغير CSS

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

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

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

السبب الرئيسي للتأخير في تفاعل المستخدم هو مهام البرنامج النصي الرئيسية لحظر مؤشر الترابط .

من المهم جدًا الحفاظ على وقت FID منخفضًا لأنه يؤثر بشكل مباشر على تجربة المستخدم على موقع الويب الخاص بك. حددت Google درجة FID المقبولة على أنها أقل من 100 MS .

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

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

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

خطوات لتحسين درجة FID:

قم بإزالة البرامج النصية غير الضرورية التابعة لجهات خارجية:

يمكنك تحسين درجة FID الخاصة بك عن طريق إزالة البرامج النصية غير الضرورية (مثل Google Analytics ، وخرائط الحرارة ، و Onesignal ، إلخ)

تأجيل JavaScript:

إذا كان موقع الويب الخاص بك يقوم بتحميل جافا سكريبت في بداية تحميل الصفحة ، فسيكون من الصعب على المستخدمين التفاعل بسرعة. لهذا السبب يمكنك تمكين Defer javascript باستخدام مكونات إضافية لذاكرة التخزين المؤقت مثل WP-Rocket و Litespeed cache وما إلى ذلك.

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

تمكين ذاكرة التخزين المؤقت للمتصفح:

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

تفعيل ضغط Gzip

يمكنك تقليل حجم ملف HTML و CSS بنسبة تصل إلى 80 بالمائة عن طريق تمكين ضغط Gzip. يمكنك القيام بذلك عن طريق Cloudflare CDN أو من لوحة معلومات استضافة الويب الخاصة بك.

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

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

وفقًا لـ Google CLS يجب أن يكون أقل من 0.1 . يمكنك أن تفهم بشكل أفضل كيفية حدوث تغييرات التخطيط التراكمي في موقع الويب في الرسومات أدناه.

خطوات لتحسين درجة CLS

استخدم ملفات وسائط أبعاد سمة الحجم (فيديو ، صور ، صور GIF ، رسوم بيانية ، إلخ):

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

مساحة محجوزة لوضع الإعلان

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

أضف عناصر واجهة مستخدم جديدة أسفل صفحة الويب:

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

استنتاج

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

الآن دورك.

ما الطريقة التي ستجربها أولاً ، اسمح لي أن أعرف في قسم التعليقات؟

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