هل ترغب في تحسين أساسيات الويب الأساسية لـ ووردبريس؟
Core Web Vitals هي مبادرة من Google تساعد مالكي مواقع الويب على تحسين تجربة المستخدم وجودة مواقع الويب الخاصة بهم. هذه الإشارات حاسمة لنجاح أي موقع.
في هذا الدليل ، سنوضح لك كيفية تحسين Google Core Web Vitals بسهولة لـ ووردبريس دون أي مهارات تقنية خاصة.
تحسين Google Core Web Vitals لموقع ووردبريس الخاص بك
فيما يلي نظرة عامة سريعة على ما سنقوم بتغطيته في هذا الدليل.
ما هي Google Core Web Vitals؟
كيفية اختبار نقاط Google Core Web الحيوية الخاصة بك
لماذا تعتبر “حيوية الويب الأساسية” مهمة؟
كيفية تحسين أساسيات الويب في ووردبريس (7 نصائح)
Google Core Web Vitals عبارة عن مجموعة من مقاييس أداء موقع الويب التي تعتبرها Google مهمة في تجربة المستخدم الإجمالية لموقع الويب. ستكون نتائج الويب الحيوية هذه جزءًا من النتيجة الإجمالية لتجربة صفحة Google والتي ستؤثر على تصنيفات تحسين محركات البحث (SEO) الخاصة بك.
الحقيقة هي أنه لا أحد يحب موقع الويب البطيء التحميل بما في ذلك Google.
حتى إذا تم تحميل موقع الويب الخاص بك بسرعة ، فقد لا يعمل بشكل كامل للمستخدمين للقيام بما يريدون القيام به أو الوصول إلى المعلومات التي يحتاجون إليها.
هذا ما يساعدك على قياسه. ما مدى سرعة تحميل موقع الويب الخاص بك ويصبح مرئيًا وجاهزًا لمستخدميك؟
حيوية الويب الأساسية
للقيام بذلك ، تستخدم Google ثلاثة اختبارات جودة (Web Vitals).
أكبر طلاء محتوى (LCP)
أول تأخير في الإدخال (FID)
التحول في التخطيط التراكمي (CLS)
الآن قد تبدو أسماء هذه الاختبارات فنية للغاية ولكن ما تفعله سهل الفهم.
دعونا نرى كيف يعمل كل اختبار من اختبارات Web Vitals ، وما يقيسونه ، وكيف يمكنك تحسين درجاتك ..
يبحث Largest Contentful Paint أو LCP عن مدى سرعة ظهور المحتوى الرئيسي (سواء كان صورة أو مقالة أو وصفًا) للمستخدمين.
على سبيل المثال ، قد يتم تحميل موقع الويب الخاص بك بسرعة ، ولكن قد لا يظهر المحتوى الأكبر على الشاشة بنفس سرعة باقي الصفحة.
ستمنحك أدوات اختبار السرعة الأخرى درجة عالية ، ولكن من وجهة نظر المستخدم ، لا تزال الصفحة بطيئة.
هذا هو السبب في أن Google تقيس LCP كجزء من النتيجة الحيوية للويب ، بحيث يمكن لأصحاب مواقع الويب الحصول على فهم أكثر وضوحًا.
يقيس تأخير الإدخال الأول (FID) الوقت الذي يستغرقه متصفح المستخدم ليكون قادرًا بالفعل على بدء معالجة معالجات الأحداث استجابة لتفاعل المستخدم.
بلغة إنجليزية بسيطة ، لنفترض أن المستخدم موجود على صفحة نموذج الاتصال الخاصة بك . يملأون النموذج وينقرون على زر إرسال. FID ، سيقيس مدى سرعة معالجة موقع الويب الخاص بك لهذا التفاعل.
وأبسط مثال على ذلك هو الوقت الذي ينقر فيه المستخدم على رابط إلى الوقت الذي يبدأ فيه المتصفح في معالجة التسلسل التالي للأحداث.
يعمل تغيير التنسيق التراكمي (CLS) على قياس الوقت الذي يستغرقه موقع الويب ليصبح مستقرًا بصريًا.
أثناء تحميل موقع ويب ، يستغرق تحميل بعض العناصر وقتًا أطول من العناصر الأخرى. خلال هذا الوقت ، قد يستمر محتوى موقع الويب الخاص بك في التحرك على الشاشة.
على سبيل المثال ، إذا كان المستخدم يقرأ فقرة على جهاز محمول وتم تحميل مقطع فيديو فوقه ، فإن هذا يجعل المحتوى بأكمله يتحرك لأسفل. قد يكون هذا محبطًا حقًا إذا كان المستخدم يحاول تنفيذ إجراء مثل إضافة منتج إلى عربة التسوق حيث يتحول الزر لأسفل بسبب تحرك عناصر أخرى على الصفحة.
فيديو تعليمي
اشترك في WPBeginner
إذا كنت تفضل التعليمات المكتوبة ، فاستمر في القراءة.
أسهل طريقة لاختبار نقاط Google Core Web Vitals الخاصة بك هي استخدام أداة Page Speed Insights . ما عليك سوى إدخال عنوان URL الذي تريد اختباره والنقر فوق الزر تحليل.
استخدام أداة Page Speed Insights لعرض نقاط Web Vitals الأساسية
يتم عرض النتائج الحيوية الأساسية تحت القسم المعنون “بيانات الحقل”.
مثال على تقرير “حيوية الويب الأساسية”
لتبسيط الأمر ، سترى رسالة في الأعلى تقول “[…] تُظهر البيانات الميدانية أن هذه الصفحة تجتاز تقييم” أساسيات الويب الأساسية “.
في الرسم البياني أدناه ، يمكنك عرض النتيجة الفعلية لجميع العناصر الحيوية الأساسية الثلاثة. فيما يلي مقدار ما تحتاج إلى تسجيله لاجتياز اختبارات Web Vitals الأساسية لكل عنصر.
أكبر طلاء محتوى (LCP) – 2.5 ثانية
أول تأخير للإدخال (FID) – أقل من 100 مللي ثانية
التحول في التخطيط التراكمي (CLS) – أقل من 0.1
تتيح لك أداة Page Speed Insights الآن التحقق من صفحة فردية. إذا كانت الصفحة التي تقوم بفحصها هي جذر اسم المجال الخاص بك ، فيمكنك أيضًا النقر فوق مربع الاختيار “إظهار ملخص الأصل”.
نقاط ملخص الأصل
سيُظهر لك هذا النتيجة لجميع الصفحات التي يتم عرضها من هذا الأصل.
ومع ذلك ، للتعمق حقًا ، يمكنك الوصول إلى تقرير Core Web Vitals في لوحة تحكم Google Search Console أيضًا.
أساسيات الويب الحيوية في Google Search Console
يتيح لك ذلك معرفة عدد عناوين URL على موقع الويب الخاص بك التي اجتازت الاختبارات ، وعناوين URL التي تحتاج إلى تحسين ، والصفحات التي حصلت على درجة ضعيفة.
للحصول على تقارير أكثر تفصيلاً عن Web Vitals ، يمكنك استخدام اختبار سرعة المنارة بالانتقال إلى أداة Web.dev Measure ، أو باستخدام الاختبار المدمج داخل متصفح Google Chrome.
ما عليك سوى فتح موقع ويب في Chrome ، والنقر بزر الماوس الأيمن في أي مكان على الشاشة ، ثم تحديد خيار الفحص. في علامات التبويب ، سترى خيارًا يسمى Lighthouse.
اختبار “حيوية الويب” في Google Chrome
بعد ذلك ، انقر فوق الزر “إنشاء تقرير”.
ملاحظة: يجب إجراء اختبار Chrome في وضع التصفح المتخفي للحصول على أكثر النتائج دقة. وإلا فقد تؤثر امتدادات المستعرض الخاص بك سلبًا على النتيجة الحيوية الأساسية للويب التي تعرضها لك.
تعتبر “حيوية الويب الأساسية” مهمة لأنها تعكس كيفية أداء موقع الويب الخاص بك للمستخدمين. إنه لا يركز فقط على التحميل الأسرع لموقع الويب ولكن على مدى سرعة المستخدمين في استخدامه بالفعل.
وفقًا لدراسة حديثة ، يمكن أن يؤدي التأخير لمدة ثانية واحدة في وقت تحميل الصفحة إلى خسارة 7٪ في التحويلات ، و 11٪ أقل في مشاهدات الصفحة ، و 16٪ انخفاض في رضا العملاء.
دراسة StrangeLoop
لهذا السبب من الضروري تحسين موقع الويب الخاص بك للسرعة والأداء. ومع ذلك ، فإن معظم أدوات قياس الأداء لم تأخذ في الاعتبار جودة تجربة المستخدم.
لا يزال موقع الويب الأسرع مع تجربة المستخدم السيئة يكلفك التحويلات ، وعدد أقل من مشاهدات الصفحة ، ورضا العملاء الضعيف. يساعدك تحسين “العناصر الحيوية للويب” الأساسية على علاج ذلك.
تعد تجربة المستخدم أيضًا عاملاً مهمًا في تصنيفات تحسين محركات البحث . أعلنت Google بالفعل أنه بدءًا من مايو 2021 ، سيتضمن تحديث خوارزمية البحث تجربة الصفحة كأحد عوامل التصنيف.
ومع ذلك ، دعنا نرى كيف يمكنك بسهولة تحسين حيوية الويب الأساسية الخاصة بك لتقديم تجربة مستخدم أفضل على موقع الويب الخاص بك.
إن تحسين نقاط Web Vitals الأساسية في ووردبريس ليس بهذه الصعوبة. باستخدام بعض النصائح الأساسية لتحسين الأداء ، يمكنك بسهولة اجتياز نتيجة Web Vitals.
تلعب شركة استضافة ووردبريس الخاصة بك الدور الأكثر أهمية في أداء موقع الويب الخاص بك.
إنهم قادرون على تحسين خوادمهم لـ ووردبريس مما يمنح موقع الويب الخاص بك منصة صلبة للبناء عليها.
نوصي باستخدام SiteGround لموقع ويب عالي الأداء. إنها واحدة من شركات استضافة ووردبريس الموصى بها رسميًا ، ونستخدم SiteGround لموقع WPBeginner على الويب.
SiteGround
لمنح موقع الويب الخاص بك الأداء الذي يحتاجه ، يستخدم SiteGround Google Cloud Platform لخوادمهم جنبًا إلى جنب مع PHP فائق السرعة.
من SG محسن يستخدم البرنامج المساعد بأكثر من مليون موقع. يقوم تلقائيًا بإجراء تحسينات إضافية على الأداء وتشغيل التخزين المؤقت المدمج الذي يقوم بكل ما يفعله WP Rocket والمزيد.
من المهم ملاحظة أن المكون الإضافي SG Optimizer الخاص بهم يعمل فقط على حسابات استضافة SiteGround ، وأن تحسينات الأداء هذه متاحة لجميع الخطط بما في ذلك الخيار الأقل.
إذا كنت تستخدم موفر استضافة ووردبريس آخر ، فنحن نوصي باستخدام WP Rocket جنبًا إلى جنب مع عدد قليل من الأدوات الأخرى لتحقيق نتيجة أفضل لأساسيات الويب الأساسية.
WP Rocket هو أفضل مكون إضافي للتخزين المؤقت في ووردبريس في السوق. يسمح لك بإعداد التخزين المؤقت بسهولة على موقع ووردبريس الخاص بك دون الدخول في أي تفاصيل تقنية لإدارة الخادم.
كما ذكرنا سابقًا ، فإن أكبر محتوى مرسوم (LCP) هو حرفيًا الجزء الأكبر من المحتوى داخل إطار عرض الصفحة. على سبيل المثال ، في منشور مدونة ، يمكن أن تكون هذه الصورة المميزة أو نص المقالة.
كلما زادت سرعة تحميل هذا المحتوى ، زادت نقاط LCP الخاصة بك.
كيف تعرف المحتوى الذي يعتبر الأكبر في الاختبار؟ حسنًا ، تحتاج إلى التمرير لأسفل للوصول إلى نتائج الاختبار وتوسيع علامة التبويب “أكبر عنصر رسم محتوى”.
أكبر محتوى عنصر مرسوم
سترى العناصر التي تم وضعها في الاعتبار لدرجة LCP. إذا كانت الصورة أكبر ، فيمكنك محاولة استبدالها بصورة أصغر أو صورة ذات حجم وجودة أقل للملف. راجع دليلنا حول كيفية تحسين الصور لأداء الويب .
إذا كان نصًا ، فيمكنك محاولة تقسيمه إلى فقرات وعناوين.
تقيس درجة تأخير الإدخال الأول الوقت بين قيام المستخدم بالنقر فوق شيء ما على موقع الويب الخاص بك وبين المتصفحات التي تبدأ في معالجة العناصر.
أهم نصيحة لتحسين ذلك هي استخدام استضافة ويب أفضل أو حتى منصة استضافة ووردبريس مُدارة .
هناك طريقة أخرى سهلة لتحسين درجة FID وهي استخدام مكون إضافي للتخزين المؤقت مثل WP Rocket. يأتي مزودًا بميزة مدمجة تتيح لك تحسين تسليم الملفات.
ستحتاج أولاً إلى تثبيت البرنامج المساعد WP Rocket وتنشيطه . لمزيد من التفاصيل ، راجع دليلنا خطوة بخطوة حول كيفية تثبيت مكون ووردبريس الإضافي .
بعد ذلك ، انتقل إلى الإعدادات » صفحة WP Rocket وانتقل إلى علامة التبويب File Optimization.
تحسين الملفات في WP Rocket
قم بالتمرير لأسفل إلى أسفل الصفحة وحدد المربع بجوار الخيار “تحميل مؤجل جافا سكريبت”.
تأجيل جافا سكريبت
لا تنس النقر فوق الزر حفظ التغييرات لتخزين تغييراتك.
يسمح تأجيل JavaScript لموقع الويب الخاص بك بالتحميل دون انتظار تحميل JavaScript. يؤدي هذا إلى تحسين نقاط تأخير الإدخال الأول (FID) للصفحات التي قد يكون جافا سكريبت هو السبب فيها.
تتأثر نقاط تغيير التخطيط التراكمي (CLS) عندما يتم تحميل العناصر المختلفة على صفحة الويب ببطء وتنقل العناصر الأخرى على الشاشة.
يمكنك عرض العناصر التي تؤثر على نتيجة CLS من خلال توسيع علامة التبويب “تجنب التحولات الكبيرة في التخطيط” في نتائج Page Speed Insights.
تخطيط عناصر التحول
سيُظهر لك هذا العناصر التي تسبب أكبر تأثير لتغيير التخطيط أثناء تحميل الصفحة.
للتأكد من أن التخطيط المرئي لصفحتك لا يتغير مع تحميل العناصر الأخرى ، فأنت بحاجة إلى إخبار المتصفحات بأبعاد (العرض والارتفاع) للعناصر مثل الصور ومضمنات الفيديو والإعلانات مثل Google AdSense والمزيد.
يضيف ووردبريس تلقائيًا سمات الطول والعرض للصور التي تضيفها. ومع ذلك ، لا يزال بإمكانك التحقق من جميع الوسائط الأخرى على وجه الخصوص التضمينات للتأكد من أن جميعها لها سمات الطول والعرض.
تتمثل إحدى طرق القيام بذلك في استخدام أداة الفحص . ما عليك سوى النقر بزر الماوس الأيمن في المستعرض الخاص بك وتحديد فحص لفتح وحدة تحكم المطور.
يمكنك بعد ذلك الإشارة والنقر فوق عناصر صفحة مختلفة لتمييز شفرة المصدر الخاصة بها. هناك ، يمكنك معرفة ما إذا كان العنصر يحتوي على سمات العرض والارتفاع المحددة.
افحص سمات الطول والعرض
عناصر منع العرض هي العناصر التي يتم تحميلها بشكل أبطأ ولكنها تمنع العناصر الأخرى من التحميل أولاً. يؤثر هذا على مجموع نقاط Web Vitals وتجربة المستخدم على موقع الويب الخاص بك.
ستظهر لك نتائج Page Speed Insights عناصر حظر العرض. هذه عادةً ما تكون ملفات JavaScript أو CSS مضافة بواسطة مكونات ووردبريس الإضافية وأدوات الطرف الثالث مثل Google Analytics و Facebook Pixel و Google Ads والمزيد.
عرض عناصر الحجب
ومع ذلك ، تتم إضافة معظم هذه العناصر برمجيًا إلى موقعك بواسطة مكونات إضافية أو سمة مختلفة. هذا يجعل من الصعب على المستخدم المبتدئ إزالتها أو تحميلها بشكل صحيح.
لدينا دليل خطوة بخطوة حول كيفية التخلص بسهولة من عناصر حظر العرض في ووردبريس دون العبث بأي كود على موقع الويب الخاص بك.
هناك سبب شائع آخر لانخفاض نقاط “أساسيات الويب” الأساسية وهو الصور الكبيرة جدًا. يقوم العديد من مستخدمي ووردبريس بتحميل صور عالية الدقة على مواقع الويب الخاصة بهم والتي تستغرق وقتًا أطول للتحميل وفي معظم الحالات ليست ضرورية.
الصور المحسّنة مقابل الصور غير المحسّنة في ووردبريس
يصبح هذا الأمر أكثر إشكالية للمستخدمين على الأجهزة المحمولة. ستلائم سمة ووردبريس المتجاوبة و ووردبريس الصورة تلقائيًا مع شاشة الهاتف المحمول للمستخدم ، لكنهم سيظلون يقومون بتحميل ملف أكبر.
لدينا دليل مفصل حول كيفية تحسين الصور بشكل صحيح لموقع ووردبريس الخاص بك دون فقدان الجودة أو التأثير على الأداء.
شبكة CDN أو شبكة توصيل المحتوى هي خدمات تابعة لجهات خارجية تتيح لك خدمة محتوى ثابت لموقعك على الويب من خوادم متعددة حول العالم.
يتيح ذلك للمستخدمين تنزيل تلك الملفات الثابتة مثل الصور و CSS من الخوادم الأقرب إليهم. كما أنه يقلل الحمل على موقع الويب الخاص بك والذي يمكنه بعد ذلك متابعة تحميل العناصر الأخرى.
يمكنك استخدام تطبيق جدار الحماية السحابي مثل Sucuri الذي يأتي مع خدمة CDN مضمنة. يساعدك Sucuri أيضًا في حظر الطلبات الضارة والبريد العشوائي مما يحرر موارد موقع الويب الخاص بك بشكل أكبر.
يمكنك أيضًا استخدام CDN المجاني من Cloudflare كبديل. يأتي مزودًا بحماية جدار الحماية الأساسية وخدمة CDN التي من شأنها تحسين نقاط الويب الحيوية لموقع الويب الخاص بك.
نأمل أن يساعدك هذا الدليل في تعلم كيفية تحسين أساسيات الويب الأساسية لـ ووردبريس. جانب آخر مهم لتجربة المستخدم الجيدة هو الأمان. نوصيك باتباع قائمة التحقق من أمان ووردبريس الخاصة بنا للتأكد من أن أداء موقع الويب الخاص بك لا يتأثر بهجمات البريد العشوائي أو DDoS.
قد تحتاج أيضا إلى مراجعة مقارنة بين أفضل برامج تحرير الفيديو و أفضل منصات الويبينار لخلق الأداء الأمثل محتوى وسائل الإعلام التي لا تبطئ سرعة موقع الويب الخاص بك.
نأمل أن تساعدك هذه المقالة في تعلم كيفية تغيير نظام ألوان الادمن في الووردبريس. قد ترغب أيضًا في رؤية مختارات حول الإضافات (بلجن) في الووردبريس ودليلنا حول كيفية اختيار أفضل شركات حجز النطاقات والاستضافات وكيفية التعامل معها.
إذا أعجبك هذا المقال ، فيرجى الاشتراك في قناتنا على اليوتيوب لدروس فيديو في الووردبريس. ويمكنك أيضًا أن تجدنا على فيسبوك وتويتير وانستجرام وتيكتوك، لطفاً لا تنسى متابعتنا، فنحن نسعد برؤيتك..
