أساسيات الويب لـ Google Core: كل ما تحتاج إلى معرفته

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

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

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

تنقسم مقاييس "حيوية الويب" إلى جزأين: " أساسيات الويب الأساسية" و "عناصر الويب الحيوية غير الأساسية".

أساسيات الويب الأساسية هي:

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

وأساسيات الويب غير الأساسية هي:

• إجمالي وقت الحظر (TBT)
• أول رسم مضمون (FCP)
• مؤشر السرعة (SI)
• وقت التفاعل (TTI)

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

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

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

وفقًا لأحدث الأبحاث ، يمكن أن يؤدي التأخير لمدة ثانية واحدة في وقت تحميل الصفحة إلى انخفاض بنسبة 7٪ في التحويلات ، وانخفاض بنسبة 11٪ في زيارات الصفحة ، وانخفاض رضا العملاء بنسبة 16٪.

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

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

في تصنيفات تحسين محركات البحث (SEO) ، تعد تجربة المستخدم أيضًا عاملاً مهمًا. قالت Google سابقًا أنه بدءًا من مايو 2021 ، ستكون تجربة الصفحة أحد عوامل الترتيب في تحديث خوارزمية البحث.

المكونات الثلاثة لأساسيات الويب الأساسية لجوجل

الآن ، دعنا نلقي نظرة على كل من مكونات Google Core Web Vitals الثلاثة:

دهان محتوى كبير (LCP)

Largest Contentful Paint هو مقياس أساسي لمؤشرات الويب الحيوية يقيس الوقت الذي يستغرقه تحميل الصفحة. إنها تحسب الوقت المستغرق لعرض أكبر عنصر محتوى داخل المنطقة القابلة للعرض للمستخدم. لا يقيس الصفحة بأكملها.

ما هي درجة LCP الجيدة؟

وفقًا لـ Google ، يجب أن يحتوي موقعك على LCP مدته 2.5 ثانية أو أقل لتقديم أفضل تجربة للمستخدم.

تم تصنيف LCP على مقياس من "جيد" إلى "ضعيف" ، مثل مقاييس Core Web Vitals الأخرى:

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

لماذا يعتبر أكبر طلاء محتوى (LCP) مهمًا؟

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

ما الذي يمكن أن يسبب درجة LCP ضعيفة؟

فيما يلي سبب نتيجة LCP السيئة:

• وقت الاستجابة البطيء.
• عرض حظر CSS.
• تقديم حظر جافا سكريبت.
• التقديم من جانب العميل.
• ملفات CSS و JS غير المحسّنة وغير النظيفة.
• الخطوط غير المرئية أثناء تحميل الصفحة.
• صور غير محسنة.
• أمر تحميل الموارد غير الأمثل.

كيفية تحسين درجة LCP الخاصة بك؟

فيما يلي طرق تحسين درجة LCP الخاصة بك:

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

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

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

ما هي درجة FID الجيدة؟

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

تم تصنيف FID على مقياس من "جيد" إلى "ضعيف" ، مثل مقاييس Core Web Vitals الأخرى:

• جيد: أي FID أقل من 100 مللي ثانية يعتبر جيدًا.
• يحتاج إلى تحسين: يجب تحسين الدرجات بين 100 و 300 مللي ثانية.
• ضعيف: FID الذي يزيد عن 300 مللي ثانية ضعيف.

لماذا يعتبر تأخير الإدخال الأول (FID) مهمًا؟

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

ما الذي يمكن أن يتسبب في ضعف درجة FID؟

الأسباب الأكثر شيوعًا لضعف FID هي:

• المهام الطويلة حيث يجب أن يتوقف المتصفح مؤقتًا.
• تنفيذ جافا سكريبت مطول.
• حزم جافا سكريبت الثقيلة.
• عرض حظر جافا سكريبت.

كيفية تحسين درجة FID الخاصة بك؟

فيما يلي الطرق الشائعة لتحسين درجة FID الخاصة بك:

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

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

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

يجب عليك الاحتفاظ بـ CLS عند الحد الأدنى لأن تغيير الصفحات قد يؤدي إلى تجربة مستخدم سيئة.

