1 2 3
  • خدمات العلامة البيضاء
  • خدمات تحسين محركات البحث
  • خدمات الإعلانات بالنقر
  • التصميم والتطوير
  • من نحن
  • مركز التعلّم

Core Web Vitals: ما هي وكيف تحسّنها

Core Web Vitals: ما هي وكيف تحسّنها

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

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

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

أبرز النقاط:

  • Core Web Vitals هي مقاييس Google لقياس تجربة المستخدم على الموقع
  • مقاييس Core Web Vitals الثلاثة هي Largest Contentful Paint (LCP) وInteraction to Next Paint (INP) وCumulative Layout Shift (CLS).
  • يقيس LCP سرعة التحميل، ويقيس INP الاستجابة أثناء تفاعلات المستخدم، ويقيس CLS الاستقرار البصري عبر تتبع تحولات التخطيط غير المتوقعة.
  • تشكل Core Web Vitals جزءًا من خوارزمية تجربة الصفحة لدى Google.
  • تساعد Core Web Vitals القوية على خفض معدلات الارتداد وزيادة التفاعل وتحسين التحويلات.
  • ينبغي أن تكون درجة LCP الجيدة 2.5 ثانية أو أقل، وأن يبقى INP دون 200 ميلي ثانية، وأن يبقى CLS دون 0.1.
  • Google PageSpeed Insights وLighthouse وGoogle Search Console هي أكثر الأدوات موثوقية لقياس Core Web Vitals.
  • من أكثر تقنيات التحسين فاعلية: تحسين الصور وتقليل تنفيذ JavaScript وتحسين أوقات استجابة الخادم ومنع تحولات التخطيط.
  • المراقبة المستمرة والتحسين بأولوية الجوال أمران أساسيان للحفاظ على Core Web Vitals قوية مع مرور الوقت.

ما هي Core Web Vitals؟

Core Web Vitals ثلاثة مقاييس محددة تستخدمها Google لقياس كيفية إدراك المستخدمين الحقيقيين لموقعك. وهي تستند إلى زمن التحميل وكيفية تنقل المستخدمين وتفاعلهم مع صفحتك. ولتحديد ما إذا كان المستخدمون يحصلون على تجربة تصفح سلسة وخالية من الإحباط، أطلقت Google مقاييس Core Web Vitals في عام 2020. وفي عام 2024 جعلتها أكثر دقة باستبدال مقياس التفاعلية القديم (FID) بمقياس أكثر واقعية (INP).

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

مقاييس Core Web Vitals الثلاثة هي Largest Contentful Paint (LCP) وInteraction to Next Paint (INP) وCumulative Layout Shift (CLS). لنفصّل كل مقياس:

المقياسما الذي يقيسهماذا يعني للمستخدمينالحد الجيديحتاج إلى تحسينالحد الضعيفلماذا يهم للسيو & الأعمال
LCPأداء التحميلمدى سرعة شعور الصفحة بأنها “جاهزة”≤ 2.5 ث2.5 ث – 4 ث> 4 ثLCP بطيء: معدل ارتداد أعلى وتحويلات أقل
INPالاستجابةهل تستجيب الأزرار فورًا أم ببطء< 200 مللي ثانية200 مللي ثانية – 500 مللي ثانية> 500 مللي ثانيةINP ضعيف: مستخدمون محبطون ونماذج/عربات متروكة
CLSالاستقرار البصريهل تتحرك العناصر من مكانها (مما يسبب نقرات خاطئة)< 0.10.1 – 0.25> 0.25CLS مرتفع: نقرات عرضية وتجربة جوال سيئة وثقة أقل؛ ويؤثر في الترتيب

Largest Contentful Paint (LCP)

LCP
  • يقيس LCP سرعة تحميل صفحتك، وتحديدًا المدة التي يستغرقها أكبر عنصر محتوى ليُحمَّل بالكامل ويظهر على الشاشة.
  • قد يكون هذا العنصر صورة البطل أو لافتة أو صورة مميزة أو صورة خلفية أو عنوانًا كبيرًا.
  • الحدود: تُعد الدرجة 2.5 ثانية أو أقل جيدة. وتشير الدرجات بين 2.5 و4 ثوانٍ إلى أن الصفحة تحتاج إلى تحسين، بينما يُعد أي شيء يتجاوز 4 ثوانٍ ضعيفًا.
  • مجرد ثانية واحدة من التأخير في زمن التحميل قد تقلل رضا العملاء بنسبة 16% والتحويلات الإجمالية بنسبة 7%.
  • فهو يترك انطباعًا أول سيئًا عن موقعك. ويجعل LCP البطيء الموقع يبدو بطيئًا ويرفع معدل الارتداد.

Interaction to Next Paint (INP)

