توفّر اختصارات التطبيقات إمكانية الوصول السريع إلى مجموعة من الإجراءات الشائعة التي يحتاجها المستخدمون بشكل متكرر.
لتحسين إنتاجية المستخدمين وتسهيل إعادة التفاعل مع المهام الرئيسية، أصبحت منصة الويب الآن تدعم اختصارات التطبيقات. وهي تسمح لمطوّري الويب بتوفير إمكانية الوصول السريع إلى عدد قليل من الإجراءات الشائعة التي يحتاجها المستخدمون بشكلٍ متكرر.
ستتعرّف في هذه المقالة على كيفية تحديد اختصارات التطبيقات. بالإضافة إلى ذلك، ستتعلم بعض أفضل الممارسات المرتبطة.
لمحة عن اختصارات التطبيقات
تساعد اختصارات التطبيق المستخدمين في بدء مهام شائعة أو مقترَحة داخل تطبيق الويب بسرعة. سيؤدي الوصول السهل إلى هذه المهام من أي مكان يظهر فيه رمز التطبيق إلى تحسين إنتاجية المستخدمين وزيادة تفاعلهم مع تطبيق الويب.
يتم استدعاء قائمة "اختصارات التطبيق" من خلال النقر بزر الماوس الأيمن على رمز التطبيق في شريط المهام (نظام التشغيل Windows) أو شريط الإرساء (نظام التشغيل macOS) على جهاز كمبيوتر سطح المكتب للمستخدم، أو النقر مع الاستمرار على رمز مشغّل التطبيق على نظام التشغيل Android.
لا تظهر قائمة اختصارات التطبيقات إلا لتطبيقات الويب التقدّمية المثبّتة على جهاز الكمبيوتر المكتبي أو الجهاز الجوّال للمستخدم. يمكنك الانتقال إلى قسم التثبيت في وحدة "التعرّف على تطبيق الويب التقدّمي" (PWA) للتعرّف على متطلبات التثبيت.
يعبّر كل اختصار للتطبيق عن نية المستخدم، ويرتبط كل اختصار منها بعنوان URL ضمن نطاق تطبيق الويب الخاص بك. ويتم فتح عنوان URL عندما يفعّل المستخدم اختصار التطبيق. تتضمن أمثلة اختصارات التطبيقات ما يلي:
- عناصر التنقّل ذات المستوى الأعلى (مثل المنزل والمخطط الزمني والطلبات الحديثة)
- بحث
- مهام إدخال البيانات (على سبيل المثال، إنشاء رسالة بريد إلكتروني أو تغريدة أو إضافة إيصال)
- الأنشطة (مثل بدء محادثة مع جهات الاتصال الأكثر شيوعًا)
تحديد اختصارات التطبيق في بيان تطبيق الويب
يتم تحديد اختصارات التطبيقات اختياريًا في بيان تطبيق الويب، وهو ملف JSON
يخبر المتصفّح بتطبيق الويب وكيف يجب أن يتصرف عند
تثبيته على جهاز كمبيوتر سطح المكتب أو الجهاز الجوّال للمستخدم. ويتم تعريفها على وجه التحديد
في عضو صفيف shortcuts. يوجد أدناه مثال على
بيان تطبيق الويب المحتمل.
{
"name": "Player FM",
"start_url": "https://player.fm?utm_source=homescreen",
…
"shortcuts": [
{
"name": "Open Play Later",
"short_name": "Play Later",
"description": "View the list of podcasts you saved for later",
"url": "/play-later?utm_source=homescreen",
"icons": [{ "src": "/icons/play-later.png", "sizes": "192x192" }]
},
{
"name": "View Subscriptions",
"short_name": "Subscriptions",
"description": "View the list of podcasts you listen to",
"url": "/subscriptions?utm_source=homescreen",
"icons": [{ "src": "/icons/subscriptions.png", "sizes": "192x192" }]
}
]
}
كل عضو في مصفوفة shortcuts هو قاموس يحتوي على name وurl على الأقل. أما الأعضاء الآخرون، فهو اختياري.
name- يشير إلى تصنيف اختصار التطبيق الذي يمكن للمستخدمين قراءته عند عرضه للمستخدم.
short_name(اختياري)- يشير هذا التصنيف إلى تصنيف يمكن لشخص عادي قراءته عندما تكون المساحة محدودة. وننصحك بتقديم هذا النموذج، على الرغم من أنّه اختياري.
description(اختياري)- الغرض من اختصار التطبيق الذي يمكن لشخص عادي قراءته وهي لا تُستخدم في وقت كتابة هذا التقرير، ولكن يمكن أن يتم استخدامها في المستقبل للتكنولوجيا المساعِدة.
url- يتم فتح عنوان URL عندما يفعّل المستخدم اختصار التطبيق. يجب أن يكون عنوان URL هذا ضِمن نطاق بيان تطبيق الويب. وإذا كان عنوان URL نسبيًا، سيكون عنوان URL الأساسي هو عنوان URL لبيان تطبيق الويب.
icons(اختياري)مجموعة من عناصر موارد الصور ويجب أن يتضمّن كل عنصر السمة
srcوالسمةsizes. على عكس رموز بيان تطبيق الويب، تكون سمةtypeللصورة اختيارية. ولا يمكن استخدام ملفات SVG في وقت كتابة هذا التقرير. يُرجى استخدام ملف PNG بدلاً من ذلك.إذا كنت تريد رموزًا بكسل مثالية، يمكنك تقديمها بزيادات تبلغ 48 بكسل مستقل الكثافة (أي 36×36 أو 48×48 أو 72×72 أو 96×96 أو 144×144 أو 192×192 بكسل). بخلاف ذلك، يوصى باستخدام رمز واحد بحجم 192x192 بكسل.
كمقياس للجودة، يجب أن تكون الرموز على الأقل نصف الحجم المثالي للجهاز على Android، وهو 48 بكسل مستقل الكثافة. على سبيل المثال، للعرض على شاشة xxhdpi، يجب أن يبلغ حجم الرمز 72 × 72 بكسل على الأقل. (هذه مشتقة من معادلة تحويل وحدات dp إلى وحدات بكسل.)
اختبار اختصارات تطبيقك
للتحقّق من إعداد اختصارات التطبيق بشكل صحيح، استخدِم لوحة البيان في لوحة التطبيق ضمن "أدوات مطوري البرامج".
يوفّر هذا الجزء نسخة يمكن لشخص عادي قراءتها من العديد من خصائص البيان، بما في ذلك اختصارات التطبيقات. وهذا يسهل التحقق من أن جميع رموز الاختصارات، إن توفرت، يتم تحميلها بشكل صحيح.
قد لا تكون اختصارات التطبيقات متاحة لجميع المستخدمين على الفور، لأنّ تحديثات تطبيقات الويب التقدّمية تقتصر على مرة واحدة في اليوم. يمكنك التعرّف على مزيد من المعلومات عن كيفية معالجة Chrome لتحديثات بيان تطبيق الويب.
أفضل الممارسات
ترتيب اختصارات التطبيقات حسب الأولوية
يتم عرض الاختصارات بالترتيب الذي حددتها في البيان. ننصحك بترتيب اختصارات التطبيقات حسب الأولوية لأنّ الحدّ الأقصى لعدد اختصارات التطبيقات المعروضة يختلف حسب النظام الأساسي. على سبيل المثال، يحظر Chrome وEdge على نظام التشغيل Windows عدد اختصارات التطبيقات إلى 10، بينما يعرض Chrome لنظام Android 3 فقط. قبل استخدام Chrome 92 لنظام التشغيل Android 7، كان الإصدار 4 من Chrome مسموحًا به. Chrome 92 أضاف اختصارًا إلى إعدادات الموقع الإلكتروني، مع أخذ إحدى خانات الاختصارات المتاحة للتطبيق.
استخدام أسماء مختلفة لاختصارات التطبيقات
يجب ألا تعتمد على الأيقونات للتمييز بين اختصارات التطبيق لأنها قد لا تكون مرئية دائمًا. على سبيل المثال، لا يتيح نظام التشغيل macOS استخدام الرموز في قائمة اختصارات قاعدة الإرساء. استخدم أسماء مختلفة لكل اختصار تطبيق.
قياس استخدام اختصارات التطبيقات
يجب إضافة تعليقات توضيحية إلى إدخالات url اختصارات التطبيقات مثلما تفعل مع
start_url لأغراض تتعلّق بالإحصاءات (مثل url:
"/my-shortcut?utm_source=homescreen").
المتصفحات المتوافقة
تتوفّر "اختصارات التطبيق" على الأنظمة الأساسية والإصدارات المدرَجة أدناه.
دعم النشاط الموثوق به على الويب
تقرأ أداة Bubblewrap، وهي الأداة المقترحة لإنشاء تطبيقات Android التي تستخدم نشاط الويب الموثوق به، اختصارات التطبيقات من بيان تطبيق الويب وتنشئ تلقائيًا الإعدادات المقابلة لتطبيق Android. يُرجى ملاحظة أن رموز اختصارات التطبيقات مطلوبة ويجب ألا يقل حجم كل منها عن 96 × 96 بكسل في فقاعة الرسالة.
PWABuilder هي أداة رائعة لتحويل تطبيق ويب تقدّمي بسهولة إلى نشاط موثوق على الويب، وهي تدعم اختصارات التطبيقات مع بعض المحاذير.
بالنسبة إلى المطورين الذين يدمجون نشاط الويب الموثوق به يدويًا في تطبيقات Android، يمكن استخدام اختصارات تطبيق Android لتنفيذ السلوكيات نفسها.
عيّنة
اطّلِع على نموذج اختصارات التطبيق ومصدره.