مؤشرات Core Web Vitals للمواقع السعودية: دليل للشركات
- الأهداف عند النسبة المئوية 75: LCP خلال 2.5 ثانية، وINP خلال 200 ميلي ثانية، وCLS لا يتجاوز 0.1، للجوال والكمبيوتر كلٌّ على حدة.
- تجربة الصفحة إشارة واحدة عند Google، والصلة بالبحث أولًا، والنتائج الجيدة لا تضمن الترتيب.
- قيّم النتيجة ببيانات الميدان (CrUX وSearch Console) خلال 28 يومًا، لا بدرجة Lighthouse وحدها.
- ابدأ بالقوالب الأعلى زيارة: وسائط الواجهة والأكواد الخارجية وخطوط الويب والصور دون أبعاد من الأسباب الشائعة.
مؤشرات Core Web Vitals هي ثلاثة قياسات تعتمدها Google لوصف تجربة الزائر الفعلية مع الصفحة: متى يظهر المحتوى الرئيسي، وكم تتأخر الصفحة في الاستجابة عند الضغط، وهل تتحرك العناصر فجأة أثناء التحميل. لست مضطرًا لأن تكون مطورًا لتتابعها، لكن من المهم أن تفهم ما يعنيه كل مؤشر، ومن أين تأتي الأرقام، وماذا تطلب من المطور أو الوكالة.
المؤشرات الثلاثة ببساطة
- LCP: الوقت حتى يظهر أكبر عنصر في الشاشة، وغالبًا تكون صورة الواجهة أو العنوان الرئيسي. الجيد 2.5 ثانية أو أقل، وما فوق 4 ثوانٍ يُعد ضعيفًا (web.dev: LCP).
- INP: سرعة استجابة الصفحة بعد لمسة أو نقرة أو ضغطة زر، مثل فتح القائمة أو إرسال نموذج. الجيد 200 ميلي ثانية أو أقل، وما فوق 500 ضعيف (web.dev: INP). وقد حلّ INP محل مؤشر FID القديم، فأي تقرير ما زال يتحدث عن FID يحتاج تحديثًا.
- CLS: مقدار تحرّك المحتوى دون توقع، كأن ينزاح زر «تواصل عبر واتساب» لحظة الضغط عليه. الجيد 0.1 أو أقل، وما فوق 0.25 ضعيف (web.dev: CLS).
تُقاس هذه الحدود عند النسبة المئوية الخامسة والسبعين من زيارات الصفحة، وبشكل منفصل للجوال والكمبيوتر. ويُقيَّم كل مؤشر وحده، وتنجح الصفحة إذا حققت الهدف عند النسبة المئوية 75 في المؤشرات الثلاثة جميعها (نظرة web.dev العامة).
هل ترفع ترتيبك في Google؟
الإجابة الدقيقة: تأثيرها موجود لكنه محدود. تذكر Google أن أنظمة الترتيب تكافئ المحتوى الذي يقدم تجربة صفحة جيدة، لكنها تؤكد أيضًا أن البحث يعرض المحتوى الأكثر صلة حتى لو كانت تجربة الصفحة دون المستوى (Google Search Central: تجربة الصفحة)، وأن النتائج الجيدة في تقرير Core Web Vitals لا تضمن الصدارة (Google Search Central: Core Web Vitals). فالصلة بالبحث تأتي أولًا، وتجربة الصفحة إشارة واحدة ضمن إشارات كثيرة.
القيمة الأوضح تجارية: عميل يتصفح من الجوال وينتظر سلايدر ثقيلًا، أو يضغط زرًا فيقفز شريط عرض فوقه، قد يغادر ببساطة.
بيانات الميدان مقابل بيانات المختبر
- بيانات الميدان (Field): مصدرها مستخدمو Chrome الحقيقيون عبر تقرير Chrome UX (CrUX)، وتغطي آخر 28 يومًا بأجهزتهم وشبكاتهم الفعلية. وهي ما تعتمد عليه Google في التقييم.
- بيانات المختبر (Lab): اختبار محاكاة واحد عبر Lighthouse، مفيد لتشخيص المشكلة لكنه لا يعكس بالضرورة ظروف الاستخدام الحقيقية كما توضح وثائق PageSpeed Insights.
في PageSpeed Insights تظهر بيانات الميدان في الأعلى إن توفرت، ثم درجة Lighthouse من 0 إلى 100، وهي بيانات مختبر. لذلك حين يقول المطور «وصلنا 95» فهذا لا يعني بالضرورة أن تجربة زوارك تحسنت. أما تقرير Core Web Vitals في Search Console فيعتمد على بيانات CrUX، ويجمع الصفحات المتشابهة في مجموعات، ويفصل الجوال عن الكمبيوتر، وهو أفضل مكان لمعرفة أي نوع من الصفحات يواجه المشكلة.
أسباب شائعة في مواقع الشركات السعودية
بطء ظهور المحتوى (LCP)
- صور واجهة ضخمة مرفوعة كما هي من الكاميرا أو ملف التصميم، أو فيديو يعمل تلقائيًا خلف العنوان.
- سلايدرات تحمّل عدة صور وسكربتًا كاملًا قبل ظهور الشريحة الأولى.
- تفعيل التحميل المؤجل (lazy-load) على الصورة الرئيسية، وهو ما تنصح web.dev بتجنبه تمامًا (تحسين LCP).
- ملفات CSS وJavaScript تعيق العرض، وهي شائعة مع أدوات بناء الصفحات والقوالب التي تحمّل كل الخصائص في كل صفحة.
- خطوط الويب: ملفات الخطوط تضيف حجمًا للصفحة، والمواقع ثنائية اللغة قد تحمّل عائلتين بأوزان متعددة. اطلب الأوزان المستخدمة فقط، وتقليص الخط (subsetting) حيث أمكن.
بطء الاستجابة (INP)
- تكدّس الأكواد الخارجية: عدة بكسلات إعلانية، وأدوات تحليل وخرائط حرارية، ونوافذ دردشة وأزرار واتساب، كلها تتنافس على المعالج نفسه.
- JavaScript ثقيل من أدوات بناء الصفحات، وصفحات ضخمة بآلاف العناصر (تحسين INP).
اهتزاز الصفحة (CLS)
- صور وفيديوهات دون أبعاد محددة (width وheight)، فلا يستطيع المتصفح حجز مساحتها مسبقًا (تحسين CLS).
- شريط الموافقة على ملفات تعريف الارتباط وأشرطة العروض ونوافذ الدردشة التي تُضاف أعلى الصفحة بعد ظهورها.
- تبديل الخط: يظهر خط بديل ثم يُستبدل بالخط الأصلي فيتغير طول الأسطر.
من أين تبدأ؟
- الجوال أولًا: راجع توزيع الأجهزة في Google Analytics لموقعك، ففي كثير من المواقع الموجهة للمستهلكين يتصدر الهاتف. وظروف الاتصال تختلف بين الواي فاي في البيت والجيل الخامس داخل المدن وتغطية أضعف على الطرق، لذا اختبر على جوال متوسط عبر بيانات الجوال، لا على واي فاي المكتب فقط.
- أصلح القوالب لا الصفحات: إصلاح قالب صفحة الخدمة أو المنتج قد يحسّن كل الصفحات المبنية عليه، وإن بقيت الصور والتضمينات والأكواد الخاصة بكل صفحة قادرة على إحداث نتائج مختلفة.
- رتّب حسب الزيارات والقيمة: الرئيسية، وصفحات الهبوط المرتبطة بالإعلانات، والصفحات التي فيها نموذج تواصل أو حجز.
- راجع الأكواد الخارجية قبل أي برمجة: حذف بكسل حملة انتهت قبل أشهر أرخص من أي تحسين آخر.
ماذا تطلب من المطور أو الوكالة؟
- خط أساس: بيانات الميدان الحالية من PageSpeed Insights للقوالب الرئيسية على الجوال والكمبيوتر، ولقطة من تقرير Search Console.
- تحديد عنصر LCP في كل قالب وسبب بطئه بلغة واضحة.
- قائمة بكل كود خارجي: من يملكه، وهل ما زال مطلوبًا.
- صور واجهة بصيغ حديثة وأحجام مناسبة دون تحميل مؤجل، وتجنب الفيديو التلقائي أعلى الصفحة على الجوال إلا للضرورة.
- أبعاد واضحة للصور والتضمينات والأشرطة، مع حجز مساحة لشريط الموافقة وأشرطة العروض.
- خطة للخطوط العربية والإنجليزية: العائلات والأوزان وطريقة التبديل.
- تقرير قبل وبعد يفصل نتائج المختبر عن نتائج الميدان.
القياس قبل التعديل وبعده
سجّل الوضع الحالي قبل بدء العمل. بعد النشر يمكن إعادة اختبارات المختبر فورًا، وهذا يساعد على فحص إصلاحات التحميل واستقرار الصفحة. لكن أدوات المختبر مثل Lighthouse لا تستطيع قياس INP لعدم وجود تفاعل مستخدم حقيقي، وتعرض بدلًا منه Total Blocking Time كمؤشر تقريبي له، فلا يتأكد تحسّن الاستجابة إلا ببيانات الميدان. أما بيانات الميدان فتحتاج وقتًا لأن CrUX وSearch Console يعتمدان على آخر 28 يومًا. احكم على النتيجة بعد نحو شهر، ودوّن تواريخ النشر حتى لا يختلط أثر إضافة لاحقة، كنافذة دردشة أو بكسل حملة جديدة، بالإصلاح الأصلي.
متى لا تستحق كل هذا الاهتمام؟
لا يشمل CrUX إلا الصفحات والمواقع التي لديها عدد كافٍ من الزوار. لذلك قد لا يظهر أي بيانات في Search Console لموقع جديد أو قليل الزيارات، وتوضح Google أن السبب إما أن الموقع جديد في Search Console أو أن بيانات CrUX غير كافية (مساعدة Search Console). وكذلك قد لا تعرض PageSpeed Insights بيانات ميدان للصفحة أو للموقع كله. في هذه الحالة استخدم اختبارات المختبر كمؤشر، وعالج المشكلات الواضحة أعلاه، ثم ركّز جهدك على المحتوى والصلة بالبحث وتحويل الزوار إلى عملاء.
ولصورة أشمل، اجمع هذا مع تدقيق السيو التقني. تقدّم وكالة إكليبس للدعاية والإعلان في الرياض خدمات تطوير المواقع في السعودية، ويسعدنا تواصلك لمناقشة موقعك.
أسئلة شائعة
هل تحدد مؤشرات Core Web Vitals ترتيب موقعي في Google مباشرة؟
لا. تكافئ Google تجربة الصفحة الجيدة، لكن الصلة بالبحث تأتي أولًا، والنتائج الجيدة في التقرير لا تضمن الصدارة. تعامل معها كإشارة ضمن إشارات كثيرة ومقياس لمعاناة الزائر.
لماذا تتغير درجة PageSpeed Insights في كل اختبار؟
الدرجة من 0 إلى 100 بيانات مختبر من اختبار محاكاة واحد، فتتأثر بظروف الشبكة والخادم. قسم بيانات الميدان المبني على مستخدمي Chrome الحقيقيين خلال 28 يومًا أكثر ثباتًا، وهو ما تعتمد عليه Google.
لا تظهر بيانات Core Web Vitals لموقعي في Search Console، فهل هناك خلل؟
غالبًا لا. التقرير يعتمد على CrUX الذي لا يشمل إلا المواقع والصفحات ذات الزيارات الكافية. المواقع الجديدة أو قليلة الزيارات كثيرًا ما تخلو من بيانات الميدان، فاستخدم اختبارات المختبر لاكتشاف المشكلات الواضحة.
المصادر: web.dev · web.dev · web.dev · web.dev · developers.google.com · developers.google.com · developer.chrome.com · developers.google.com · support.google.com · web.dev · web.dev · web.dev