توفّر اختصارات التطبيقات إمكانية الوصول السريع إلى مجموعة من الإجراءات الشائعة التي يحتاجها المستخدمون بشكل متكرر.
لتحسين إنتاجية المستخدمين وتسهيل إعادة التفاعل مع المهام الرئيسية، تتيح منصّة الويب الآن اختصارات التطبيقات. وتسمح هذه الرموز لمطوّري الويب بتوفير إمكانية الوصول سريعًا إلى مجموعة من الإجراءات الشائعة التي يحتاجها المستخدمون بشكل متكرر.
ستعلّمك هذه المقالة كيفية تحديد اختصارات التطبيقات. بالإضافة إلى ذلك، ستتعرّف على بعض أفضل الممارسات المرتبطة.
لمحة عن اختصارات التطبيقات
تساعد اختصارات التطبيقات المستخدمين على بدء المهام الشائعة أو المقترَحة بسرعة في تطبيق الويب. وسيؤدي الوصول السهل إلى هذه المهام من أي مكان يتم فيه عرض رمز التطبيق إلى تحسين إنتاجية المستخدمين وزيادة تفاعلهم مع تطبيق الويب.
يتم تشغيل قائمة اختصارات التطبيق من خلال النقر بزر الماوس الأيمن على رمز التطبيق في شريط التطبيقات (Windows) أو شريط التطبيقات المضمّنة (macOS) على كمبيوتر المستخدم المكتبي، أو من خلال لمس رمز مشغّل التطبيق مع الاستمرار على جهاز Android.
لا تظهر قائمة اختصارات التطبيقات إلا لـ تطبيقات الويب التقدّمية التي تم تثبيتها على كمبيوتر المستخدم المكتبي أو جهازه الجوّال. اطّلِع على التثبيت في وحدة "التعرّف على التطبيقات المتوافقة مع الويب" للتعرّف على متطلبات التثبيت.
يعبّر كل اختصار تطبيق عن هدف المستخدم، ويرتبط كل اختصار بعنوان 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 بدلاً من ذلك.إذا أردت رموزًا دقيقة بدقة بكسل، قدِّمها بزيادة قدرها 48dp (أي رموز بحجم 36×36 أو 48×48 أو 72×72 أو 96×96 أو 144×144 أو 192×192 بكسل). بخلاف ذلك، ننصح باستخدام رمز واحد بحجم 192 x 192 بكسل.
كأحد مقاييس الجودة، يجب أن تكون الرموز نصف الحجم المثالي للجهاز على Android على الأقل، أي 48 وحدة بكسل مستقلة الكثافة. على سبيل المثال، للعرض على شاشة xxhdpi، يجب ألا يقل حجم الرمز عن 72 × 72 بكسل. (مشتق من معادلة تحويل وحدات dp لوحدات البكسل.)
اختبار اختصارات التطبيقات
للتحقّق من إعداد اختصارات التطبيق بشكل صحيح، استخدِم لوحة البيان في لوحة التطبيق في "أدوات مطوري البرامج".
تقدّم هذه اللوحة نسخة يسهل على المستخدم قراءتها من العديد من ملف البيان الخاص بالتطبيق، بما في ذلك اختصارات التطبيق. يسهّل هذا الإجراء التحقّق من تحميل جميع نماذج الاختصارات، في حال توفّرها، بشكل صحيح.
قد لا تكون اختصارات التطبيقات متاحة على الفور لجميع المستخدمين لأنّه يتم إجراء تحديثات على التطبيقات المتوافقة مع الويب بشكلٍ تدريجي مرة واحدة في اليوم. تعرَّف على مزيد من المعلومات حول طريقة معالجة Chrome لتحديثات بيان تطبيق الويب.
أفضل الممارسات
ترتيب اختصارات التطبيقات حسب الأولوية
يتم عرض الاختصارات بالترتيب الذي تحدّده لها في البيان. ننصحك بترتيب اختصارات التطبيقات حسب الأولوية لأنّ الحد الأقصى لعدد اختصارات التطبيقات المعروضة يختلف حسب النظام الأساسي المستخدَم. على سبيل المثال، يحدّ متصفِّحَا Chrome وEdge على نظام التشغيل Windows من عدد اختصارات التطبيقات إلى 10، في حين يعرض متصفِّح Chrome على Android 3 اختصارات فقط. قبل الإصدار 92 من Chrome لنظام التشغيل Android 7، كان الإصدار 4 مسموحًا به. أضاف إصدار Chrome 92 اختصارًا إلى إعدادات الموقع الإلكتروني، ما أدّى إلى استخدام إحدى خانات اختصار المتوفّرة للتطبيق.
استخدام أسماء مميزة لاختصارات التطبيقات
يجب ألا تعتمد على الرموز للتمييز بين اختصارات التطبيقات لأنها قد لا تكون مرئية دائمًا. على سبيل المثال، لا يتيح نظام التشغيل macOS استخدام الرموز في قائمة اختصارات dock . استخدِم أسماء مختلفة لكل اختصار تطبيق.
قياس استخدام اختصارات التطبيقات
يجب إضافة تعليقات توضيحية إلى إدخالات url
اختصارات التطبيقات كما تفعل مع
start_url
لأغراض الإحصاءات (مثل url:
"/my-shortcut?utm_source=homescreen"
).
دعم المتصفح
تتوفّر اختصارات التطبيقات على المنصات والإصدارات المدرَجة أدناه.
دعم "النشاط الموثوق به على الويب"
إنّ أداة Bubblewrap هي الأداة المُقترَحة لإنشاء تطبيقات Android التي تستخدِم Trusted Web Activity، وهي تقرأ اختصارات التطبيقات من بيان تطبيق الويب وتُنشئ تلقائيًا الإعدادات المقابلة لتطبيق Android. يُرجى العِلم أنّ رموز اختصارات التطبيقات مطلوبة ويجب أن تكون بحجم 96 x 96 بكسل على الأقل في Bubblewrap.
PWABuilder هي أداة رائعة لتحويل تطبيق ويب تقدّمي بسهولة إلى نشاط ويب موثوق به، وتدعم اختصارات التطبيقات مع بعض التنبيهات.
بالنسبة إلى المطوّرين الذين يدمجون ميزة "النشاط الموثوق به على الويب" يدويًا في تطبيق Android، يمكن استخدام اختصارات تطبيقات Android لتنفيذ السلوكيات نفسها.
عيّنة
اطّلِع على نموذج اختصارات التطبيقات ومصدرها.