ما هي مقاييس Core Web Vitals؟ دليل SEO والأداء المحدّث

هل انخفضت حركة المرور على موقعك فجأة أو تخلف عن منافسيك؟ في عالم اليوم الرقمي، يترك المستخدمون مواقع الويب التي لا تُفتح في غضون أجزاء من الثانية ولا يتفاعلون معها في غضون ثوانٍ. سؤال ما هي Core Web Vitals يبرز بالضبط في هذه المرحلة باعتباره المفهوم الأكثر أهمية الذي يحدد نجاح مواقع الويب الحديثة. تقع هذه المقاييس الأداء، التي تؤثر بشكل مباشر على معايير ترتيب Google في نتائج البحث، عند تقاطع تحسين محركات البحث التقني وتجربة المستخدم (UX). في هذا الدليل الشامل الذي أعده digitalup.tr، نتناول جميع التفاصيل التي ستنقل موقع الويب الخاص بك إلى المرتبة الأولى.

ما هي Core Web Vitals؟ (ملخص سريع)

Core Web Vitals هي مجموعة من مقاييس الأداء الأساسية التي تستخدمها Google لقياس تجربة المستخدم على موقع الويب. تعتمد على ثلاثة مقاييس رئيسية: سرعة تحميل الصفحة (LCP)، وسرعة استجابة التفاعل (INP)، واستقرار التخطيط المرئي (CLS)، وهي عامل ترتيب مباشر في core web vitals seo.

ما هي Core Web Vitals ولماذا هي مهمة؟

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

موقعها في تصنيفات Google وتأثير تجربة الصفحة

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

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

قوة معدلات التحويل (CR) ومعدل الارتداد في التجارة الإلكترونية

حتى التأخيرات الصغيرة في سرعة تحميل الصفحة يمكن أن تؤدي إلى خسائر كبيرة في الإيرادات في منصات التجارة الإلكترونية. تظهر الدراسات أن معدل الارتداد (bounce rate) يزيد بنسبة 32% عندما يزداد وقت التحميل من ثانية واحدة إلى 3 ثوانٍ.

• زيادة وقت تحميل الصفحة تقلل بشكل مباشر من ولاء العملاء.

• تؤدي عربات التسوق وصفحات الدفع البطيئة الاستجابة إلى زيادة معدلات التخلي عن العربة.

• تتسبب تحولات التخطيط المرئي في نقر المستخدمين على أزرار خاطئة، مما يقوض الثقة.

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

مقاييس Core Web Vitals الأساسية والقيم المستهدفة

توجد ثلاثة مقاييس رئيسية لـ core web vitals تحددها Google ويتم تحديثها باستمرار:

Largest Contentful Paint (LCP) – أداء التحميل

ما هو LCP؟ Biggest Contentful Paint هو المقياس الذي يقيس وقت تحميل أكبر كتلة مرئية أو نصية في منطقة عرض الصفحة. يمثل المدة التي يستغرقها المستخدم لرؤية المحتوى الرئيسي على الصفحة. يجب أن تكون قيمة LCP المثالية 2.5 ثانية أو أقل.

Interaction to Next Paint (INP) – التفاعل وسرعة الاستجابة

ما هو INP؟ تُقاس مدة "التفاعل مع اللوحة التالية" (Interaction to Next Paint) بمدى سرعة استجابة الموقع بصريًا لجميع تفاعلات المستخدم على الصفحة (النقر، اللمس، إدخال لوحة المفاتيح). اعتبارًا من مارس 2024، تم إيقاف المقياس القديم الذي يجيب على سؤال ما هو FID (أول تأخير في الإدخال) بالكامل واستبداله بـ INP الأكثر شمولاً. بينما كان FID يقيس التفاعل الأول فقط، فإن INP يقيم التفاعلات التي تحدث طوال جلسة الصفحة بأكملها. يجب أن تبقى قيمة INP المثالية أقل من 200 مللي ثانية.

Cumulative Layout Shift (CLS) – استقرار التخطيط البصري

ما هو CLS؟ يقيس مقياس Cumulative Layout Shift تحرك العناصر بشكل غير متوقع أثناء عملية تحميل الصفحة. على سبيل المثال، إذا كنت تقرأ مقالًا ثم ظهر إعلان تحميل متأخر في الأعلى، مما أدى إلى تحريك النص لأسفل، أو إذا كنت على وشك النقر على زر ثم انحرفت الصفحة وتسببت في النقر في مكان آخر، فهذا يشير إلى قيمة CLS سيئة. يجب أن يكون معدل CLS المثالي أقل من 0.1.

بيانات الموقع (Field Data) مقابل بيانات المختبر (Lab Data)

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

ما هو CrUX (تقرير تجربة مستخدم Chrome)؟

