কীভাবে নিশ্চিত করবেন যে আপনার ওয়েবসাইটের মূল কার্যকারিতা সর্বদা উপলব্ধ, অ্যাক্সেসযোগ্য, সুরক্ষিত, ব্যবহারযোগ্য, আবিষ্কারযোগ্য এবং দ্রুত।
এই পৃষ্ঠাটি আপনার ওয়েবসাইটটি সর্বদা সকলের জন্য উপলব্ধ, অ্যাক্সেসযোগ্য, সুরক্ষিত এবং ব্যবহারযোগ্য তা নিশ্চিত করতে সহায়তা করার জন্য নির্দেশিকা প্রদান করে।
এই পৃষ্ঠার নির্দেশিকাটি Google-এর মধ্যে থাকা দলগুলির একটি ক্রস-ফাংশনাল সংগ্রহ থেকে আসে যেগুলি তাদের স্বল্পমেয়াদী ফোকাসগুলিকে সমর্থন করে এমন ওয়েবসাইটগুলিকে সমর্থন করে যা লোকেদের COVID-19 পরিস্থিতিতে সুরক্ষিত থাকতে সাহায্য করে৷ এই গুগলাররা দেখেছেন যে সাইটগুলি সমালোচনামূলক তথ্যের সন্ধানকারী লোকদের কাছ থেকে চাহিদার অভূতপূর্ব বৃদ্ধির সম্মুখীন হচ্ছে, যাদের মধ্যে অনেকেই আগে খুব কমই বা কখনও ওয়েব ব্যবহার করেননি৷ এই সময়ে সাইটগুলি উপলব্ধ এবং সকলের কাছে অ্যাক্সেসযোগ্য তা নিশ্চিত করা একটি চ্যালেঞ্জ হতে পারে৷
নির্দেশনা
প্রাপ্যতা, নির্ভরযোগ্যতা, স্থিতিস্থাপকতা এবং স্থায়িত্ব
আপনার সাইট যদি ট্রাফিক স্পাইক দেখে এবং এটি ব্যর্থ হয়, বা আপনি এটিকে ব্যর্থ হওয়া থেকে রোধ করতে চান, তাহলে নীচের নির্দেশিকা আপনাকে সমস্যাগুলি দ্রুত সমাধান করতে বা বড় সমস্যা হওয়ার আগে সেগুলি সনাক্ত করতে সাহায্য করতে পারে৷
- ট্র্যাফিক স্পাইক সমস্যাগুলি কীভাবে সনাক্ত করা যায়, প্রশমিত করা যায় এবং প্রতিরোধ করা যায় তা শিখতে একটি ওভারলোডেড সার্ভার ঠিক করুন পড়ুন।
- অপ্রয়োজনীয় ছবি, ভিডিও, স্ক্রিপ্ট এবং ফন্ট মুছে ফেলুন। নিশ্চিত করুন যে প্রতিটি পৃষ্ঠা কেবলমাত্র সেই কার্যকারিতা প্রদানের উপর ফোকাস করে যা আপনার সাইট ব্যবহারকারী ব্যক্তিদের সত্যিই প্রয়োজন।
- আপনার ছবিগুলিকে অপ্টিমাইজ করা আপনার সার্ভার ব্যান্ডউইথের ব্যবহারকে উল্লেখযোগ্যভাবে হ্রাস করতে পারে কারণ ছবিগুলি হল ওয়েবে ফোলাগুলির এক নম্বর উৎস ৷
- আপনার স্ট্যাটিক কন্টেন্ট যতটা সম্ভব CDN-এ অফলোড করুন। সাধারণ প্রদানকারীদের থেকে আরও বিশদ বিবরণ: AWS , Azure , Cloudflare , Google Cloud , Firebase ।
- আপনার CDN-এ এমন কোনো অপ্টিমাইজেশন আছে যা চালু করা সহজ, যেমন ডায়নামিক ইমেজ কম্প্রেশন, টেক্সট কম্প্রেশন, বা JS এবং CSS রিসোর্সগুলির স্বয়ংক্রিয় মিনিফেশন আছে কিনা তা পরীক্ষা করুন।
- এইচটিটিপি ক্যাশিং অপ্টিমাইজ করা ন্যূনতম কোড পরিবর্তনের সাথে আপনার সার্ভারে চাহিদা উল্লেখযোগ্যভাবে হ্রাস করতে পারে। HTTP ক্যাশে দেখুন: একটি ওভারভিউ এবং নির্দিষ্ট সুপারিশের জন্য HTTP ক্যাশিং এবং ক্যাশিং সেরা অনুশীলনের জন্য আপনার প্রতিরক্ষার প্রথম লাইন। Lighthouse-এ একটি দক্ষ ক্যাশে নীতি নিরীক্ষা সহ স্ট্যাটিক সম্পদ পরিবেশন করা আপনাকে সাহায্য করতে পারে দ্রুত শনাক্ত করা সম্পদ যা ক্যাশে করা হচ্ছে না। মনে রাখবেন যে বিভিন্ন ধরণের সংস্থানগুলির বিভিন্ন সতেজতার প্রয়োজনীয়তা থাকবে এবং তাই বিভিন্ন ক্যাশিং কৌশল প্রয়োজন হবে।
- পরিষেবা কর্মীরা আপনার সার্ভারের চাহিদা উল্লেখযোগ্যভাবে হ্রাস করার আরেকটি উপায় কিন্তু উল্লেখযোগ্য প্রযুক্তিগত বিনিয়োগের প্রয়োজন হতে পারে। তারা আপনার ওয়েবসাইটকে অফলাইনে কাজ করতে সক্ষম করে, আপনাকে খোলার সময়, ফোন নম্বর, এবং সংযোগ ছাড়াই ফিরে আসা ব্যবহারকারীদের কাছে অন্যান্য তথ্য উপস্থাপন করতে সক্ষম করে। ওয়েবসাইটগুলিতে পরিষেবা কর্মীদের যোগ করার জন্য ওয়ার্কবক্স হল প্রস্তাবিত পদ্ধতি কারণ এটি প্রচুর বয়লারপ্লেট স্বয়ংক্রিয় করে, সর্বোত্তম অনুশীলনগুলি অনুসরণ করা সহজ করে তোলে এবং নিম্ন-স্তরের
ServiceWorker
API সরাসরি ব্যবহার করার সময় সাধারণ সূক্ষ্ম বাগগুলি প্রতিরোধ করে৷ - আপনার সাইট যদি বড় বেশি ব্যবহার দেখা যাচ্ছে, তাহলে DDoS আক্রমণের বিরুদ্ধে আপনার পর্যাপ্ত সুরক্ষা আছে কিনা তা পরীক্ষা করে দেখুন কারণ আপনার সাইট এখন আরও আকর্ষণীয় লক্ষ্য হতে পারে। সাধারণ প্রদানকারীদের থেকে আরও বিশদ বিবরণ: AWS , Azure , Cloudflare , Google Cloud ।
আরও নির্দেশনার জন্য নেটওয়ার্ক নির্ভরযোগ্যতা দেখুন।
অ্যাক্সেসযোগ্যতা
অ্যাক্সেসযোগ্যতার উপর ফোকাস করা আগের চেয়ে অনেক বেশি গুরুত্বপূর্ণ কারণ বিভিন্ন প্রয়োজনের সাথে আরও বেশি লোক সম্ভবত আপনার সাইটে অ্যাক্সেস করছে। আপনার ওয়েবসাইটের মূল কার্যকারিতা সকলের জন্য অ্যাক্সেসযোগ্য তা নিশ্চিত করতে নীচের নির্দেশিকাগুলি অনুসরণ করুন৷
- অ্যাক্সেসযোগ্যতা একটি দলীয় প্রচেষ্টা এবং প্রত্যেকেরই একটি ভূমিকা আছে। টিম গাইডের জন্য Google এর অ্যাক্সেসিবিলিটি পর্যালোচনা করে শুরু করুন সেইসাথে ইউএস ডিজিটাল পরিষেবা থেকে টিম গাইড । এই নির্দেশিকাগুলি ব্যাখ্যা করে যে প্রতিটি দলের সদস্য (পণ্য পরিচালক, প্রকৌশলী, ডিজাইনার, QA, এবং আরও) কী অবদান রাখতে পারে।
- কোনটি ভালভাবে কাজ করছে এবং কোনটির উন্নতি প্রয়োজন তা নির্ধারণ করতে একটি অ্যাক্সেসিবিলিটি পর্যালোচনা করুন৷ WAVE ব্রাউজার এক্সটেনশনগুলি আপনার সাইটের ম্যানুয়াল অ্যাক্সেসিবিলিটি অডিটের মাধ্যমে আপনাকে গাইড করতে সাহায্য করতে পারে।
- কীবোর্ড নেভিগেশন এবং স্ক্রিন রিডার সমর্থনের মতো নির্দিষ্ট বিষয়গুলি আরও ভালভাবে বোঝার জন্য অ্যাক্সেসিবিলিটি গাইডগুলি পড়ুন৷
- সাধারণ অ্যাক্সেসিবিলিটি সমস্যাগুলি ধরতে একটি বাতিঘর অডিট চালান ৷ রিপোর্টটি ম্যানুয়াল চেকগুলির একটি তালিকাও প্রদান করে যা আপনি আপনার সাইটের অপারেবিলিটি উন্নত করতে পারেন৷ মনে রাখবেন যে 100 এর অ্যাক্সেসিবিলিটি স্কোর আপনার সাইটটি অ্যাক্সেসযোগ্য কিনা তা গ্যারান্টি দেয় না। এমন অনেক গুরুত্বপূর্ণ বিষয় রয়েছে যা Lighthouse একটি স্বয়ংক্রিয় ফ্যাশনে পরীক্ষা করতে পারে না তাই ম্যানুয়াল পর্যালোচনা করা এখনও গুরুত্বপূর্ণ। অন্যান্য স্বয়ংক্রিয় অডিটিং সরঞ্জামগুলির মধ্যে রয়েছে WAVE API এবং AX এক্সটেনশন ।
- Egghead.io কোর্সে স্টার্ট বিল্ডিং অ্যাক্সেসযোগ্য ওয়েব অ্যাপ্লিকেশন টুডে কোর্সটি সম্পূর্ণ করুন অথবা Udacity-এ ওয়েব অ্যাক্সেসিবিলিটি কোর্সটি দেখুন।
- নির্দিষ্ট অ্যাক্সেসযোগ্যতার বিষয়ে আরও দ্রুত টিপসের জন্য A11ycast প্লেলিস্টটি দেখুন।
পরিচয়, নিরাপত্তা, এবং গোপনীয়তা
দরজার বাইরে সমালোচনামূলক সমাধান পেতে শর্টকাট নেওয়ার জন্য এটি প্রলুব্ধ হতে পারে, তবে সর্বদা সতর্ক থাকুন যে এটি করার সময় আপনি সুরক্ষা গর্তগুলি খুলছেন না। লোকেদের এমন বিষয়গুলিতে অ্যাক্সেস করতে হবে যা অত্যন্ত ব্যক্তিগত। ওয়েবসাইটগুলিকে এই সংবেদনশীল ব্যবহারকারীর ডেটাকে যে কোনও মূল্যে সুরক্ষিত করতে হবে এবং লোকেদের বোঝাতে হবে যে তাদের ব্যক্তিগতভাবে সনাক্তযোগ্য তথ্য (PII) নিরাপদ৷
- বুঝুন কেন সমস্ত ওয়েবসাইটগুলিকে HTTPS দিয়ে সুরক্ষিত করা উচিত , শুধুমাত্র সেগুলি নয় যেগুলি সংবেদনশীল PII ডেটা পরিচালনা করে৷
- ডিফল্টরূপে HTTPS ব্যবহার করে এমন একটি হোস্টিং প্রদানকারীতে স্যুইচ করুন, অথবা আপনার সার্ভারে HTTPS সক্ষম করতে Let's Encrypt বা অনুরূপ পরিষেবাগুলি ব্যবহার করুন৷
- কিভাবে আপনার কুকি ব্যবহার আরও নিরাপদ করতে হয় তা শিখতে SameSite কুকিজ পর্যালোচনা করুন। মনে রাখবেন যে SameSite কুকি লেবেলিংয়ের প্রয়োগ সাময়িকভাবে ফিরিয়ে আনা হয়েছে ৷
আরও নির্দেশিকা জন্য নিরাপদ এবং নিরাপদ দেখুন.
ব্যবহারযোগ্যতা, UI, এবং UX
মানুষ মৌলিক চাহিদা পূরণের জন্য ওয়েবের উপর অনেক বেশি নির্ভর করছে। এই লোকেদের অনেকেই ঘন ঘন ওয়েব ব্যবহার করেন না। আপনার সাইটের মূল কার্যকারিতার ব্যবহারযোগ্যতা নিরীক্ষণ করা এবং এটি যতটা সম্ভব সহজ এবং ব্যবহার করা সহজ তা নিশ্চিত করা সার্থক।
- আপনার ওয়েবসাইটের শীর্ষে একটি বিশিষ্ট ব্যানার (এটি একটি X বোতাম দিয়ে সরানো যেতে পারে) যোগ করার কথা বিবেচনা করুন যা পরিষ্কারভাবে পরিষেবা আপডেটগুলিকে যোগাযোগ করে৷ ব্যানারে একটি কল-টু-অ্যাকশন ব্যবহার করুন যাতে লোকেদের আরও নির্দিষ্ট সংস্থানগুলিতে নির্দেশ দেওয়া হয়। আপনার পৃষ্ঠার বাকি বিষয়বস্তু থেকে আলাদা আলাদা রঙ এবং ফন্ট ব্যবহার করার কথা বিবেচনা করুন। আপনার লেখাকে সহানুভূতিশীল রাখুন, লোকেদের চাহিদার উপর দৃষ্টি নিবদ্ধ করুন এবং কী ধরনের পরিষেবা আশা করবেন সে সম্পর্কে স্বচ্ছ।
- আপনার সমালোচনামূলক ব্যবহারকারীর যাত্রায় (CUJs) শারীরিক মিথস্ক্রিয়া হ্রাস করার সুযোগগুলি সন্ধান করুন এবং আপনার পণ্য দলকে সেই পরিবর্তনগুলির পরামর্শ দিন। উদাহরণস্বরূপ, যদি আপনার ডেলিভারি পরিষেবার জন্য সাধারণত একটি স্বাক্ষরের প্রয়োজন হয়, তাহলে দেখুন যে এর আশেপাশে কাজ করার কোনো উপায় আছে কিনা।
- আপনার CUJ যতটা সম্ভব সহজ এবং স্বজ্ঞাত কিনা তা দুবার চেক করুন এবং আপনি যদি উন্নতি করার কোনো সুযোগ দেখতে পান তবে আপনার পণ্য দলে পরিবর্তনের পরামর্শ দিন।
- ভাল মোবাইল ডিজাইনের নীতিগুলি পর্যালোচনা করুন এবং কোনও স্পষ্ট সমস্যা নেই তা নিশ্চিত করতে বিভিন্ন মোবাইল ডিভাইসে আপনার CUJ ব্যবহার করে দেখুন৷ যে সমস্ত লোকেরা প্রায়শই ওয়েব ব্যবহার করেন না এবং হঠাৎ করে নিজেদেরকে ওয়েবে বেশি নির্ভর করতে হচ্ছে তারা সম্ভবত মোবাইল ডিভাইস থেকে আপনার সাইট অ্যাক্সেস করছে৷
- যতটা সম্ভব প্রতিক্রিয়াশীল ডিজাইন প্যাটার্ন ব্যবহার করার জন্য আপনার সাইট রিফ্যাক্টর করুন।
- আপনার ফর্মগুলি দক্ষ এবং ভালভাবে ডিজাইন করা হয়েছে তা নিশ্চিত করুন৷
এসইও
লোকেরা গুরুতর স্বাস্থ্য- এবং চাকরি-সম্পর্কিত তথ্য খুঁজছে। আপনার সাইটগুলি সমস্ত সার্চ ইঞ্জিন দ্বারা আবিষ্কারযোগ্য তা নিশ্চিত করা গুরুত্বপূর্ণ৷ লাইটহাউস এসইও অডিট আপনাকে মৌলিক সমস্যা সনাক্ত করতে সাহায্য করতে পারে। সর্বশেষ নির্দেশিকা এবং আপডেটের জন্য সার্চ ইঞ্জিনগুলির অফিসিয়াল ব্লগগুলি অনুসরণ করুন: Google , Bing , Baidu , DuckDuckGo , Yandex ৷ সাম্প্রতিক COVID-19-সম্পর্কিত পোস্ট:
- আপনার Google অনুসন্ধান উপস্থিতির উপর প্রভাব কমানোর সময় আপনার অনলাইন কার্যকলাপগুলি কীভাবে পরিবর্তন করবেন
- ভার্চুয়াল, স্থগিত, এবং বাতিল ইভেন্টের জন্য নতুন বৈশিষ্ট্য
- Bing COVID-19-এর জন্য বিশেষ ঘোষণার জন্য schema.org মার্কআপ গ্রহণ করে
- COVID-19 ঘোষণায় স্ট্রাকচার্ড ডেটা যোগ করুন
- স্বাস্থ্য সংস্থাগুলিকে COVID-19 তথ্য আরও অ্যাক্সেসযোগ্য করতে সহায়তা করা
- স্বাস্থ্য এবং সরকারি সাইট অনুসন্ধানের জন্য সাধারণ সর্বোত্তম অনুশীলন
আরও নির্দেশনার জন্য আবিষ্কারযোগ্য দেখুন।
কর্মক্ষমতা
কিছু আইএসপি ( উদাহরণস্বরূপ ভারতে ) হোম ইন্টারনেট ব্যবহারের তীব্র বৃদ্ধি দেখছে এবং বর্ধিত চাহিদা মেটাতে তাদের পরিকাঠামো নেই। এই ধরনের পরিস্থিতিতে আপনার নিজের কোনো দোষ ছাড়াই আপনার ওয়েবসাইটের গতি কম হতে পারে। আপনার লোড কর্মক্ষমতা অপ্টিমাইজ করা হ্রাস ব্যান্ডউইথের হেডওয়াইন্ড অফসেট করার একটি উপায় হতে পারে। অন্য কথায়, আপনার পৃষ্ঠাগুলি লোড করার জন্য নেটওয়ার্কে যে বাইটের সংখ্যা পাঠানো দরকার তা হ্রাস করে, আপনি হ্রাসকৃত ব্যান্ডউইথের কার্যকারিতা প্রভাব অফসেট করতে পারেন।
- ছবিগুলি ওয়েবে ফোলার এক নম্বর কারণ । আপনি আপনার ছবিগুলি অপ্টিমাইজ করে আপনার ওয়েবসাইটের ব্যান্ডউইথের ব্যবহার উল্লেখযোগ্যভাবে হ্রাস করতে সক্ষম হতে পারেন৷ Squosh হল একটি সহজ ওপেন সোর্স ইমেজ কম্প্রেশন টুল যা আপনাকে আপনার ছবি দ্রুত কম্প্রেস করতে সাহায্য করতে পারে।
- আপনার শীর্ষ কর্মক্ষমতা উন্নতির সুযোগগুলি আবিষ্কার করতে WebPageTest বা Lighthouse চালান৷
- টেক্সট রিসোর্সের নেটওয়ার্ক সাইজ কমাতে টেক্সট কম্প্রেশন সক্ষম করুন । এটি প্রায়শই একটি সহজ পারফরম্যান্স জয় যার জন্য ন্যূনতম প্রযুক্তিগত বিনিয়োগ প্রয়োজন।
- কীভাবে সহযোগিতা করতে হয় এবং অন্যান্য বিভাগের কাছ থেকে কেনাকাটা করতে হয় তা শিখতে ক্রস-কার্যকরীভাবে ওয়েবসাইটের গতি ফিক্সিং পড়ুন।
- ছবিগুলির জন্য অনুরোধগুলিকে কম করতে ইমেজের জন্য স্ট্যান্ডার্ডাইজড অলস-লোডিং ব্যবহার করুন যেগুলি লোকেরা বাস্তবে কখনও দেখতে না পারে৷ ব্রাউজার সামঞ্জস্য 100% নয় তবে বৈশিষ্ট্যটিকে একটি প্রগতিশীল বর্ধন হিসাবে বিবেচনা করা যেতে পারে। অন্য কথায়, যদি একটি নির্দিষ্ট ব্রাউজার স্ট্যান্ডার্ডাইজড অলস-লোডিং সমর্থন না করে, তাহলে ইমেজটি লোড হওয়া উচিত যেমন এটি সাধারণত করে।
- আপনার সাইটে এমন কোনো A/B টেস্টিং বা ব্যক্তিগতকরণ স্ক্রিপ্ট আছে যা আরও অ্যাসিঙ্ক্রোনাসভাবে লোড করা যায় কিনা বা স্ক্রিপ্টগুলিতে অ-গুরুত্বপূর্ণ কার্যকারিতা আছে কিনা তা অক্ষম করা যেতে পারে কিনা তা পরীক্ষা করুন। A/B পরীক্ষা এবং ব্যক্তিগতকরণ স্ক্রিপ্টগুলি সাধারণত সম্পূর্ণ অ্যাসিঙ্ক্রোনাসভাবে লোড করা যায় না কারণ সেগুলিকে পৃষ্ঠার সামগ্রী লোড হওয়ার আগে চালানোর প্রয়োজন হয়, তবে স্ক্রিপ্টগুলির অংশগুলিকে আরও অ্যাসিঙ্ক্রোনাসভাবে লোড করার কিছু সুযোগ থাকতে পারে৷ সাধারণভাবে সিঙ্ক্রোনাস স্ক্রিপ্ট (রেন্ডার-ব্লকিং স্ক্রিপ্ট নামেও পরিচিত) এর মধ্যে মৌলিক ট্রেডঅফ বোঝার জন্য ক্রিটিকাল রেন্ডারিং পাথ দেখুন এবং পৃষ্ঠা লোডের সময় এবং তারপরে সিদ্ধান্ত নিন যে আপনাকে পৃষ্ঠা লোডের সময় বা বিপরীতে রেন্ডার-ব্লকিং স্ক্রিপ্টগুলিকে অগ্রাধিকার দিতে হবে কিনা।
- থার্ড-পার্টি কোড বেশিরভাগ ওয়েবসাইটের জন্য সমস্ত অনুরোধের প্রায় অর্ধেক গঠন করে। আপনার সাইট চালানোর জন্য মৌলিক নয় এমন তৃতীয় পক্ষের কোড অপ্টিমাইজ করা বা সাময়িকভাবে অপসারণ বা নিষ্ক্রিয় করার কথা বিবেচনা করুন।
- যদি বৈশিষ্ট্য রিলিজ বঞ্চিত হয়, এটি পরিষ্কার করার উপযুক্ত সময় হতে পারে। আপনার ট্যাগ ম্যানেজার থেকে ট্যাগগুলি সরান, ফুলে যাওয়া CSS এবং JS পরিষ্কার করুন এবং অবহেলিত বৈশিষ্ট্য বা কোড সরান৷ Chrome DevTools-এ কভারেজ ট্যাব এবং Puppeteer-এ
Coverage
ক্লাস আপনাকে অব্যবহৃত কোড শনাক্ত করতে সাহায্য করতে পারে।
আরও নির্দেশিকা জন্য দ্রুত লোড সময় দেখুন.