أساسيات الويب الأساسية في تصميم مواقع الويب (كيفية تحسينها)

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

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

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

ما هي ولماذا هي مهمة؟

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

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

• أكبر طلاء محتوى (LCP)
• التحول في التخطيط التراكمي (CLS)
• أول تأخير في الإدخال (FID)

يمكن قياس هذه المقاييس بسهولة بمساعدة أدوات مثل Google Lighthouse و PageSpeed ​​Insights و GTMetrix و Reddico SERP Speed ​​Tool. إذا تمكن موقع الويب الخاص بك من الحصول على درجة ضمن حد معين ، فقد تتلقى دفعة في الترتيب. إذا لم يكن الأمر كذلك ، فستعرف أين يلزم التحسين. دعونا نراجع هذه الشروط.

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

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

إذا استغرق تحميل أحد المواقع وقتًا أطول من 4-5 ثوانٍ ، فعادةً ما يغادر الزوار ويبحثون عن موقع أسرع. إذا كان وقت تحميل الصفحة حوالي 10 ثوانٍ ، فإن معدل الارتداد للصفحة يزيد بنسبة تصل إلى 123٪ (Google). هذا ما يجعل LCP أمرًا بالغ الأهمية لأساسيات الويب الأساسية. يقيس LCP الوقت المطلوب لتحميل أكبر عنصر على صفحة الويب ، أو بالأحرى الوقت الذي تستغرقه الصفحة لإنهاء التحميل. إذا انخفض LCP الخاص بك عن 2.5 ثانية ، فلا داعي للقلق. إذا كانت مدتها 4 ثوانٍ أو أكثر ، فلا تزال صفحتك بحاجة إلى عمل.

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

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

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

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

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

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

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

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

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

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

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

أدوات وتقنيات يمكنك استخدامها

فيما يلي بعض الأدوات والتقنيات التي ستساعدك على حل معظم المشكلات المتعلقة بأساسيات الويب الأساسية.

• تحقق من الاستضافة الخاصة بك. بمساعدة مضيفي الويب السريعين الذين يتمتعون بقوة معالجة أكبر ، يجب حل معظم المشكلات المتعلقة بـ LCP و FID. حدد نوع الاستضافة التي يتطلبها موقعك ، ثم حدد الخيار الأفضل.
• قم بإعداد التخزين المؤقت لموقعك. WP Rocket هي أداة رائعة يمكنها إعداد هذا لمواقع WordPress مع متاعب لا تذكر.
• تنفيذ التحميل البطيء. يضمن ذلك تحميل الجزء المرئي فقط من صفحة الويب بدلاً من تحميله بالكامل. سيؤدي هذا إلى الحفاظ على سرعات التحميل على موقع الويب الخاص بك بسرعة. WP Rocket و Autoptimize أدوات جيدة لإعداد هذا.
• قم بإعداد CDN أو Cloud Delivery Network. يؤدي هذا إلى إنشاء خوادم افتراضية في جميع أنحاء العالم لموقعك على الويب ، مما يعني أنه يمكن للأشخاص في جميع أنحاء العالم زيارته دون مشاكل في السرعة.
• اضغط على صورك. إذا كنت تقدم صورًا عالية الجودة فقط ، فسيستغرق تحميل موقعك وقتًا طويلاً دون داع. استخدم أدوات مثل ShortPixel و io لتقليل حجم الصور دون المساس بالجودة. حاول استخدام الصور بتنسيق .webp ، حيث إنها الأكثر ملاءمة للويب.
• قم بتنظيف البرامج النصية الخاصة بك ، وإزالة البرامج التي لا تحتاج إليها. إذا كان موقع الويب الخاص بك أقدم قليلاً ، فلا بد أن يكون لديك بعض المكونات الإضافية التي لم تعد تستخدمها. قم بإلغاء تثبيتها وإزالتها.
• قم بالترقية إلى HTTPS إذا لم تكن قد قمت بذلك بالفعل. انه اسرع.

استنتاج

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