ما هي درجة CLS الجيدة؟

تبدأ درجات CLS من 0 لصفحات الويب الثابتة تمامًا وتنمو مع تغير تخطيط الصفحة.

يكون التخطيط الخاص بك أكثر استقرارًا إذا كان لديك درجة أقل. تستخدم أدوات أداء Google درجات CLS الرسمية التالية:

• جيد: أي CLS أقل من 0.1 يعتبر جيدًا.
• بحاجة إلى تحسين: يجب تحسين الدرجات بين 0.1 و 0.25.
• ضعيف: CLS أعلى من 0.25 ضعيف.

لماذا يعتبر تغيير التخطيط التراكمي (CLS) مهمًا؟

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

ما الذي يمكن أن يتسبب في ضعف نتيجة CLS؟

وفقًا لـ Google ، فيما يلي أسباب حدوث تغيير التخطيط التراكمي:

• صور بدون أبعاد.
• المحتوى المدرج ديناميكيًا.
• خطوط الويب تسبب FOIT / FOUT.
• الإعلانات والتضمينات وإطارات iframe بدون أبعاد.
• قبل تغيير DOM ، تنتظر الإجراءات استجابة الشبكة.

كيف تحسن مجموع نقاطك في CLS؟

فيما يلي طرق تحسين درجة CLS الخاصة بك:

• تجنب النوافذ المنبثقة أو الشعارات التي تتسبب في تغيير تخطيط الشاشة عند تحميل الموقع لأول مرة.
• عيّن أبعاد سمة الحجم لأي وسائط (صور ، صور GIF ، إلخ) ، بحيث يفهم متصفح المستخدم مقدار المساحة التي سيشغلها ولا يعدل الأبعاد بشكل غير متوقع.
• ضع جميع الإعلانات في مساحات محجوزة ، حتى لا تظهر فجأة ، مما يؤدي إلى تحول المحتوى.
• اتبع نصيحة Google بشأن عنوان URL المحدد الخاص بك (تعرف على كيفية قياس Core Web Vitals أدناه).

عناصر حيوية أخرى للويب

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

أساسيات الويب الأخرى:

إجمالي وقت الحظر (TBT)

إجمالي وقت الحظر (TBT) هو طول الوقت الذي تحظر فيه المهام الطويلة (جميع المهام التي تزيد عن 50 مللي ثانية) سلسلة المحادثات الرئيسية وتقليل إمكانية استخدام الصفحة. يعرض مدى ثبات الصفحة قبل أن تصبح تفاعلية تمامًا.

ما هي درجة TBT الجيدة؟

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

حدود تصنيف وقت الحظر الإجمالي:

• جيد: أي TBT أقل من 300 مللي ثانية يعتبر جيدًا.
• يحتاج إلى تحسين: يجب تحسين الدرجات بين 300 و 600 مللي ثانية.
• ضعيف: TBT التي تزيد عن 600 مللي ثانية ضعيفة.

ما الذي يمكن أن يتسبب في ضعف نقاط TBT؟

فيما يلي سبب انخفاض درجة TBT:

• كود JavaScript فوضوي و JS غير مستخدم.
• وقت تنفيذ JS مرتفع.
• عمل موضوع رئيسي مرتفع.
• الاستخدام المكثف لرمز جهة خارجية.

كيف تحسن مجموع نقاطك؟

فيما يلي طرق تحسين درجة TBT:

• تصغير CSS و JS.
• تقليل وقت تنفيذ جافا سكريبت.
• إزالة جافا سكريبت غير المستخدمة.
• تقليل تأثير التعليمات البرمجية الخاصة بطرف ثالث.
• تخلص من موارد حظر العرض.
• تفعيل ضغط النص.
• تقليل عمل الخيط الرئيسي.

أول رسم مضمون (FCP)

عندما يبدأ موقع ويب في التحميل ، يتم قياس المحتوى الأول المعروض على الشاشة باعتباره First Contentful Paint (FCP).

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

ما هي درجة FCP الجيدة؟

وفقًا لوثائق Google الخاصة بحساب التصنيفات المترية ، فإنهم يقومون بتقييم أوقات FCP في ثلاث فئات - جيد ، يحتاج إلى تحسين ، وسيء - ويصفون كيفية حصولهم على النسبة المئوية التي تستخدمها أداة Lighthouse الخاصة بهم.