INP
  • يقيّم INP استجابة صفحتك، أي مدى سرعة تفاعلها عندما يتفاعل معها المستخدمون (النقر على الأزرار والضغط على الروابط والكتابة في النماذج وفتح القوائم).
  • يقيس التأخير بين تفاعل المستخدم واستجابة المتصفح المرئية.
  • فعلى سبيل المثال، إذا تفاعل مستخدم ولم يحدث شيء لنصف ثانية، يُعد ذلك تأخيرًا يؤدي إلى ضعف التفاعل وارتفاع معدل الارتداد.
  • ينبغي أن تبقى درجة INP الجيدة دون 200 ميلي ثانية.
  • حلّ INP محل مقياس First Input Delay (FID) الأقدم في مارس 2024. كان FID يقيس أول تفاعل فقط على الصفحة، بينما يقيس INP جميع التفاعلات طوال الزيارة.

Cumulative Layout Shift (CLS)

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

كيف تؤثر Core Web Vitals في السيو & التحويلات

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

الأثر المباشر على الأعمال

تضر Core Web Vitals الضعيفة بشكل كبير بسلوك المستخدمين ونتائج الأعمال. يتخلى 53% من المستخدمين عن الموقع إذا استغرق تحميله أكثر من 3 ثوانٍ. وهذا يؤثر في عملك مباشرة.

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

واقع المؤسسات & التجارة الإلكترونية: الصفحات البطيئة تكلف مالًا حقيقيًا

بالنسبة إلى المؤسسات والتجارة الإلكترونية وأعمال SaaS، تؤثر Core Web Vitals مباشرة في الإيرادات. وقد تكلفهم كل ثانية تأخير في زمن التحميل آلافًا (أو حتى لاكهات) من المبيعات الضائعة. إليك السبب:

نوع النشاط التجاريأثر Core Web Vitals الضعيفةالعواقب الواقعية
التجارة الإلكترونيةLCP بطيء في صفحات المنتجاتعربات متروكة ومبيعات ضائعة أثناء الدفع
SaaSINP ضعيف في نماذج التسجيل/العرض التجريبيتسجيلات تجريبية أقل وتحويلات عملاء محتملين متراجعة
المؤسساتCLS مرتفع في صفحات الهبوطثقة أقل وانطباع أضعف عن العلامة
الأعمال المحليةمقاييس جوال ضعيفةخسارة ترتيب الحزمة المحلية وانخفاض المكالمات/طلبات الاتجاهات

كيفية قياس Core Web Vitals

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

أدوات Google الرسمية (مجانية)

  • Google PageSpeed Insights: يوفر بيانات مخبرية وبيانات ميدانية واقعية جُمعت من مستخدمي Chrome الفعليين. ويحلل الأداء على الجوال وسطح المكتب ويقدم اقتراحات للتحسين
  • Lighthouse: مدمج مباشرة في Chrome DevTools ويوفر البيانات المخبرية المستخدمة في Google PageSpeed Insights. ويركز أساسًا على البيانات المخبرية المولّدة في بيئة خاضعة للتحكم.
  • Google Search Console: هي أفضل أداة لمراقبة صحة الموقع الشاملة. تتتبع أداء المستخدمين الحقيقيين عبر موقعك بأكمله. وتبرز الصفحات التي تحتاج إلى تحسين في عرضي الجوال وسطح المكتب.
أدوات Google الرسمية (مجانية)

أدوات السيو من جهات خارجية (مدفوعة، مع نسخ تجريبية مجانية)

كيفية تحسين Core Web Vitals

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

تحسين LCP (أداء التحميل)

  • حسّن الصور: استخدم صيغًا حديثة مثل WebP أو AVIF لضغط الصورة بفاعلية. حدد عناصر LCP وأعطها الأولوية في التحسين.
  • حسّن زمن استجابة الخادم: قم بترقية الاستضافة وفعّل التخزين المؤقت واستخدم شبكة توصيل المحتوى (CDN)
  • قلّل الموارد التي تعطّل العرض: خفّف CSS أو JavaScript الثقيل.
  • التحميل الكسول وتلميحات الأولوية: حمّل الصور ومقاطع الفيديو الموجودة أسفل الجزء المرئي تحميلًا كسولًا.

تحسين INP (التفاعلية)

  • قلّل زمن تنفيذ JavaScript: بسّط السكربتات وتجنب الأطر المتضخمة.
  • قسّم المهام الطويلة: قسّم المهام الكبيرة إلى أجزاء أصغر لتحسين الاستجابة.
  • استخدم requestIdleCallback وisInputPending: جدول المهام غير العاجلة عندما يكون المتصفح خاملًا.
  • حسّن السكربتات الخارجية: تجنب أدوات التتبع والأدوات المصغّرة غير الضرورية.
  • طبّق debounce وthrottle على معالجات الأحداث: امنع الإطلاق المفرط لأحداث مثل التمرير أو تغيير الحجم.

