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