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

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

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

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

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

لماذا من المهم التحقق من "أساسيات الويب الأساسية"؟

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

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

هناك العديد من الأشياء التي تضعها Google في الاعتبار أثناء تصنيف موقع الويب نظرًا لوجود عوامل الخوارزمية والتصنيف الخاصة بها.

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

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

لذلك ، دعنا نتعرف على Core Web Vital وما هي. لذا ، دعنا نكتشف ذلك.

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

Web Vitals هي العملية التي تهدف إلى تبسيط الأشياء من المشهد المربك لأداء تصميم UX ، مما يساعد على جعل مالك موقع الويب يركز على الأشياء الأكثر أهمية على موقعه على الويب وكيف يمكنهم تحسينها.

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

• منارة
• PageSpeed ​​Insight
• Chrome DevTools
• جوجل Search Console
• أداة قياس Web.Dev
• ملحق Chrome Vitals Web
• واجهة برمجة تطبيقات تقرير Chrome UX

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

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

تُعد Page Speed ​​Insights أداة رائعة للبدء بها ، حيث يمكنك إجراء فحص على صفحات الويب الخاصة بك ومعرفة طريقة حساباتها. أجرت Page Speed ​​Insight الاختبار باستخدام بيانات السرعة الواقعية بمساعدة تقرير تجربة مستخدم Chrome.

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

ومع ذلك ، عليك أن تتذكر أن "حيوية الويب الأساسية" ليست بديلاً عن هذه المقاييس ؛ سوف تتغير بمرور الوقت مع تطور التقنيات والتطبيقات.

تتضمن العناصر الحيوية الأساسية الحالية الأشياء التالية:

• أكبر رسم محتوى (LCP): يساعد في قياس أداء صفحات التحميل. (إذا كان وقت صفحة التحميل أقل من 2.5 ثانية ، فسيتم اعتباره جيدًا).
• أول تأخير للإدخال (FID): تقيس المقاييس استجابة الحمل للمستخدمين لأول مرة الذين يتفاعلون مع موقع الويب. يجب أن يكون أقل من 100 مللي ثانية.
• تضمن تغييرات التخطيط التراكمي (CLS) رؤية الصفحة ، ولتجربة مستخدم رائعة ، يجب أن يحصل موقع الويب على درجة أقل من 0.1.

كيف يمكن تحسين موقع الويب لأساسيات الويب الأساسية؟

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

• قم بإعداد تقرير عن عمل موقع الويب ، والذي يغطي أشياء أساسية مثل سرعة تحميل موقع الويب وحيوية الويب الأساسية بمساعدة Google Page Speed ​​Insights.
• تتبع المشكلات في Google Search Console المتعلقة بأساسيات الويب الأساسية الخاصة بك وتحقق من عمل الحل.
• للتحقق من مقاييس الموقع وقياسها ، يمكنك أيضًا الانتقال إلى Web Vitals Chrome Extensions ، وأفضل جزء هو أنه يمكن قياسها في Javascript باستخدام واجهات برمجة تطبيقات الويب القياسية.

كيف تجري التحسينات على حيوية الويب الأساسية لديك؟

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

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

1. تحسين LCP

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

فيما يلي أسباب سرعة التحميل العالية لصفحة الويب الخاصة بك:

• قد يحدث بطء استجابة الخادم بسبب ضعف استضافة الويب أو زيادة حركة مرور الويب.
• Javascript و CSS لحظر العرض (هذه هي الملفات التي تحظر المحتوى حتى يتم تحميل الصفحة بالكامل).
• العرض من جانب العميل (هذه المواقع تنشئ مسارات ديناميكية مباشرة في المتصفح)

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

• ترقية استضافة الويب.
• إعداد التحميل الكسول أو استخدام نظام توصيل المحتوى.
• إزالة عناصر صفحة الويب المهمة.
• إنشاء اتصالات الطرف الثالث في مرحلة مبكرة.
• تصغير CSS.
• تحسين وضغط صور الموقع.
• التأكد من تحسين صفحات الويب الخاصة بك بتنسيق AMP.

2. تحسين FID

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

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

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

• التقليل من Javascript Bloat
• عن طريق إزالة البرامج النصية للجهات الخارجية
• بمساعدة عامل الويب

3. تحسين CLS إليك الأشياء التي يمكنك تطبيقها لإصلاح الموقف:

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

يقترح جوجل التحسين

الآن ، يمكنك تحسين أداء صفحة موقع الويب الخاص بك بتوصية من Google ، حيث تمنحك أداة PageSpeed ​​Insight من Google أفضل توصية لتحسين أداء موقع الويب الخاص بك.

بمساعدة هذه الممارسات ، يمكنك تحسين وقت تحميل موقع الويب الخاص بك ، ولن تؤثر أيضًا على Core Web Vitals. لذا ، ابدأ في الاهتمام بهذه الأشياء:

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

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

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

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

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

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

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