تحقيق أساسيات ويب أساسية أفضل باستخدام WordPress مقطوعة الرأس

نشرت: 2022-05-05

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

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

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

تعد "أساسيات الويب الأساسية" مقاييس أداء تتمحور حول المستخدم وتوفر رؤية أفضل للتجارب الرقمية التي تنشئها مع تركيز واضح على المستخدم النهائي

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

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

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

جرب قوة التدريب العملي بدون رأس - اشترك للحصول على حساب Atlas sandbox مجاني اليوم!

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

جدول المحتويات
1. ما هي "حيوية الويب الأساسية"؟
2. ظهور وورد مقطوعة الرأس
3. أطلس: الحل الكامل للووردبريس بدون رأس
4. هدم متطلبات "حيوية الويب الأساسية" باستخدام نظام أطلس
5. قم بإعداد وإنشاء ونشر مواقعك باستخدام Faust.js و Atlas
6. عزز إبداعك باستخدام WordPress مقطوعة الرأس

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

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

من المتوقع أن تتطور قائمة Core Web Vitals بمرور الوقت ، لكن المجموعة الحالية تركز على ثلاثة مجالات رئيسية: سرعة تحميل الصفحة ، والتفاعل ، والاستقرار البصري ، من خلال عدسة هذه المقاييس الثلاثة:

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

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

يجب على مالكي وبناة المواقع تدوين الملاحظات ويمكنهم البدء في قياس "أساسيات الويب الأساسية" (إذا لم يكونوا كذلك بالفعل) باستخدام العديد من أدوات مطوري الويب من Google ، بما في ذلك PageSpeed ​​Insights أو Lighthouse أو تقرير تجربة مستخدم Chrome ، الذي يجمع قياسًا حقيقيًا للمستخدم مجهول الهوية بيانات لكل من مقاييس "أساسيات الويب الحيوية" (والمزيد).

اكتشف المزيد حول قياس أساسيات الويب الأساسية باستخدام هذا الكتاب الإلكتروني المجاني!

في حين أن العوامل المتعلقة بأداء الموقع ليست جديدة على خوارزمية Google - كانت استجابة الأجهزة المحمولة والتصفح الآمن (HTTPS) من عوامل الترتيب لسنوات - فإن مقدمة "أساسيات الويب الأساسية" كعامل تصنيف يوسع تركيز Google على الأداء بمقاييس تمثل جوانب مميزة من تجربة المستخدم.

باختصار ، احتلت تجربة المستخدم مركز الصدارة ، ويعد استخدام Core Web Vitals كمعيار لمواقع الويب الخاصة بك طريقة رائعة لتوفير تجربة ممتازة باستمرار لمستخدمي موقعك. ومع ذلك ، فإن قياس Core Web Vitals ليس سوى جزء من المعادلة.


ظهور وورد مقطوعة الرأس

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

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

تجعل البنية بدون رأس هذا الأمر ممكنًا عن طريق فصل الواجهة الأمامية والخلفية لموقع الويب وتغذية البيانات بينهما باستخدام واجهات برمجة التطبيقات.

في حالة WordPress ، يسمح هذا لمنشئي المحتوى بالاستمرار في الاعتماد على نظام إدارة المحتوى (CMS) المفضل لديهم بينما يمكن للمطورين استخدام أدوات مثل Next.js واختيارهم لأطر العمل الأمامية الحديثة لبناء مواقع وتطبيقات مذهلة.

هل تريد تجربة بدون رأس خالية من المخاطر؟

قم بالتسجيل للحصول على حساب تقييم أطلس مجاني اليوم!

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

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

نظرًا لأن منشئ المحتوى يواجهون مواعيد نهائية أكثر صرامة ويلجأون إلى حلول CMS الكل في واحد ، فهم لا يبنون دائمًا تجارب محسّنة للمستخدم النهائي. في الواقع ، أقل من 30٪ من مواقع الويب المبنية على WordPress لديها أفضل نتائج لـ Core Web Vitals ، وهو رقم ينخفض ​​مع تقييم الأنظمة الأساسية الأخرى المنافسة.