• جيد: أي FCP بين 0 و 1.8s يعتبر جيدًا.
• يحتاج إلى تحسين: الدرجات بين 1.8 و 3s بحاجة إلى تحسين.
• ضعيف: FCP فوق 3s ضعيف.

ما الذي يمكن أن يسبب نقاط FCP ضعيفة؟

أسباب انخفاض درجة FCP هي كما يلي:

• عرض نصوص الحظر وورقة الأنماط الخارجية.
• ملفات جافا سكريبت.
• أصول نصية كبيرة.

كيفية تحسين نقاط FCP الخاصة بك؟

فيما يلي بعض الاقتراحات لزيادة درجة FCP الخاصة بك:

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

مؤشر السرعة (SI)

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

ما هي نقاط SI الجيدة؟

وفقًا لـ Lighthouse ، يجب أن تكون نتيجة مؤشر السرعة اللائقة أقل من 4.3 ثانية. ما بين 4.4 و 5.8 ثانية هو متوسط ​​نقاط مؤشر السرعة. يعتبر مؤشر السرعة الذي يزيد عن 5.8 ثانية ضعيفًا. قامت Lighthouse بحساب جميع البيانات الموجودة على هذه الصفحة باستخدام معايير أرشيف HTTP. ستتغير معايير نقاط مؤشر السرعة الجيدة والمتوسطة والسيئة لـ Lighthouse إذا تغيرت بيانات أرشيف HTTP.

• جيد: SI أقل من 4.3 ثانية تعتبر جيدة.
• يحتاج إلى تحسين: أي درجات بين 4.4 و 5.8 يجب تحسينها.
• ضعيف: النتيجة فوق 5.8 ثانية ضعيفة.

ما الذي يمكن أن يتسبب في ضعف نقاط SI؟

فيما يلي بعض أسباب انخفاض درجة SI:

• كود JavaScript و JS غير المستخدمة.
• وقت تنفيذ JavaScript.
• عمل الخيط الرئيسي.
• كود الطرف الثالث.

كيفية تحسين نقاط SI الخاصة بك؟

فيما يلي بعض الاقتراحات لزيادة درجة SI الخاصة بك:

• إزالة JS غير المستخدمة.
• تقليل وقت تنفيذ JavaScript.
• تخلص من موارد حظر العرض.
• تقليل تأثير التعليمات البرمجية الخاصة بطرف ثالث.
• تقليل عمل الخيط الرئيسي.
• طلبات مفتاح التحميل المسبق.
• تجنب تسلسل الطلبات الحرجة.
• احتفظ بأعداد الطلبات منخفضة وأحجام النقل صغيرة.
• تقليل TTFB وأوقات استجابة الخادم.
• تأكد من استخدام الصور الموجودة في الملفات المراد تحميلها بالتنسيق الصحيح.

وقت التفاعل (TTI)

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

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

ما هي درجة TTI الجيدة؟

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

هذه هي الطريقة التي يفسر بها Lighthouse نتيجة TTI:

• جيد: يعتبر TTI أقل من 3.8 ثانية جيدًا.
• يحتاج إلى تحسين: أي درجات بين 3.9 و 7.3 تحتاج إلى تحسين.
• ضعيف: النتيجة فوق 7.3 ثانية ضعيفة.

ما الذي يمكن أن يتسبب في ضعف نتيجة TTI؟

بعض أسباب ضعف درجة TTI هي كما يلي:

• وقت تنفيذ JavaScript.
• كود JavaScript و JS غير المستخدمة.
• كود الطرف الثالث.
• عمل الخيط الرئيسي.

كيف تحسن نقاط TTI الخاصة بك؟

فيما يلي بعض الطرق لمساعدتك على تحسين درجة TTI الخاصة بك:

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

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

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

تم إصدار Core Web Vitals قبل بضعة أسابيع فقط ، ولا يمكن تقييمها إلا باستخدام تقرير Chrome UX في ذلك الوقت.

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

يمكن الآن قياس Google Core Web Vitals باستخدام:

