আপনি যদি একজন গ্রাফিক ডিজাইনার হিসেবে কাজ করেন, তবে আপনি জানেন যে ব্যবহারকারীর অভিজ্ঞতা ক্রমশই গুরুত্বপূর্ণ হয়ে উঠছে । আর এর মধ্যেই, আপনি কি জানেন আপনার ওয়েবসাইটের ডিজাইন কীভাবে কোর ওয়েব ভাইটালসকে প্রভাবিত করে?
এগুলো শুধু ডিজাইনকেই প্রভাবিত করবে না, এসইও, আপনার অবস্থানকেও প্রভাবিত করবে... কিন্তু কেন? নীচে আমরা আপনাকে এটি ব্যাখ্যা করছি যাতে আপনি আপনার ক্লায়েন্টদের সর্বোত্তম পরিষেবা দিতে পারেন।
কোর ওয়েব ভাইটাল কি
আপনার ওয়েবসাইটের ডিজাইনকে কোর ওয়েব ভাইটালের সাথে কেন যুক্ত করা উচিত তার কারণ ব্যাখ্যা করার আগে, আমরা কী উল্লেখ করছি তা আপনার জানা গুরুত্বপূর্ণ।
এই পরিভাষাটি গুগল দ্বারা প্রতিষ্ঠিত একগুচ্ছ মেট্রিককে বোঝায়, যা অত্যন্ত গুরুত্বপূর্ণ কারণ এর মাধ্যমে জানা যায় কোনো ওয়েবসাইটে একজন ব্যবহারকারী কী ধরনের অভিজ্ঞতা লাভ করবেন। অন্য কথায়, এগুলো হলো এমন কিছু টুল যা একটি ওয়েবসাইট বিশ্লেষণ করে নির্ধারণ করে যে সেটি ভালো ব্যবহারকারীর অভিজ্ঞতা প্রদান করে কি না।
উদাহরণস্বরূপ, কল্পনা করুন যে আপনার একটি ওয়েবসাইট আছে। আপনার নতুন ডিজাইন তৈরি করার পালা এবং আপনি শুরু করার আগে পর্যালোচনা করুন, ব্যবহারকারীর অভিজ্ঞতা কোর ওয়েব ভাইটালগুলি কী ব্যবহার করছে।
এখন , ডিজাইনটি শেষ করার পর, আপনি এটি আবার বিশ্লেষণ করবেন। এবং, যদি কাজটি ভালোভাবে করা হয়ে থাকে, তবে আপনার প্রথমবার পাওয়া সংখ্যার চেয়ে উল্লেখযোগ্যভাবে বেশি একটি সংখ্যা পাওয়া উচিত।
প্রধান মেট্রিক্স
যেমনটি আমরা উল্লেখ করেছি, কোর ওয়েব ভাইটালস হলো একগুচ্ছ মেট্রিক। এগুলি বেশ কয়েকটি, কিন্তু বিশেষজ্ঞরা সাধারণত সেগুলির মধ্যে মাত্র তিন বা চারটির উপর মনোযোগ দেন, যেগুলিকে সবচেয়ে গুরুত্বপূর্ণ বলে মনে করা হয়।
LCP, সবচেয়ে বড় বিষয়বস্তুর পেইন্ট বা প্রধান বিষয়বস্তু লোড করার সময়
এই পরিভাষাগুলো এমন একটি মেট্রিককে বোঝায় যার উদ্দেশ্য হলো লোডিং স্পিড পরিমাপ করা। অর্থাৎ, একটি ওয়েব পেজ কম্পিউটারে লোড হয়ে সম্পূর্ণরূপে প্রদর্শিত হতে বেশি সময় নেয় নাকি কম সময় নেয়।
গুগলের মতে, লোডিং টাইম 2,5 সেকেন্ডের কম হতে হবে। অতএব, যেকোন কিছু যা সেই সময়ের চেয়ে বেশি সময় নেয় তা এই মেট্রিকের সাথে ব্যর্থ হবে এবং অবস্থান এবং এসইওকে প্রভাবিত করবে।
FID, প্রথম ইনপুট বিলম্ব বা ইন্টারঅ্যাকটিভিটি
একজন ব্যবহারকারী যখন কোনো ওয়েবসাইটে প্রবেশ করেন, তখন তাঁকে সেটির মধ্যে দিয়ে চলাচল করতে হয়, তাই না? অর্থাৎ, তাঁকে এক পাতা থেকে অন্য পাতায় যেতে হয়।
এবং যদিও আপনি মনে করতে পারেন যে প্রতিটি পরিমাপ পূর্ববর্তী মেট্রিক দ্বারা পরিমাপ করা হবে, সত্য হল এটি নয়।
এই কারণেই আরেকটি মেট্রিক রয়েছে, যা মূল্যায়ন করে যে ব্যবহারকারী লিঙ্কে ক্লিক করার পর পৃষ্ঠাটি কত দ্রুত প্রদর্শিত হয়।
আপনার পক্ষে বোঝা সহজ করার জন্য: কল্পনা করুন যে আপনি একটি ওয়েবসাইট লিখুন এবং আমার সম্পর্কে যেতে চান। বোতামটি ক্লিক করার সময় থেকে এটি আপনাকে নতুন পৃষ্ঠাটি দেখায় ভাল বা খারাপ হতে পারে।
গুগলের জন্য সেরা সময় কোনটি? ০.১ সেকেন্ডের নিচে। এটা সবসময় সহজ নয়।
তবে আপনার ওয়েবসাইট ডিজাইন করার সময় আপনার এটিও বিবেচনায় নেওয়া উচিত।
CLS, Cumulative Layout Shift বা Visual Stability
অবশেষে, আমাদের কাছে একটি তৃতীয় গুরুত্বপূর্ণ মেট্রিক রয়েছে (এবং একটি যা আপনার ওয়েবসাইটের ডিজাইনকে প্রভাবিত করে)। ভিজ্যুয়াল স্থায়িত্ব বোঝা যায় লোড করার সময় পৃষ্ঠায় ঘটে যাওয়া পরিবর্তনগুলি, যার কারণে আপনি যেখানে যেতে চাননি সেখানে ক্লিক করতে পারেন৷
আপনার বোঝার সুবিধার জন্য: ধরুন আপনি একটি ওয়েবসাইট খুললেন। আপনি প্রবেশ করার পর, সেটি লোড হতে শুরু করে, কিন্তু যেহেতু আপনি জানেন কোথায় যেতে হবে, তাই বাটনটি দেখা যাওয়ার সাথে সাথেই আপনি ক্লিক করেন। কিন্তু হঠাৎ করেই, সেটি সরে যায় এবং আপনি আপনার ইচ্ছার পরিবর্তে অন্য একটি জায়গায় ক্লিক করে ফেলেন।
Google এর জন্য, একটি ভাল CLS হতে হবে যেটি সর্বদা 0,1 এর নিচে থাকে।
এবং কেন আপনার ওয়েবসাইটের ডিজাইন কোর ওয়েব ভাইটালকে প্রভাবিত করে
আপনি দেখেন, আপনি যখন একটি ওয়েবসাইট তৈরি করেন, আপনি ছবি, প্লাগইন রাখেন, আপনি ভাল হোস্টিং সন্ধান করেন, আপনি গ্রাফিক্স সহ একটি পৃষ্ঠা প্রোগ্রাম করেন, ভিডিও সহ... এবং যা যা করে তা হল সবকিছু লোড হয়ে যায়।
আপনার ডিজাইন যদি অতিরিক্ত রিসোর্স-নির্ভর হয়ে পড়ে, তবে তা ব্যবহারকারীর অভিজ্ঞতার ওপর নেতিবাচক প্রভাব ফেলবে। অন্য কথায়, আপনার কোর ওয়েব ভাইটালস মেট্রিকস খুব খারাপ পারফর্ম করবে।
সৌভাগ্যবশত, এটিকে উন্নত করার জন্য আপনি সবসময় কিছু করতে পারেন (এবং আপনার সবসময় মনে রাখা উচিত)।
আপনি আপলোড করা সমস্ত ছবি অপ্টিমাইজ করুন
এর মানে হলো, আপনাকে অবশ্যই নিশ্চিত করতে হবে যে সেগুলোর আকার ১৫০ কিলোবাইটের বেশি না হয় এবং সম্ভব হলে, পৃষ্ঠায় আপনি যে মাপে প্রদর্শন করবেন, ঠিক সেই মাপেরই হতে হবে; এর চেয়ে ছোট বা বড় নয়।
প্লাগইনগুলির সাথে ওভারবোর্ডে যাবেন না
বিশ্বাস করুন বা না করুন, অনেক প্লাগইন থাকা পৃষ্ঠাটিকে প্রভাবিত করবে, এটিকে অনেক ধীর করে তুলবে।
অতএব, পেজটির সঠিক কার্যকারিতার জন্য কেবল প্রয়োজনীয় জিনিসগুলো রাখারই পরামর্শ দেওয়া হচ্ছে (এবং আমরা আপনাকে বলতে পারি যে সেগুলোর সংখ্যা খুব বেশি নয়)।
আসলে, এমনকি যদি আপনি তাদের আছে, কিন্তু তারা সক্রিয় করা হয় না, তারা গ্রাস করবে. তাই সবচেয়ে ভাল জিনিস হল, আপনি যদি সেগুলি ব্যবহার না করেন, তাহলে আপনি সেগুলিকে পৃষ্ঠা থেকে চিরতরে মুছে ফেলবেন৷ আপনি তাদের পুনরায় ইনস্টল করার সময় পাবেন.
মানের হোস্টিং
আরেকটি সাধারণ সমস্যা হলো নিম্নমানের হোস্টিং ব্যবহার করা। মনে রাখবেন, আপনি যা খরচ করবেন, তার বিনিময়ে সেটাই পাবেন। আর হোস্টিংয়ের ক্ষেত্রে, যদি আপনি এমন কোনো উপযুক্ত প্রোভাইডার বেছে না নেন যা আপনার ওয়েবসাইটকে দ্রুতগতিসম্পন্ন করে, তবে তা একটি ভালো ইউজার এক্সপেরিয়েন্স পাওয়ার সম্ভাবনা কমিয়ে দেবে।
সাধারণভাবে, ফ্রি হোস্টিং সবচেয়ে খারাপ। পেইড হোস্টিং অপশনগুলোর মধ্যে, সেগুলো একবার চেষ্টা করে দেখা যেতে পারে, যদিও স্পেনে তিনটি হোস্টিং কোম্পানি বেশ প্রশংসিত : সাইটগ্রাউন্ড, ওয়েবএমপ্রেসা এবং রাইওলা। এদের যেকোনোটিই আপনার ওয়েবসাইটের ভালো লোডিং স্পিড পেতে সাহায্য করতে পারে।
আপনি দেখতেই পাচ্ছেন, একজন গ্রাফিক ডিজাইনার হওয়ার অর্থ শুধু ক্লায়েন্টদের জন্য চমৎকার প্রজেক্ট তৈরি করাই নয়। আপনার ওয়েবসাইটের ডিজাইন ‘কোর ওয়েব ভাইটালস’-কেও প্রভাবিত করে, এবং এর ফলে ক্লায়েন্ট এসইও (SEO) ও সার্চ ইঞ্জিন র্যাঙ্কিংয়ের ক্ষেত্রে আপনার কাজ থেকে সবচেয়ে বেশি সুবিধা পায়। আপনি কি কখনো ভেবে দেখেছেন, একজন আরও ভালো পেশাদার হয়ে ওঠার জন্য এই জ্ঞান কতটা গুরুত্বপূর্ণ?