تشهد المواقع المبنية على النظام الأساسي لـ WP Engine دفعة فورية - أكثر من 40٪ تلبي عتبة Core Web Vitals الصحية - ولكن نظرًا لأن مالكي المواقع وبناةها يبحثون عن طرق جديدة لبناء تجارب مستخدم أفضل ، تستمر البنية بدون رأس في القفز كأفضل طريقة لتحقيق تقديم مواقع عالية الأداء باستخدام الأدوات التي يفضلها كل من منشئي المحتوى والمطورين.

في الواقع ، غالبًا ما تسحق مواقع الويب التي لا رأس لها نتائج Core Web Vitals مباشرة من البوابات ، حيث تحقق أكثر من 50٪ من إطارات العمل مقطوعة الرأس (الأمامية) بشكل منتظم نتائج Core Web Vitals الصحية.

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


أطلس: حل WordPress الكامل بدون رأس

Atlas هو الحل الكامل بدون رأس لبرنامج WordPress وقد تم تصميمه خصيصًا لتحقيق أعلى أداء بدون رأس مع تلبية متطلبات كل من المطورين ومنشئي المحتوى.

يقدم Atlas الدعم لكل ما يريده المطور الحديث: بيئات متعددة على جانب الخادم ، وعمليات نشر تلقائية من فروع GitHub ، وبنى ثابتة وديناميكية بلا رأس ، واختيارك لإطار عمل JavaScript - React ، Angular ، Vue.js ، أو أي شيء آخر - و أداة سطر أوامر قابلة للبرمجة بنسبة 100٪.

في الوقت نفسه ، يقرن Atlas الذي يفضل تجربة المطور مع WordPress و WP Engine الريادة التكنولوجية ، مما يجعل الجميع سعداء - من المطورين ومنشئي المحتوى إلى المستخدمين النهائيين.

من وجهة نظر الأداء ، يعتبر نظام أطلس تحويليًا. نظرًا لأن WP Engine هو بالفعل أسرع منصة WordPress مُدارة على هذا الكوكب ، فإن إضافة Atlas و Node.js إلى المكدس يزيد السرعة بشكل كبير ، مما يؤدي إلى تنفيذ صفحات أسرع بعشر مرات من WordPress التقليدي.

النتيجة النهائية؟ يمكن للمطورين ومنشئي المحتوى الجمع بين القوى وإنشاء تجارب أمامية مخصصة مع Core Web Vitals التي تتجاوز باستمرار المعايير.


هدم متطلبات حيوية الويب الأساسية باستخدام Atlas

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

جاء Android Authority ، وهو أكبر منشور مستقل مخصص لنظام التشغيل Android ، على منصة WP Engine في عام 2019. ومع استمرار نمو موقع الويب الخاص بهم ، بدأت فرق Android Authority الرقمية في تقييم WordPress بدون رأس كطريقة لضمان بناءهم للمستقبل بخيارات قابلية التوسع والأداء الذي يمكن أن يلبي مطالبهم المتزايدة.

بعد ترقية موقعهم باستخدام Atlas ، شهدت Android Authority نتائج مذهلة - زيادة 6 أضعاف في مقاييس Google Lighthouse ، بما في ذلك Core Web Vitals ، وسرعات أعلى على سطح المكتب والجوّال من أي من منافسيها.

يمكنك الاستفادة من Atlas أيضًا ، من خلال التدريب العملي ، من خلال التسجيل للحصول على حساب Atlas sandbox مجاني على wpengine.com/atlas.

سيسمح حساب وضع الحماية لفريق التطوير الخاص بك بالتعمق في استخدام Atlas ويتضمن موقع Sandbox WordPress مقترنًا بـ "عدم الاستضافة" ، والذي يسمح لك ببناء الواجهة الأمامية لموقعك وتقديمها دون فتح حساب WP Engine.

