كيفية تحسين افتراضية الويب الأساسية على مواقع WordPress؟

لماذا السرعة مهمة في التسويق الرقمي؟ من المرجح أن يظل المستخدمون الذين يواجهون أوقات عرض أسرع على الصفحة ويتصفحون. هذا ، بدوره ، يمكن أن يؤثر بشكل إيجابي على تصنيفات SERP الإجمالية الخاصة بك. علاوة على ذلك ، فإن الوقت الذي تستغرقه صفحة الويب لعرض منطقة العرض الأولى أصبح أكثر تشويقًا لمحركات البحث. في الواقع ، ما يقرب من نصف جميع عوامل الترتيب في Google مرتبطة بشكل مباشر بتحسين تجربة المستخدم. تشتهر محركات البحث بتأكيدها على عوامل تصنيف معينة ، بما في ذلك العديد من جوانب التحميل ، والمعروفة باسم حيوية الويب الأساسية (CWV). بصرف النظر عن التأثير المباشر على التصنيفات ، من المحتمل أيضًا أن تؤثر تجربة الصفحة الخاصة بك على كيفية تفاعل المستخدمين أثناء تصفح المحتوى الخاص بك ومدى احتمالية عودتهم إليه.

ثلاثة مكونات لأساسيات الويب الأساسية

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

أكبر رسم محتوى ، وتأخير الإدخال الأول ، وتحول التخطيط التراكمي - هذه هي المكونات الثلاثة لأساسيات الويب الأساسية.

• أكبر رسم محتوى - يعد أكبر رسم محتوى (LCP) معيارًا مهمًا لأن الإدراك المرئي لموقع الويب يتأثر بشكل كبير بسرعة التحميل لأكبر عنصر في الشاشة. الوقت بين تحميل محتوى DOM واللحظة التي يرى فيها المستخدم شيئًا ما على شاشته - صورة كبيرة أو جزء من النص - هو CPL أو زمن انتقال المحتوى. إنه في الأساس الوقت المنقضي بين نقرة المستخدم (على سبيل المثال ، لتحميل صفحة) واللحظة التي يشاهدون فيها نوعًا من المحتوى. إذا استغرق رسم المحتوى الخاص بك أكثر من 4 ثوانٍ ، فقد يؤثر ذلك سلبًا على نتيجة تحسين محركات البحث.
• أول تأخير للإدخال - أول تأخير في الإدخال هو المدة التي تستجيب فيها الصفحة لمدخلاتك بعد النقر فوق شيء ما. عادةً ما يتم قياس FID بالمللي ثانية (مللي ثانية). على سبيل المثال ، عندما ينقر المستخدم على عنصر الموقع وينتظر الشاشة لتحديث المعلومات الجديدة ، يقوم المستعرض بمعالجة هذا الإجراء ويقدم نتيجة. كلما كان FID أقصر ، يمكن للمستخدمين الأسرع البدء في التنقل في صفحتك ، حيث يمكنك الاحتفاظ بها لفترة أطول وزيادة تحويلاتك. أوضحت Google أنها ستتسامح مع تأخير الإدخال الأول بمقدار 100 مللي ثانية للحصول على درجة ممتازة و 300 مللي ثانية للحصول على درجة ضعيفة.
• التحول في التخطيط التراكمي - هل سبق لك أن قمت بالتمرير لأسفل في صفحة ولاحظت فجأة أن جزءًا كبيرًا من الصفحة يتحول لأعلى أثناء التمرير؟ يحدث تحول التخطيط التراكمي (CLS) عندما يتحرك المحتوى حول الصفحة بعد رسمها. والنتيجة هي أنه يتعين على المستخدم فهم محتوى صفحتك وإعادة توزيعه ، خاصةً إذا كان هناك الكثير من النص. درجة تحول التخطيط التراكمي الكافية أقل من 0.1 ، والضعيف أقل من 0.25.

كيف تقيس أساسيات الويب الأساسية على مواقع WordPress؟

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

جوجل Search Console

بعد قياس بيانات المستخدم الفعلية ، تُنشئ Search Console تقارير CWV مع عدد الصفحات التي تم العثور فيها على المشكلات بشكل منفصل لإصدارات سطح المكتب والجوّال من موقع الويب. يغطي أداء عنوان URL استنادًا إلى حالته (ضعيف ، بحاجة إلى تحسين ، جيد) ، مؤشرات الويب الأساسية (CLS ، FID ، LCP) ، ومجموعات الصفحات المماثلة. من المهم أيضًا ملاحظة أنه إذا كان عنوان URL لا يحتوي على بيانات تقارير كافية لمقياس معين ، فلن يتم تضمينه في التقرير.

PageSpeed ​​Insights

في الوقت نفسه ، تتيح لك PageSpeed ​​Insights عرض موقعك من منظور برامج الزحف والمستخدمين من Google ، مما يوفر تحليلاً لمشاكل صفحتك ويقدم اقتراحات لتحسين الأداء. يسمح لك التقرير بفهم أفضل للموارد التي تساهم في زيادة أوقات التحميل. ستحصل أيضًا على تقرير يوفر رؤى أساسية في الصفحة ويتيح لك معرفة كيفية إجراء التغييرات اللازمة.