تحسين CLS (الاستقرار البصري)

  • حدد دائمًا سمتي العرض والارتفاع للصور & مقاطع الفيديو
  • تجنب إدراج محتوى فوق المحتوى الموجود
  • استخدم font-display: swap لخطوط الويب
  • احجز مساحة للإعلانات والمحتوى الديناميكي
gary

موقع شركتك غير ظاهر على Google؟
اجعله في الصفحة الأولى معنا!

  • ترتيب في الصفحة الأولى من Google للكلمات المفتاحية المستهدفة
  • احتل المركز الأول في خرائطك المحلية
  • تفاعل أكبر مع العلامة ومبيعات أكثر

    قائمة تحقق لتحسين Core Web Vitals

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

    قائمة التحقق التقنية

    يؤدي الأساس التقني للموقع دورًا حاسمًا في تحسين Core Web Vitals. وتساعد بنية خلفية محسّنة جيدًا على تحسين درجات المقاييس.

    • فعّل التخزين المؤقت للمتصفح
    • استخدم شبكة توصيل المحتوى (CDN)
    • قلّص حجم CSS وJavaScript
    • قلّل عمليات إعادة التوجيه
    • حسّن الخطوط (حمّل الخطوط الحرجة مسبقًا)

    قائمة التحقق للمحتوى & الوسائط

    تسهم ملفات الوسائط الثقيلة في ضعف أداء التحميل. ويساعد تحسينها على رفع سرعة تحميل الصفحات.

    • اضغط الصور دون فقدان الجودة
    • استخدم صيغ صور حديثة (WebP أو AVIF)
    • طبّق التحميل الكسول للوسائط الموجودة أسفل الجزء المرئي
    • تجنب مقاطع الفيديو الضخمة واستخدم الضغط المناسب

    قائمة التحقق لتجربة المستخدم

    استقرار التخطيط والاستجابة ضروريان لتجربة مستخدم جيدة.

    • امنع تحولات التخطيط
    • حسّن استجابة الأزرار والروابط
    • حسّن المحتوى في الجزء المرئي ليظهر أسرع
    • ضمن تجربة جوال سلسة

    إليك ملخصًا سريعًا لأكثر تقنيات تحسين Core Web Vitals فاعلية والمقاييس التي تحسّنها:

    المجالمهمة التحسينالمقياس/المقاييس المتأثرةالفائدة لتجربة المستخدم & السيو
    الصورالضغط & استخدام صيغ WebP/AVIFLCPأوقات تحميل أسرع ومعدل ارتداد أقل
    الاستضافةتحسين زمن استجابة الخادمLCPانطباع أول أفضل وترتيب أقوى
    CSS/JSتقليص الشيفرة غير المستخدمةLCP, INPعرض أسرع وتفاعلية أكثر سلاسة
    JavaScriptتقليل المهام الطويلةINPنقرات & مدخلات أكثر استجابة
    السكربتات الخارجيةإزالة السكربتات غير الضروريةINPتأخر أقل ورضا مستخدمين أفضل
    الخطوطاستخدام font-display: swapCLSيمنع النص غير المرئي ويثبت التخطيط
    الصور/مقاطع الفيديوإضافة سمات العرض & الارتفاعCLSيوقف تحرك المحتوى ويتجنب النقرات الخاطئة
    الإعلانات/المحتوى المضمّنحجز مساحة في التخطيطCLSتصميم مستقر وتجربة جوال أكثر سلاسة
    تجربة الجوالتحسين المحتوى في الجزء المرئيجميع المقاييستجربة جوال أقوى وتحويلات أعلى
    التخزين المؤقت/CDNتفعيل التخزين المؤقت للمتصفح & CDNLCP, INPزيارات متكررة أسرع وسرعة متسقة عالميًا

    يساعد اتباع قائمة التحقق هذه على تحسين مقاييس Core Web Vitals الثلاثة مع تحسين الظهور في البحث وتجربة المستخدم الشاملة.

    هل تواجه صعوبة في تحقيق المبيعات؟
    دع الإعلانات المدفوعة تحوّل متاعبك إلى انتصارات تجارية!

    • اجذب جمهورًا محتملًا مستهدفًا
    • معدل تحويل مرتفع
    • زيادة عائد الاستثمار (ROI)

      أفضل الممارسات للحفاظ على Core Web Vitals قوية

      لتحقيق نتائج طويلة الأمد في السيو والأعمال، من الضروري الحفاظ على Core Web Vitals محسّنة. إليك أهم أفضل الممارسات للحفاظ على Core Web Vitals قوية:

      أفضل الممارسات للحفاظ على Core Web Vitals قوية
      • استخدم استضافة سريعة: اختر مزوّد استضافة موثوقًا وعالي الأداء. فأوقات استجابة الخادم البطيئة تؤثر مباشرة في أداء LCP.
      • اضغط الصور بانتظام: ضغط الصور بانتظام ضروري لضمان أن كل صورة جديدة تُرفع مضغوطة ومحسّنة بشكل صحيح.
      • قيّد السكربتات الخارجية: احتفظ بما هو أساسي فقط. فكثرة السكربتات الخارجية قد تؤثر سلبًا في الاستجابة ودرجات INP.
      • طبّق التحميل الكسول: يمنع التحميل الكسول الصور أو مقاطع الفيديو أو الإطارات المضمّنة أسفل الجزء المرئي من تعطيل الصفحة ويحسّن أداء التحميل الأولي.
      • راقب الأداء شهريًا: جدول تدقيقًا كل شهر لتحديد المشكلات وإصلاحها قبل أن تبدأ في التأثير في أداء صفحتك.
      • حسّن تجربة الجوال أولًا: بما أن نسبة كبيرة من الزيارات تأتي من الأجهزة المحمولة، أعطِ الأولوية للمحتوى في الجزء المرئي والاستجابة على الشاشات الصغيرة.

      الخلاصة

      Core Web Vitals ضرورية لتقديم تجربة مستخدم ممتازة وتحقيق ترتيب قوي في البحث. وبالتركيز على المقاييس الثلاثة: LCP وINP وCLS، يمكنك خفض معدلات الارتداد بشكل كبير وتحسين التحويلات والبقاء في الصدارة في عمليات بحث Google.

      مفتاح الحفاظ على Core Web Vitals قوية هو التحسين المستمر. ومع المراقبة المنتظمة والتدقيق والتحسين، يمكنك الحفاظ على تجربة موقع سريعة ومستقرة وسهلة الاستخدام.

      الأسئلة الشائعة حول Core Web Vitals

      Core Web Vitals ثلاثة مقاييس محددة أطلقتها Google لقياس تجربة المستخدم الحقيقية على الموقع. وهي Largest Contentful Paint (LCP) لسرعة التحميل، وInteraction to Next Paint (INP) للاستجابة، وCumulative Layout Shift (CLS) للاستقرار البصري. كما أنها جزء من إشارات ترتيب تجربة الصفحة لدى Google.

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

      الحدود الجيدة لـCore Web Vitals هي:

      • LCP: ≤ 2.5 ثانية
      • INP: < 200 ميلي ثانية
      • CLS: < 0.1

      تشير الدرجات التي تتجاوز هذه الحدود إلى أن صفحتك تحتاج إلى تحسينات وعمل.

      يوصى بالتحقق من Core Web Vitals مرة واحدة على الأقل شهريًا أو بعد تحديث رئيسي للموقع أو تغيير في التصميم.

      يقيس Largest Contentful Paint (LCP) أداء التحميل، ويقيس Interaction to Next Paint (INP) الاستجابة أثناء تفاعلات المستخدم، ويقيس Cumulative Layout Shift (CLS) الاستقرار البصري عبر تتبع تحولات التخطيط غير المتوقعة.

      نعم، يشهد الموقع السريع والمحسّن جيدًا معدل ارتداد منخفضًا وتفاعلًا أعلى ومعدل تحويل أفضل.

      Gurpreet Bhatt

      الرئيس التنفيذي

      يدير Gurpreet Bhatt شركة Softtrix Tech Solutions Pvt. Ltd. بصفته رئيسًا تنفيذيًا، وهو خبير بارع في مجال السيو. وبفضل معرفته بالقطاع والسيو، حقق Gurpreet لشركة Softtrix مكانة بارزة في التسويق الرقمي. وفي ظل قيادته أنجزت الوكالة أهدافًا لافتة، منها اعتراف Google بها كواحدة من أفضل مزودي السيو في الهند. وهو ليس مسوّقًا ماهرًا فحسب، بل معروف بنزاهته واجتهاده وشغفه بعمله.
      ويلتزم بمساعدة أقرانه وزملائه ومرؤوسيه والقطاع ككل، من خلال المشاركة في النقاشات وتقديم نصائح لرفع معايير السيو والتسويق الرقمي.

      اترك ردًا

      اترك ردًا

      لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *

      هل تريد
      مزيدًا من الزيارات والمبيعات؟
      نحن عازمون على إنجاح نشاطك. هل أنت مستعد لتجربة التغيير؟
      Gary
      رئيس التسويق الرقمي / الرئيس التنفيذي
      آمي
      رئيس الإعلانات بالنقر