Google PageSpeed ​​Insights

عندما يتعلق الأمر بقياس وتقييم "أساسيات الويب الأساسية" ، فإن Google PageSpeed ​​Insights (PSI) هي إحدى أدوات تحسين محركات البحث الأساسية. تستخدم PSI تقرير Lighthouse و Chrome UX لتقديم البيانات من كل من المختبر والميدان على أجهزة الجوّال وأجهزة سطح المكتب. تقدم PageSpeed ​​Insights نصائح مفصلة حول كيفية تحسين سرعة الموقع بالإضافة إلى توفير نظرة عامة على البيانات الميدانية من مستخدمي العالم الحقيقي (CrUX).

جوجل Search Console

يمكن أن تساعدك Google Search Console في فحص واكتشاف مجموعات الصفحات التي قد تحتاج إلى تحسين أو إصلاح. يعتمد GSC على بيانات من تقرير Chrome UX ، والذي يعتمد على بحث ميداني حقيقي. يتم تصنيف عناوين URL حسب نوع المقياس والحالة (ضعيف ، بحاجة إلى تحسين ، جيد). سيوضح لك تقرير GSC Core Web Vitals مدى جودة أداء جميع (أو معظم) صفحات الويب الخاصة بك فيما يتعلق بأساسيات الويب الأساسية.

منارة جوجل

تعد Google Lighthouse الأداة الأكثر شيوعًا لاختبار موقع الويب الخاص بك في بيئة معملية. يتيح لك تدقيق موقع الويب الخاص بك وتقييمه في أربعة مجالات: الأداء ، وإمكانية الوصول ، وأفضل الممارسات ، وتحسين محركات البحث. يتتبع Lighthouse LCP و CLS و TTI و TBT ، من بين معلمات تجربة مستخدم المعمل الأخرى. ستزودك الأداة بنصائح مفصلة حول تحسين موقعك ، على غرار PSI (يعتمد بشكل أساسي على Lighthouse). تأكد من إطلاعك على Lighthouse Scoring Calculator عندما تختبر موقعك باستخدام Lighthouse.

Chrome DevTools

Chrome DevTools هي أداة مطور تأتي مثبتة مسبقًا مع متصفح Chrome. للوصول إليه ، انقر بزر الماوس الأيمن وحدد "فحص" ، وسيظهر Chrome DevTools. يمكنك فحص بعض مؤشرات Core Web Vitals باستخدام لوحة Chome DevTools Performance. راقب "العناصر الحيوية للويب". سيساعدك الجزء المتعلق بالخبرة في تحليل تعديلات التخطيط.

تقرير Chrome UX

تقرير Chrome UX هو مجموعة بيانات عامة توفر بيانات تجربة المستخدم في العالم الحقيقي من ملايين مواقع الويب. إنها ليست أداة في حد ذاتها. تنشأ بيانات تقرير تجربة مستخدم Chrome من مستخدمي Chrome الذين اشتركوا ؛ وبالتالي ، فإنه يراقب البيانات الميدانية لجميع مؤشرات Core Web Vitals. يمكنك استخدام CrUX API لقياس الإصدارات الميدانية من Core Web Vitals في تطبيقك إذا كنت مطورًا.

GTmetrix

GTmetrix هي أداة معملية مهمة أخرى لتقييم سرعة موقعك وأدائه. تعتمد الأداة على بيانات Google Lighthouse. إنه يتتبع معلمات مثل أكبر رسم محتوى ، ووقت الحظر الإجمالي ، وتحول التخطيط التراكمي ، والمزيد.

أساسيات الويب (امتداد Chrome)

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

هل ستؤثر حيوية الويب الأساسية على تصنيفاتي؟

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

ستتضمن إشارات تجربة الصفحة الجديدة أمان HTTPS ، والتصفح الآمن ، والتوافق مع الجوّال ، والإرشادات البينية المتطفلة.

