كيف تحتاج مواقع التجارة الإلكترونية إلى تحسين عناصر الويب الحيوية الأساسية

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

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

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

تعد "العناصر الحيوية للويب الأساسية" مجموعة من ثلاثة عوامل تصنيف تشكل جزءًا من إشارة التصنيف الشاملة "تجربة الصفحة". العناصر الأساسية الثلاثة للويب هي:

• أكبر رسم محتوى (LCP): يقيس هذا الوقت الذي يستغرقه تحميل المحتوى الرئيسي لصفحتك. يجب أن تهدف لمدة 2.5 ثانية أو أقل!
• أول تأخير في الإدخال (FID): يجب أن تستغرق صفحتك أقل من 100 مللي ثانية لتصبح تفاعلية.
• التحول التراكمي في التخطيط (CLS): هل سبق لك أن لاحظت وجود محتوى يقفز من مكان لآخر عند محاولة تحميل صفحة؟ هذا هو التحول في التخطيط التراكمي! يجب أن تهدف إلى الحصول على درجة أقل من 0.1 لـ CLS.

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

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

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

إذا حصلت على نقاط ضعيفة بالنسبة لـ Core Web Vitals من Google ، فسيؤثر ذلك على مدى ترتيبك في نتائج البحث.

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

كيف أثرت حيوية الويب الأساسية على بناة التجارة الإلكترونية؟

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

قام خبير بناء مواقع الويب بتحليل أكثر من 3000 عنوان URL عبر سطح المكتب والجوّال لمعرفة مدى جودة أداء منشئي التجارة الإلكترونية المشهورين مقابل أساسيات الويب الأساسية من Google. اختبروا:

يُظهر بحثهم أن أداء الأجهزة المحمولة مخيب للآمال إلى حد كبير في جميع المجالات ، وهو أمر يثير قلق مالكي المتاجر الذين يرون أن Google عادةً ما تقوم بفهرسة إصدارات الأجهزة المحمولة من المواقع بدلاً من إصدارات سطح المكتب!

أفضل نتيجة أداء للجوّال هي Shift4Shop مع 57.28 ، والتي تندرج ضمن فئة نقاط "Needs Improvement" من Google. حصلت المنصات الست الأخرى على درجة "ضعيفة"!

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

أفضل منشئي التجارة الإلكترونية لكل مقياس Core Web Vital محدد هم:

• LCP: أصبح Volusion هو الأسرع على سطح المكتب ، وحصل على درجة "جيدة" مع 2.05 ثانية
• FID: Shift4Shop هو الأفضل لكل من الأجهزة المحمولة وسطح المكتب
• CLS: Wix هو الأفضل على سطح المكتب بدرجة "جيدة" تبلغ 0.06

كيف يمكنك اختبار وتحسين متجرك؟

من الجيد جدًا القول إنه من المهم تحسين متجرك لأساسيات الويب الأساسية من Google - ولكن كيف يمكنك فعل ذلك بالضبط؟

# 1. اختبر موقعك

تتمثل الخطوة الأولى في معرفة كيفية أداء متجرك بالضبط في الوقت الحالي. هذا يساعدك على معرفة من أين تبدأ! انتقل إلى أداة PageSpeed ​​Insights المجانية من Google وأدخل عنوان URL الخاص بك. ستحلل عنوان URL وتوفر النتيجة الإجمالية ، بالإضافة إلى تفصيل يوضح أين تحتاج إلى تحسين - وأين تقوم بعمل جيد!

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

• لتحسين LCP ... حاول إضافة تلميحات التحميل المسبق إلى HTML ، لأن هذا يخبر المتصفح بالعناصر التي يجب تحميلها مبكرًا.
• لتحسين FID ... حاول تقليل عدد التطبيقات التي تستخدمها - تجنب الاعتماد كثيرًا على JavaScript ، وقم بتمكين التحميل البطيء إذا كان لديك الكثير من الصور.
• لتحسين CLS ... حدد أبعاد المحتوى الخاص بك ، خاصةً إذا كان التحميل بطيئًا ، مثل الصور. إصلاح وضع الإعلان والراية على صفحتك أيضًا!

# 2. استخدم قوالب بسيطة

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

# 3. تقييد التطبيقات والإضافات الخاصة بك

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

# 4. تحقق من خطتك

إذا كنت تستخدم CMS مثل WordPress ، فيمكنك تقييم ما إذا كنت تستخدم خطة الاستضافة الصحيحة. ومع ذلك ، إذا كنت تستخدم منشئ مواقع التجارة الإلكترونية ، مثل Shopify أو BigCommerce ، فلا يمكنك تغيير الاستضافة الخاصة بك.

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

# 5. تحسين الصور

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

تتمثل إحدى أكبر فوائد تحسين صورك في أنها تساعد في تقليل أوقات التحميل. إذا كانت السرعة تمثل مشكلة لمتجرك ، فجرّب ذلك بالتأكيد - يمكنك استخدام أدوات مجانية عبر الإنترنت مثل Kraken.io أو TinyPNG لضغط الصور قبل إضافتها إلى موقعك.

# 6. حدد أكبر عنصر لديك

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

لا تفترض أنك تعرف ما هو العنصر الأكبر في صفحاتك. لا يمكنك البدء في تحسين درجة LCP الخاصة بك إذا كان لديك أنت و Google أفكار مختلفة حول أي عنصر هو LCP (أكبر رسم محتوى)!

لمعرفة أي عنصر هو LCP الخاص بك ، استخدم PageSpeed ​​Insights - فهو يخبرك في قسم التشخيص في تحليل صفحتك! بمجرد معرفة عنصر LCP الخاص بك ، يمكنك التركيز على التأكد من أنه يتم تحميله في أقل من 2.5 ثانية. على سبيل المثال ، إذا كانت الصورة كبيرة ، فحاول ضغطها أو استبدالها بحجم أصغر.

# 7. التركيز على تجربة الهاتف المحمول

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

يمكنك التفوق في المنافسة من خلال الاهتمام الشديد بتجربة الهاتف المحمول في متجرك. تتضمن بعض الطرق التي يمكنك البدء بها في هذا ما يلي:

• باستخدام أداة اختبار التوافق مع الأجهزة الجوّالة من Google - إنها مجانية ، وكل ما عليك فعله هو إدخال عنوان URL الخاص بك والنقر على "اختبار URL". ستتلقى نتيجة تخبرك ما إذا كانت صفحتك متوافقة مع الجوّال أم لا!
• تمكين Accelerated Mobile Pages (AMP) - هذا إطار عمل HTML مفتوح المصدر يساعد على تحميل الصفحات بشكل أسرع.
• التحقق من تصميم هاتفك المحمول - تتيح لك بعض الأنظمة الأساسية عرض عرض هاتفك المحمول وتعديله. يساعد هذا في ضمان ظهور المحتوى بشكل جيد على الأجهزة المختلفة.

# 8. استخدم CDN

تخزن شبكة توصيل المحتوى (CDN) بياناتك عبر مواقع متعددة - يتصل الزوار بالخادم الأقرب إليهم ، مما يساعد موقعك على التحميل بشكل أسرع. تفضل Google مواقع التحميل الأسرع ، وهذا هو السبب في أن CDN مفيدة جدًا. هناك الكثير للاختيار من بينها - من أشهرها Cloudflare و Fastly ، لكن بعض المنشئين مثل Wix يأتون تلقائيًا مع CDN مدمج بالفعل!

# 9. حافظ على تصميمك بسيطًا

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

# 10. ابق على اطلاع بممارسات تحسين محركات البحث المعتادة

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

ملخص

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

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