যখন iOS Safari ব্যবহারকারীরা তাদের হোম স্ক্রীনে প্রগ্রেসিভ ওয়েব অ্যাপস (PWAs) যোগ করেন, তখন যে আইকনটি দেখা যায় তাকে বলা হয় Apple টাচ আইকন । আপনার পৃষ্ঠার <head> এ একটি <link rel="apple-touch-icon" href="/example.png"> ট্যাগ অন্তর্ভুক্ত করে আপনি আপনার অ্যাপের কোন আইকনটি ব্যবহার করা উচিত তা নির্দিষ্ট করতে পারেন৷ আপনার পৃষ্ঠায় এই লিঙ্ক ট্যাগ না থাকলে, iOS পৃষ্ঠার সামগ্রীর একটি স্ক্রিনশট নিয়ে একটি আইকন তৈরি করে৷ অন্য কথায়, আইকন ডাউনলোড করার জন্য আইওএসকে নির্দেশ দিলে ব্যবহারকারীর অভিজ্ঞতা আরও মসৃণ হয়।
কীভাবে লাইটহাউস অ্যাপল টাচ আইকন অডিট ব্যর্থ হয়
Lighthouse <head> এ <link rel="apple-touch-icon" href="/example.png"> ট্যাগ ছাড়াই পৃষ্ঠাগুলিকে পতাকা দেয় :
বাতিঘর আইকনটি আসলে বিদ্যমান কিনা বা আইকনটি সঠিক আকারের কিনা তা পরীক্ষা করে না।
অ্যাপল টাচ আইকন কীভাবে যুক্ত করবেন
আপনার পৃষ্ঠার
<head>এ<link rel="apple-touch-icon" href="/example.png">যোগ করুন:<!DOCTYPE html> <html lang="en"> <head> … <link rel="apple-touch-icon" href="/example.png"> … </head> …/example.pngআপনার আইকনের আসল পথ দিয়ে প্রতিস্থাপন করুন।
একটি ভাল ব্যবহারকারীর অভিজ্ঞতা প্রদান করতে, নিশ্চিত করুন যে:
- আইকনটি 180x180 পিক্সেল বা 192x192 পিক্সেল
- আইকনের নির্দিষ্ট পথটি বৈধ
- আইকনের পটভূমি স্বচ্ছ নয়