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