كيفية التأكّد من أنّ الوظيفة الأساسية لموقعك الإلكتروني متاحة دائمًا ويمكن الوصول إليها وآمنة وقابلة للاستخدام والاكتشاف وسريعة
تقدّم هذه الصفحة إرشادات للمساعدة في ضمان توفّر موقعك الإلكتروني وإمكانية الوصول إليه وقابلية استخدامه بالإضافة إلى الحفاظ على أمانه لجميع المستخدمين في جميع الأوقات.
تأتي الإرشادات الواردة في هذه الصفحة من مجموعة من الفِرق المتعددة الوظائف ضمن Google التي تحوّل تركيزها على المدى القصير لدعم المواقع الإلكترونية التي تساعد المستخدمين في الحفاظ على سلامتهم خلال أزمة فيروس كورونا المستجد (كوفيد-19). لاحظ موظفو Google هؤلاء أنّ المواقع الإلكترونية تواجه زيادة غير مسبوقة في الطلب من المستخدمين الذين يبحثون عن معلومات مهمة، والذين لم يسبق للكثير منهم استخدام الويب من قبل أو نادرًا ما استخدموه. قد يكون من الصعب ضمان توفّر المواقع الإلكترونية خلال هذه الفترة وإمكانية وصول الجميع إليها.
الإرشادات
التوفّر والموثوقية والمرونة والاستقرار
إذا كان موقعك الإلكتروني يشهد ارتفاعات مفاجئة في عدد الزيارات ويتعطّل، أو إذا أردت منع تعطّله، يمكن أن تساعدك الإرشادات أدناه في حلّ المشاكل بسرعة أو رصدها قبل أن تصبح مشاكل كبيرة.
- اطّلِع على المقالة معالجة مشكلة في خادم يواجه زيادة في التحميل للتعرّف على كيفية رصد مشاكل الارتفاع المفاجئ في عدد الزيارات والتخفيف من حدّتها ومنعها.
- أزِل الصور والفيديوهات والنصوص البرمجية والخطوط غير الضرورية. تأكَّد من أنّ كل صفحة تركّز على تقديم الوظائف التي يحتاجها المستخدمون فعلاً.
- تحسين صورك قد يقلّل بشكل كبير من استخدام معدّل نقل البيانات في الخادم لأنّ الصور هي المصدر الأول للتضخم على الويب.
- انقل أكبر قدر ممكن من المحتوى الثابت إلى شبكات توصيل المحتوى (CDN). مزيد من التفاصيل من مقدّمي الخدمات الشائعين: AWS وAzure وCloudflare وGoogle Cloud وFirebase.
- تحقَّق مما إذا كانت شبكة توصيل المحتوى تتضمّن أي تحسينات يسهل تفعيلها، مثل ضغط الصور الديناميكي أو ضغط النصوص أو إزالة البيانات غير الضرورية تلقائيًا من موارد JS وCSS.
- يمكن أن يؤدي تحسين التخزين المؤقت لبروتوكول HTTP إلى تقليل الطلبات على الخوادم بشكل كبير مع الحد الأدنى من تغيير الرمز. يمكنك الاطّلاع على ذاكرة التخزين المؤقت لبروتوكول HTTP: خط الدفاع الأول للحصول على نظرة عامة، وعلى التخزين المؤقت لبروتوكول HTTP وأفضل ممارسات التخزين المؤقت للحصول على اقتراحات محدّدة. يمكن أن يساعدك تدقيق عرض مواد العرض الثابتة باستخدام سياسة فعّالة للتخزين المؤقت في Lighthouse في رصد الموارد التي لا يتم تخزينها مؤقتًا بسرعة. يُرجى العِلم أنّ الأنواع المختلفة من الموارد ستتطلّب متطلبات مختلفة للحداثة، وبالتالي ستتطلّب استراتيجيات تخزين مؤقت مختلفة.
- مشغّلو الخدمات هم طريقة أخرى لتقليل الطلبات على خوادمك بشكل كبير، ولكن قد يتطلب ذلك استثمارًا تقنيًا كبيرًا. وتسمح أيضًا لموقعك الإلكتروني بالعمل
بلا إنترنت،
ما يتيح لك عرض ساعات العمل وأرقام الهواتف وغيرها من المعلومات
للمستخدمين المكرّري الزيارة بدون اتصال بالإنترنت. Workbox هو
النهج المقترَح لإضافة مشغّلي الخدمات إلى المواقع الإلكترونية لأنّه
يؤدي إلى برمجة الكثير من النصوص النموذجية، ويسهّل اتّباع أفضل الممارسات،
ويمنع الأخطاء الدقيقة الشائعة عند استخدام واجهة برمجة التطبيقات
ServiceWorkerالمنخفضة المستوى مباشرةً. - إذا كان موقعك الإلكتروني يشهد زيادة كبيرة في الاستخدام، تأكَّد من توفّر حماية كافية ضد هجمات DDoS لأنّ موقعك الإلكتروني قد يكون الآن هدفًا أكثر جاذبية. مزيد من التفاصيل من مقدّمي الخدمات الشائعين: AWS وAzure وCloudflare وGoogle Cloud.
يمكنك الاطّلاع على موثوقية الشبكة لمزيد من الإرشادات.
تسهيل الاستخدام
يعد التركيز على إمكانية الوصول أكثر أهمية من أي وقت مضى لأن المزيد من الأشخاص ذوي الاحتياجات المتنوعة من المحتمل أن يصلوا إلى موقعك. اتبع الإرشادات أدناه للتأكد من أن الوظيفة الأساسية لموقع الويب الخاص بك يمكن الوصول إليها للجميع.
- تسهيل الاستخدام هو جهد جماعي ولكل فرد دور يؤديه. ابدأ بمراجعة دليل Google حول تسهيل الاستخدام للفرق ودليل الفريق من الخدمة الرقمية في الولايات المتحدة. توضّح هذه الأدلة ما يمكن لكل عضو في الفريق (مدراء المنتجات والمهندسون والمصممون ومسؤولو تأكيد الجودة وغيرهم) المساهمة به.
- أجرِ مراجعة لأدوات تسهيل الاستخدام لتحديد الميزات التي تعمل بشكل جيد والتي تحتاج إلى تحسين. يمكن أن تساعدك إضافات متصفّح WAVE في إجراء تدقيق يدوي بشأن تسهيل الاستخدام في موقعك الإلكتروني.
- اطّلِع على أدلة تسهيل الاستخدام لفهم مواضيع معيّنة بشكل أفضل، مثل التنقّل باستخدام لوحة المفاتيح وإتاحة استخدام قارئ الشاشة.
- إجراء تدقيق Lighthouse لاكتشاف مشاكل تسهيل الاستخدام الشائعة يوفّر التقرير أيضًا قائمة بعمليات التحقّق اليدوية التي يمكنك إجراؤها لتحسين قابلية تشغيل موقعك الإلكتروني. يُرجى العِلم أنّ تحقيق نتيجة %100 في ما يتعلّق بسهولة الاستخدام لا يضمن أنّ موقعك الإلكتروني سهل الاستخدام. هناك العديد من المشاكل المهمة التي لا يمكن لأداة Lighthouse اختبارها بطريقة آلية، لذا من المهم إجراء مراجعات يدوية. تشمل أدوات التدقيق الآلي الأخرى WAVE API وإضافة AXE.
- أكمِل دورة البدء في إنشاء تطبيقات ويب يسهل الوصول إليها اليوم على egghead.io أو اطّلِع على دورة تسهيل الاستخدام على الويب على Udacity.
- شاهِد قائمة تشغيل A11ycast للحصول على المزيد من النصائح السريعة حول مواضيع محدّدة تتعلّق بتسهيل الاستخدام.
الهوية والأمان والخصوصية
قد يكون من المغري اتخاذ طرق مختصرة للحصول على إصلاحات مهمة، ولكن احرص دائمًا على عدم فتح ثغرات أمنية أثناء القيام بذلك. يحتاج الأشخاص إلى الوصول إلى المحتوى المتعلق بالموضوعات الخاصة للغاية. تحتاج المواقع الإلكترونية إلى حماية بيانات المستخدمين الحساسة هذه بأي ثمن وإقناع الأشخاص بأن معلوماتهم التي تكشف الهوية الشخصية (PII) آمنة.
- تعرَّف على أهمية حماية جميع المواقع الإلكترونية باستخدام HTTPS، وليس فقط تلك التي تتعامل مع معلومات حساسة تكشف الهوية الشخصية.
- يمكنك الانتقال إلى مقدّم خدمة استضافة يستخدم بروتوكول HTTPS تلقائيًا، أو استخدام Let's Encrypt أو خدمات مشابهة لتفعيل بروتوكول HTTPS على خوادمك.
- يمكنك مراجعة شرح ملفات تعريف الارتباط بسمة SameSite لمعرفة كيفية استخدام ملفات تعريف الارتباط بشكل أكثر أمانًا. يُرجى العِلم أنّه تم التراجع مؤقتًا عن فرض تصنيف ملفات تعريف الارتباط بسمة SameSite.
لمزيد من الإرشادات، يُرجى الاطّلاع على الأمان والحماية.
سهولة الاستخدام وواجهة المستخدم وتجربة المستخدم
يعتمد المستخدمون بشكل أكبر على الويب لتلبية احتياجاتهم الأساسية. لا يستخدم العديد من هؤلاء الأشخاص الويب بشكل متكرر. من المفيد مراجعة سهولة استخدام الوظائف الأساسية في موقعك الإلكتروني والتأكّد من أنّها بسيطة وسهلة الاستخدام قدر الإمكان.
- ننصحك بإضافة بانر بارز (يمكن إزالته باستخدام الزر X) في أعلى موقعك الإلكتروني لإعلام المستخدمين بوضوح بالتعديلات على الخدمة. استخدِم عبارة تحث المستخدم على اتخاذ إجراء في البانر لتوجيه المستخدمين إلى مراجع أكثر تحديدًا. ننصحك باستخدام ألوان وخطوط مميزة تبرز عن بقية محتوى صفحتك. حافظ على كتابتك متعاطفة، وركز على احتياجات الناس، وشفافة بشأن نوع الخدمة المتوقعة.
- ابحث عن فرص لتقليل التفاعلات المادية في رحلات المستخدم الأساسية (CUJs) واقترح هذه التغييرات على فريق المنتج. على سبيل المثال، إذا كانت خدمة التوصيل تتطلب عادةً توقيعًا، فابحث عن أي طريقة للتغلب على ذلك.
- تحقق جيدًا من أن رحلات المستخدم الحرجة بسيطة وبديهية قدر الإمكان واقترح تغييرات على فريق المنتج إذا رأيت أي فرص للتحسين.
- راجِع مبادئ التصميم الجيد للأجهزة الجوّالة وجرِّب رحلات المستخدمين المهمة على أجهزة جوّالة مختلفة للتأكّد من عدم وجود أي مشاكل واضحة. إنّ الأشخاص الذين لا يستخدمون الويب كثيرًا ويجدون أنفسهم فجأة مضطرين إلى الاعتماد عليه بشكل أكبر من المحتمل أن يصلوا إلى موقعك الإلكتروني من الأجهزة الجوّالة.
- أعِد هيكلة موقعك الإلكتروني لاستخدام أنماط التصميم سريع الاستجابة قدر الإمكان.
- تأكَّد من أنّ النماذج فعّالة ومصمَّمة بشكل جيد.
تحسين محركات البحث
يبحث المستخدمون عن معلومات مهمة متعلقة بالصحة والوظائف. من المهم التأكّد من أنّ مواقعك الإلكترونية قابلة للاكتشاف من قِبل جميع محرّكات البحث. ويمكن أن تساعدك عمليات تدقيق تحسين محرّكات البحث في Lighthouse في رصد المشاكل الأساسية. تابِع المدونات الرسمية لمحركات البحث للاطّلاع على آخر الإرشادات والتحديثات: Google وBing وBaidu وDuckDuckGo وYandex. المنشورات الأخيرة المتعلّقة بفيروس كورونا المستجد (كوفيد-19):
- كيفية تغيير أنشطتك على الإنترنت مع الحدّ من التأثير في ظهورك على "بحث Google"
- سمات جديدة للفعاليات الافتراضية والمؤجّلة والملغاة
- محرك البحث Bing يعتمد ترميز schema.org للإشعارات الخاصة بفيروس كورونا المستجد (كوفيد-19)
- إضافة بيانات منظَّمة إلى الإشعارات الخاصة بفيروس كورونا المستجد (كوفيد-19)
- مساعدة المؤسسات الصحية في تسهيل وصول المستخدمين إلى معلومات حول فيروس كورونا المستجد (كوفيد-19)
- أفضل الممارسات العامة بشأن "بحث Google" للمواقع الإلكترونية الصحية والحكومية
يمكنك الاطّلاع على قابل للاكتشاف لمزيد من الإرشادات.
الأداء
يشهد بعض مقدّمي خدمات الإنترنت (في الهند على سبيل المثال) ارتفاعًا حادًا في استخدام الإنترنت المنزلي، ولا تتوفّر لديهم البنية الأساسية لتلبية الطلب المتزايد. في مثل هذه الحالات، قد تنخفض سرعة موقعك الإلكتروني بدون أي خطأ من جانبك. قد يكون تحسين أداء التحميل طريقة لتعويض التأثير السلبي لانخفاض معدل نقل البيانات. بعبارة أخرى، من خلال تقليل عدد وحدات البايت التي يجب إرسالها عبر الشبكة لتحميل صفحاتك، يمكنك تعويض تأثير الأداء الناتج عن انخفاض معدل نقل البيانات.
- الصور هي السبب الأول في تضخّم حجم البيانات على الويب. قد تتمكّن من تقليل استخدام معدل نقل البيانات في موقعك الإلكتروني بشكل كبير من خلال تحسين صورك. Squoosh هي أداة بسيطة ومفتوحة المصدر لضغط الصور يمكن أن تساعدك في ضغط صورك بسرعة.
- يمكنك تشغيل WebPageTest أو Lighthouse لاكتشاف أهم فرص تحسين الأداء.
- فعِّل ضغط النص لتقليل حجم موارد النص على الشبكة. غالبًا ما يكون هذا الإجراء سهلاً لتحسين الأداء ولا يتطلّب سوى الحد الأدنى من الاستثمار الفني.
- يمكنك قراءة المقالة إصلاح سرعة الموقع الإلكتروني بشكل شامل للتعرّف على كيفية التعاون مع الأقسام الأخرى والحصول على موافقتها.
- استخدِم ميزة التحميل الكسول الموحّد للصور لتقليل طلبات الصور التي قد لا يراها المستخدمون فعليًا. توافق المتصفّح ليس بنسبة% 100، ولكن يمكن التعامل مع الميزة كتحسين تدريجي. بعبارة أخرى، إذا كان متصفّح معيّن لا يتيح التحميل الكسول الموحّد، يجب تحميل الصورة كالمعتاد.
- تحقَّق مما إذا كان موقعك الإلكتروني يحتوي على أي نصوص برمجية لاختبارات A/B أو للتخصيص يمكن تحميلها بشكل غير متزامن أو ما إذا كانت هناك أي وظائف غير مهمة في النصوص البرمجية يمكن إيقافها. عادةً لا يمكن تحميل نصوص اختبارات A/B البرمجية ونصوص التخصيص البرمجية بشكل غير متزامن بالكامل لأنّها تحتاج إلى التشغيل قبل تحميل محتوى الصفحة، ولكن قد تكون هناك فرصة لتحميل أجزاء من النصوص البرمجية بشكل غير متزامن أكثر. راجِع مسار العرض الحرج لفهم المفاضلة الأساسية بين النصوص البرمجية المتزامنة (المعروفة أيضًا باسم النصوص البرمجية التي تحظر العرض) بشكل عام ووقت تحميل الصفحة، ثم قرِّر ما إذا كنت بحاجة إلى إعطاء الأولوية للنصوص البرمجية التي تحظر العرض على وقت تحميل الصفحة أو العكس.
- يشكّل رمز الجهة الخارجية نصف جميع الطلبات تقريبًا لمعظم المواقع الإلكترونية. ننصحك بتحسين الرموز البرمجية التابعة لجهات خارجية أو إزالتها أو إيقافها مؤقتًا إذا لم تكن أساسية لتشغيل موقعك الإلكتروني.
- إذا تم إلغاء أولوية إصدارات الميزات، فقد يكون هذا هو الوقت المثالي للتنظيف. أزِل العلامات من أدوات Tag Manager، ونظِّف ملفات CSS وJS المتضخمة، وأزِل الميزات أو الرموز البرمجية المتوقفة نهائيًا. يمكن أن تساعدك علامة التبويب "التغطية" في "أدوات مطوّري البرامج في Chrome" وفئة
Coverageفي Puppeteer في رصد الرموز البرمجية غير المستخدَمة.
لمزيد من الإرشادات، راجِع أوقات التحميل السريعة.