تقرير تجربة مستخدم Chrome (CrUX) هو مجموعة بيانات رسمية تجمع بيانات أداء مجهولة من مستخدمي Google Chrome في ظروف العالم الحقيقي. عند تحديد ترتيب الموقع، تنظر Google إلى بيانات CrUX وليس إلى نتائج المحاكاة.

الاختلافات بين Lighthouse و RUM (مراقبة المستخدم الحقيقي)

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

كيف يتم قياس وتحليل Core Web Vitals؟

الخطوة الأولى في حل مشكلات الأداء هي القياس الصحيح. لإجراء اختبار core web vitals، يمكنك استخدام الأدوات المجانية التي تقدمها Google.

تقرير Google Search Console "بيانات الويب الأساسية"

يقدم قسم "بيانات الويب الأساسية" (Core Web Vitals) في لوحة تحكم Google Search Console أداء جميع عناوين URL في موقعك بناءً على بيانات الموقع بشكل جماعي. يمكنك هنا تحديد الصفحات التي تقدم تجربة سيئة في مجموعات، مفصولة بين الأجهزة المحمولة وأجهزة الكمبيوتر المكتبية. عند تحليل أداء موقع الويب، فإن أفضل طريقة للبدء هي إزالة الأخطاء في هذه اللوحة.

استخدام PageSpeed Insights و Chrome DevTools

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

خطوة بخطوة تحسين Core Web Vitals (حلول تقنية)

بعد تحديد المشكلات، إليك خطوات تحسين Core Web Vitals و تسريع موقع الويب التي يجب تطبيقها:

تحسين LCP: تحسينات الصور والخادم

لتحسين درجة LCP، يجب تقليل وقت تحميل الصورة الرئيسية إلى الحد الأدنى.

• ضغط الصور وتغيير التنسيق: استخدم تنسيقات حديثة مثل WebP أو AVIF بدلًا من JPEG/PNG.

• التحميل المسبق للصور الهامة (Preload): أضف السمتين fetchpriority="high" و preload لأكبر صورة في الصفحة لتمكين المتصفح من إعطاء الأولوية لهذا المصدر:

HTML

<link rel="preload" fetchpriority="high" as="image" href="hero-gorsel.webp" type="image/webp">

تحسين INP: تقليل حمل سلسلة JavaScript الرئيسية

لتفاعل سلس، يجب ألا تتعرض سلسلة تشغيل المتصفح الرئيسية (Main Thread) للاختناق بسبب مهام JavaScript الطويلة.

• تقسيم المهام الطويلة (Long Tasks): قم بتقسيم أجزاء كود JavaScript التي تستغرق أكثر من 50 مللي ثانية إلى وحدات نمطية.

• تأجيل الأكواد غير الضرورية: أضف سمات async أو defer إلى ملفات JavaScript غير الحرجة.

• تحسين الخطوط: لتجنب تجميد الشاشة بسبب تأخر تحميل الخطوط، أضف font-display: swap; إلى كود CSS الخاص بك:

CSS

@font-face {
  font-family: 'Open Sans';
  src: url('/fonts/OpenSans.woff2') format('woff2');
  font-display: swap;
}

تحسين CLS: طرق منع تغييرات التخطيط

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

• تحديد أبعاد الصور: يجب عليك دائمًا تحديد سمات العرض والارتفاع لجميع علامات <img> و <iframe> أو تخصيص مساحة باستخدام CSS:

CSS

img {
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
}

أخطاء شائعة حول Core Web Vitals

يجب الانتباه إلى الخرافات الشائعة لتجنب الانحراف عن الهدف في عمليات الأداء.

مخاطر "مطاردة النقاط": هل الحصول على 100 نقطة في PageSpeed يعني كل شيء؟

إن التركيز على الحصول على 100 نقطة في اختبار PageSpeed مع تعطيل وظائف ونصوص الموقع الأساسية بالكامل ("مطاردة النقاط") هو أحد أكبر الأخطاء المرتكبة. المهم بالنسبة لـ Google ليس الحصول على 100 نقطة، بل أن يعيش المستخدمون تجربة سلسة في العالم الحقيقي (Field Data) ضمن عتبات اللون الأخضر.

ارتقِ بأداء موقعك إلى القمة

إن تعزيز البنية التحتية التقنية لموقعك الإلكتروني وتقديم تجربة سلسة لمستخدميك في أجزاء من الثانية هو الطريقة الأكثر فعالية لتجاوز منافسيك في محركات البحث. تحسين Core Web Vitals ليس مجرد محاولة لزيادة النقاط؛ بل هو استثمار طويل الأمد يزيد بشكل مباشر من رضا العملاء ومعدلات التحويل وثقة العلامة التجارية.

لزيادة قوة أصولك الرقمية في محركات البحث، وإزالة الأخطاء الفنية، ونقل أدائك إلى المنطقة الخضراء، تعرف على الحلول الاحترافية من فريق digitalup.tr. يمكنك الاتصال بنا الآن لإطلاق العنان لإمكانات موقعك.