ستجد أيضًا مجموعة كبيرة من البرامج التعليمية والوثائق بالإضافة إلى أدوات إضافية مفتوحة المصدر بما في ذلك Faust.js و Atlas Content Modeler (المزيد حول هذه الأدوات أدناه). كما هو الحال دائمًا ، إذا كانت لديك أي أسئلة حول الوصول إلى Atlas ، فيمكنك التحدث مع أحد خبرائنا في أي وقت.


قم بإعداد وإنشاء ونشر مواقعك باستخدام Faust.js و Atlas

واحدة من أسرع الطرق التي يمكنك البدء بها بدون رأس هي Faust.js ، وهو إطار مفتوح المصدر للواجهة الأمامية يجعل جلب البيانات وعرض الصفحة ومصادقة المستخدم أمرًا بسيطًا لـ Headless WordPress.

يركز Faust.js على تقديم أفضل تجربة مطور عند البناء باستخدام Headless WordPress مع الحفاظ على الإلمام بتجربة نشر WordPress.

فيما يلي بعض الميزات التي يوفرها Faust.js:

  • مولدات الموقع الثابت وعرض جانب الخادم : تم إنشاء Faust في أعلى Next.js ، مما يتيح لك الاستفادة من SSG و SSR المتاح بالفعل مع Next.js
  • GraphQL : يستخدم Faust عميل GraphQL متطورًا يتيح لك الاستعلام عن WordPress WPGraphQL API دون الحاجة إلى معرفة استعلامات GraphQL مسبقًا. في المرة الأولى التي ترى فيها هذا في العمل ، يبدو الأمر وكأنه سحر ، وفاوست هو أول إطار عمل يقدم هذا النوع من الوظائف. لا تفكر مطلقًا في كتابة استعلام GraphQL مرة أخرى!
  • معاينات المحتوى : يحل Faust التحدي المزعج المتمثل في المعاينات المتسقة لـ Headless WordPress.
  • المصادقة : يحتوي Faust على آليات مضمنة للمصادقة باستخدام الواجهة الخلفية لـ WordPress بحيث يمكنك بسهولة إنشاء محتوى مسدود أو تجارب التجارة الإلكترونية أو تقديم طلبات مصادقة أخرى.
  • React : يمكّنك Faust من بناء واجهتك الأمامية بالكامل باستخدام مكتبة الواجهة الأمامية الأكثر شيوعًا.
  • خطافات التفاعل : يعد Faust امتدادًا طبيعيًا لواجهة برمجة تطبيقات WordPress الخاصة بك لأنه يجعل الحصول على البيانات من WordPress أمرًا سهلاً للغاية.
  • أنواع المنشورات المخصصة : نظرًا للطريقة الفريدة التي يساعدك بها Faust في جلب البيانات ، فإن إضافة أنواع منشورات مخصصة إلى موقع WordPress الخاص بك ثم الوصول إليها في الواجهة الأمامية أمر تافه.
  • المرونة : بينما يعمل Faust بشكل أفضل عند استخدام Next.js و React ، إذا كنت ترغب في استخدام أدوات أخرى مثل Gatsby و Nuxt و SvelteKit ، يمكنك فعل ذلك!

انقر هنا لبدء استخدام Faust الآن ، أو تحقق من هذه الندوة عبر الويب خطوة بخطوة لإلقاء نظرة متعمقة على الأدوات واللغات وواجهات برمجة التطبيقات والأطر والمزيد التي ستستخدمها أثناء إنشاء واجهة جديدة - إنهاء التجربة أعلى Next.js ونشرها باستخدام Atlas.


عزز إبداعك باستخدام WordPress مقطوعة الرأس

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

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

اشترك في حساب Atlas sandbox المجاني اليوم واحصل على نظرة عملية على WordPress بلا رأس!