একটি বৈধ অ্যাপল-টাচ-আইকন প্রদান করে না

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

কীভাবে লাইটহাউস অ্যাপল টাচ আইকন অডিট ব্যর্থ হয়

Lighthouse <head> এ <link rel="apple-touch-icon" href="/example.png"> ট্যাগ ছাড়াই পৃষ্ঠাগুলিকে পতাকা দেয় :

একটি বৈধ অ্যাপল-টাচ-আইকন প্রদান করে না

বাতিঘর আইকনটি আসলে বিদ্যমান কিনা বা আইকনটি সঠিক আকারের কিনা তা পরীক্ষা করে না।

অ্যাপল টাচ আইকন কীভাবে যুক্ত করবেন

  1. আপনার পৃষ্ঠার <head> এ <link rel="apple-touch-icon" href="/example.png"> যোগ করুন:

    <!DOCTYPE html>
<html lang="en">
  <head>
    …
    <link rel="apple-touch-icon" href="/example.png">
    …
  </head>
  …

  2. /example.png আপনার আইকনের আসল পথ দিয়ে প্রতিস্থাপন করুন।

একটি ভাল ব্যবহারকারীর অভিজ্ঞতা প্রদান করতে, নিশ্চিত করুন যে:

  • আইকনটি 180x180 পিক্সেল বা 192x192 পিক্সেল
  • আইকনের নির্দিষ্ট পথটি বৈধ
  • আইকনের পটভূমি স্বচ্ছ নয়

সম্পদ