تؤثر Google Core Web Vitals على النتائج العضوية على كل من الأجهزة المحمولة وسطح المكتب ، بالإضافة إلى ما إذا كان موقعك يظهر في أهم الأخبار أم لا. في السابق ، إذا أردت الظهور في أهم الأخبار ، كان عليك استخدام AMP. عندما تنفذ Google التحديث ، لن يكون هذا هو الحال بعد الآن ، ولكن سيحتاج موقعك إلى تلبية الحد الأدنى من نتائج Core Web Vitals المحددة للظهور في Top Stories.

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

باختصار ، فإن تعزيز نتائجك في Google Core Web Vital مطلوب الآن إذا كنت تهتم بأداء WordPress SEO الخاص بك.

ما هي نتيجة سرعة الصفحة الجيدة؟

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

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

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

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

1. زيادة سرعة موقع الويب لتحسين تجربة المستخدم

وفقًا لدراستنا ، يريد 47٪ من العملاء تحميل موقع ويب في أقل من ثانيتين.

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

2. زيادة عدد مشاهدات الصفحة

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

3. زيادة التحويلات

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

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

4. انخفاض معدل الارتداد

وفقًا لـ Think with Google ، تؤدي زيادة وقت تحميل موقع الويب الخاص بك من ثانية واحدة إلى ثلاث ثوانٍ إلى زيادة معدل الارتداد بنسبة 32٪. إذا تم زيادتها من ثانية واحدة إلى خمس ثوانٍ ، تزداد الفرصة بنسبة 90٪.

قد تعني بضع ثوانٍ الفرق بين الاحتفاظ بالمستخدمين وتحويلهم أو خسارتهم للمنافسين.

لمعرفة المزيد ، راجع دليلنا التفصيلي حول كيفية تقليل معدل الارتداد في WordPress.

طرق لزيادة سرعة الصفحة

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

1. تحديد عدد عمليات إعادة التوجيه

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

2. قم بتضمين الشرطة المائلة في النهاية

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

نتيجة لذلك ، يجب أن يكون عنوان URL الخاص بك www.pickupwp.com/blog/ بدلاً من www.pickupwp.com/blog.

سيقلل وقت التحميل بجزء من الثانية ، وكل مللي ثانية مهمة.

3. يجب ضغط الصور وتحسينها.

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

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

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

يمكن تغيير حجم الصورة على الصفحة عن طريق تغيير حجمها. يجب أن تكون الصور الأصغر حجمًا 700 بكسل أو أقل ، بينما يجب أن تشغل الصور الأكبر عرض موقعك بالكامل (أو حوالي 1900 بكسل). يمكنك دائمًا تقليل الحجم ، لكن زيادة الحجم دون تقسيم الصورة يمثل تحديًا كبيرًا.

هناك العديد من المكونات الإضافية المتاحة لتحسين الصور والتي يمكنك استخدامها لتحسين الصورة وضغطها.

4. استفد من شبكة توصيل المحتوى (CDN)

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

يقلل من عدد الطلبات إلى الخادم الأصلي من خلال توزيع المحتوى على عدة خوادم ، مما يؤدي إلى إبطاء أوقات التنزيل.

5. يجب الإبقاء على الإضافات وعناصر الصفحة الأخرى عند الحد الأدنى.

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

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

6. تصغير HTML أو CSS

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

7. الاستفادة من التخزين المؤقت

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

يمكنك استخدام WP Rocket ، أفضل مكون إضافي للتخزين المؤقت لبرنامج WordPress.

8. حدد بعناية مزود استضافة الويب الخاص بك.

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

هناك أربعة أنواع من موفري استضافة الويب للاختيار من بينها:

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

ضع في اعتبارك حجم موقعك وميزانيتك عند اختيار خدمة استضافة لموقعك على الويب.

خاتمة

تعد "أساسيات الويب الأساسية" أمرًا حيويًا لـ WordPress SEO لأنها قد تساعدك على اكتساب المزيد من الاعتراف بموقعك على الويب مع إبقائه منظمًا ونظيفًا.

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

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

نأمل أن تساعدك هذه المقالة في التعرف على Google Core Web Vitals وكيفية تحسينها. قد ترى أيضًا قائمتنا لأفضل ملحقات ذاكرة التخزين المؤقت لـ WordPress لزيادة سرعة الصفحة ودليل لزيادة سرعة موقع WordPress الخاص بك.