ما هي Core Web Vitals ولماذا تؤثر على ترتيب موقعك؟

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

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

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

آلاف الكتب الورقية الجديدة والمستعملة

في هذا الدليل الشامل، سنتعرف على مفهوم Core Web Vitals، ولماذا أصبحت عنصرًا مهمًا في تحسين محركات البحث، وكيف تعمل المقاييس الثلاثة الأساسية LCP وCLS وINP، بالإضافة إلى أفضل الممارسات لتحسينها وأشهر الأدوات التي تساعد في قياسها وتحليل نتائجها.

ما هي Core Web Vitals؟

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

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

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

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

لماذا أنشأت Google مقاييس Core Web Vitals؟

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

• Time to First Byte (TTFB).
• First Contentful Paint (FCP).
• DOM Content Loaded.
• Fully Loaded Time.

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

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

ويهدف هذا التبسيط إلى:

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

كيف تقيس Google تجربة المستخدم؟

تعتمد Google على نوعين من البيانات عند تقييم Core Web Vitals:

أولًا: بيانات المستخدمين الحقيقيين (Field Data)

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

تُعد هذه البيانات الأكثر أهمية لأنها تمثل تجربة الزوار الفعلية، وهي التي تُستخدم في تقارير مثل Chrome User Experience Report (CrUX).

ثانيًا: البيانات المعملية (Lab Data)

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

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

اقرأ المزيد عن Meta Description

الفرق بين Core Web Vitals وPage Experience

يخلط الكثيرون بين هذين المصطلحين، لكن هناك فرقًا واضحًا بينهما.

ما هي Page Experience؟

تشير Page Experience إلى مجموعة أوسع من العوامل التي تستخدمها Google لتقييم جودة تجربة المستخدم، وتشمل:

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

بمعنى آخر، فإن Core Web Vitals هي جزء من إشارات Page Experience وليست العامل الوحيد فيها.

هل تؤثر Core Web Vitals على ترتيب الموقع؟

الإجابة المختصرة هي: نعم، ولكن ليس بالشكل الذي يعتقده البعض.

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

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

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

كما أن تحسين Core Web Vitals يؤدي إلى فوائد غير مباشرة، مثل:

• تقليل معدل الارتداد.
• زيادة مدة بقاء المستخدم.
• تحسين معدل التحويل.
• رفع رضا الزوار.
• تحسين أداء الموقع على الهواتف المحمولة.

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

فوائد تحسين Core Web Vitals

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

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

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

2. زيادة معدل التحويل

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

3. تقليل معدل الارتداد

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

4. تحسين أداء الموقع على الهواتف

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

المقياس الأول: Largest Contentful Paint (LCP)

يُعد LCP أهم مقاييس Core Web Vitals المتعلقة بسرعة التحميل، لأنه يقيس الوقت الذي يستغرقه ظهور أكبر عنصر مرئي داخل نافذة العرض للمستخدم.

قد يكون هذا العنصر:

• صورة رئيسية.
• عنوانًا كبيرًا.
• فيديو.
• كتلة نصية بارزة.
• بانر الصفحة.

كلما ظهر هذا العنصر بسرعة، شعر المستخدم بأن الصفحة أصبحت جاهزة للاستخدام.

ما الذي يقيسه LCP؟

يقيس LCP الزمن منذ لحظة بدء تحميل الصفحة وحتى اكتمال عرض أكبر عنصر مرئي داخل الشاشة الأولى (Above the Fold).

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

القيم المثالية لمقياس LCP

تقسم Google أداء LCP إلى ثلاث فئات:

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

ما أسباب ارتفاع LCP؟

هناك العديد من العوامل التي قد تؤدي إلى بطء ظهور أكبر عنصر في الصفحة، ومن أبرزها:

1. بطء استجابة الخادم

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

2. الصور كبيرة الحجم

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

3. ملفات CSS وJavaScript الضخمة

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

4. الخطوط الخارجية

تحميل خطوط ويب متعددة أو من مصادر خارجية قد يؤخر عرض النصوص الرئيسية.

5. كثرة الإضافات (Plugins)

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

كيف تحسن LCP؟

هناك مجموعة من الممارسات التي تساعد على تحسين هذا المقياس، ومنها:

تحسين الصور

• استخدام صيغ حديثة مثل WebP أو AVIF.
• ضغط الصور دون التأثير الكبير على الجودة.
• تحديد أبعاد الصور داخل الكود لتجنب إعادة الحساب أثناء التحميل.
• استخدام الصور بالحجم المناسب لكل جهاز.

تحسين أداء الخادم

• اختيار استضافة سريعة وموثوقة.
• تفعيل التخزين المؤقت (Caching).
• استخدام شبكة توزيع المحتوى (CDN) لتقليل زمن الاستجابة.

تقليل الموارد التي تعيق العرض

• إزالة ملفات CSS وJavaScript غير الضرورية.
• تأجيل تحميل الأكواد غير الأساسية.
• تصغير (Minify) ملفات CSS وJavaScript وHTML.

تحسين تحميل الخطوط

• استخدام عدد محدود من الخطوط.
• تحميل الخطوط الأساسية أولًا.
• تقليل أوزان الخطوط غير المستخدمة.

تقليل الاعتماد على السكربتات الخارجية

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

<img src="image.jpg">

<img src="image.jpg" width="800" height="500">

aspect-ratio:16/9;

font-display:swap;