ترتيب SE

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

أكثر مشكلات الويب الحيوية الأساسية شيوعًا وكيفية إصلاحها

1- الخادم بطيء جدًا

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

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

2- صور وفيديوهات كبيرة

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

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

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

يعد استخدام التحميل البطيء طريقة رائعة أخرى لتحسين سرعة الصفحة دون المساس بتجربة المستخدم. التحميل الكسول هو أسلوب لتحميل الصور فقط عند دخولها في منفذ العرض (أو قسم الشاشة). يؤدي هذا الأسلوب إلى تحميل الصور تدريجيًا أثناء التمرير ، مما يؤدي إلى زيادة سرعة الصفحة. أفضل جزء؟ من الأساسي التنفيذ باستخدام إضافات WordPress ذات التحميل البطيء مثل Lazy Load. سيؤدي ذلك إلى تحسين تجربة المستخدم بشكل كبير. لا يتعين على المستخدمين الانتظار حتى يتم تحميل الصفحة. بعد بضع لفائف ، سيتم تحميل الصور من تلقاء نفسها.

3- كود غير محسن

يمكن أن تضر التعليمات البرمجية غير المحسّنة بنتائج مؤشرات الويب الحيوية الأساسية الخاصة بك مثل First Contentful Paint وتجربة المستخدم الخاصة بك. الجاني الأكبر هنا هو JavaScript في المقام الأول. لأنه يجب تنزيله وتنفيذه بعد تحميل الصفحة. (تأتي JavaScript قبل HTML ، مما يمنع تحميل الصفحة). يمكن أن يؤدي هذا بسهولة إلى تجميد الشاشة لعدة ثوان ، خاصةً إذا كان اتصال المستخدم غير سريع. لذلك ، إذا لم يتم تحسين JavaScript ، فإنك تخاطر بفقدان موقعك لنقاط الأداء. للتأكد من عدم حظر تحميل الصفحة حتى يتم تحميل JavaScript ، يمكنك استخدام علامات غير متزامنة وتأجيل. بالإضافة إلى ذلك ، تعد إزالة العناصر غير الضرورية من ملفات التعليمات البرمجية ممارسة جيدة.

يزيل تصغير الكود التعليقات والمسافات وفواصل الأسطر غير الضرورية من الكود. يمكن أن يساعدك هذا في تقليل حجم ملفك ، مما يترجم إلى أوقات تنزيل أسرع في متصفحات زوارك. هناك سببان للقيام بذلك. أولاً ، يجعل تنزيل الزائرين أسرع. ثانيًا ، يجعله أصغر حجمًا ، لذلك يستخدم موارد خادم أقل. تتضمن بعض الملفات التي يمكنك تصغيرها بسهولة ملفات <style> و <script>. يمكنك اختبار نفسك بمقارنة ملف قبل التحسين وبعده. قد لا تكون النتائج ملحوظة جدًا لأوراق الأنماط أو ملفات جافا سكريبت. ذلك لأن أدوات ضغط CSS و JS ، مثل YUI Compressor و Minify وما إلى ذلك ، تقوم بعمل أفضل بكثير في تحسين هذه الأنواع من الملفات مقارنة بمكونات التصغير الإضافية.

DOM (نموذج كائن المستند) هو التسلسل الهرمي لجميع العناصر في المستند. يتكون DOM من علامات HTML ، التي لها أنماط CSS وجافا سكريبت مرتبطة بها. نظرًا لأن عدد العناصر يمكن أن يكون مرتفعًا جدًا ، فسيكون حجم صفحتك كبيرًا. يمكن أن يتسبب هذا في حدوث مشكلات في الأداء إذا كنت تعرض الصفحة على أجهزة الجوال. لذلك ، من المهم تقليل عدد العناصر وتحسين وضعها في المستند.

4- نوبات التخطيط

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

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

5- مشكلة التخزين المؤقت

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

التبادل الموقع (SXG) هو مبادرة جديدة تتيح جلب المحتوى مسبقًا من الويب بطريقة تحافظ على الخصوصية. يحتوي التبادل الموقع على مواصفات الموارد التي يرغب موقع الويب في جلبها مسبقًا. تأكد أيضًا من جلب هذه الموارد بأمان (دون الكشف عن المعلومات الخاصة). التنسيق الثنائي للتبادل الموقع هو تنسيق تحويل الأصول. هذا يعني أنه سيتم نقل المحتوى عبر HTTPS مع إرفاق رأس إضافي. هذه طريقة جديدة ومثيرة لتمكين بحث Google من تحسين أداء تحميل الصفحة. خاصةً على صفحات AMP أو أي نوع آخر من الصفحات التي تعتمد على موارد خارجية.

خاتمة

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