ফজলে রাব্বীকোর ওয়েব ভাইটালস হলো তিনটি মাপকাঠি, যা দিয়ে গুগল বোঝায় আসল ভিজিটরের কাছে একটি ওয়েব পেজ কেমন লাগে। লার্জেস্ট কনটেন্টফুল পেইন্ট (LCP) মাপে লোডিং: মূল কনটেন্ট দেখা যেতে কত সময় লাগে। ইন্টারঅ্যাকশন টু নেক্সট পেইন্ট (INP) মাপে সাড়া দেওয়ার ক্ষমতা: কেউ ট্যাপ বা টাইপ করলে পেজ কত দ্রুত প্রতিক্রিয়া দেখায়। কিউমুলেটিভ লেআউট শিফট (CLS) মাপে স্থিরতা: লোড হওয়ার সময় জিনিসপত্র এদিক-ওদিক লাফায় কি না। তিনটি মিলে "সাইটটা ধীর লাগে" কথাটাকে এমন কিছুতে পরিণত করে, যা মাপা আর ঠিক করা যায়।
কেন এই তিনটি, আর কেন জরুরি
প্রতিটি মাপকাঠি একটি পরিচিত বিরক্তির সাথে মেলে। পেজ খুলে সাদা স্ক্রিনের দিকে তাকিয়ে থাকা। বোতামে ট্যাপ করলেন, কিছুই হলো না। "অর্ডার" বোতামে ট্যাপ করতে যাবেন, পেজ সরে গেল আর ট্যাপ পড়ল বিজ্ঞাপনে। মাঝারি মানের ফোনে মোবাইল ডেটায়, যেভাবে বাংলাদেশের অনেক ভিজিটর সাইট দেখেন, এই তিনটি বিরক্তিরই সম্ভাবনা বেশি।
গুগল কোর ওয়েব ভাইটালসকে তার "পেজ এক্সপেরিয়েন্স" ভাবনার অংশ হিসেবে দেখে। গুগলের নিজের নির্দেশনায় এটি অনেক সংকেতের একটি: দুর্বল কনটেন্টের দ্রুত পেজ এমন ধীর পেজকে হারাতে পারবে না, যা প্রশ্নের উত্তর অনেক ভালোভাবে দেয়। তাই এগুলোকে প্রথমে গ্রাহকের অভিজ্ঞতার মাপ হিসেবে ভাবুন, এসইও-র বিষয় হিসেবে পরে।
তিনটি মাপকাঠি সহজ ভাষায়
লোডিং: LCP
পেজে দেখা যাওয়া সবচেয়ে বড় অংশটি, প্রায়ই একটি বড় ছবি, ব্যানার বা বড় শিরোনাম, পুরোপুরি দেখা যাওয়ার মুহূর্তটি LCP ধরে। ধীর LCP-র সাধারণ কারণ: অতিরিক্ত বড় ছবি, ধীর হোস্টিং, ভারী থিম, আর এমন ফন্ট বা স্ক্রিপ্ট, যা লোড না হলে কিছুই দেখা যায় না।
সাড়া দেওয়া: INP
কেউ কিছু করার পর পেজ কত সময়ে দৃশ্যমান সাড়া দেয়, INP সেটা দেখে: মেনুতে ট্যাপ, "কার্টে যোগ করুন" বোতামে ক্লিক, সার্চ বক্সে টাইপ। খারাপ INP সাধারণত আসে একসাথে অনেক জাভাস্ক্রিপ্ট চলার কারণে, যেমন চ্যাট উইজেট, ট্র্যাকিং স্ক্রিপ্ট, স্লাইডার আর পেজ বিল্ডার সবাই মিলে ফোনের সীমিত প্রসেসিং ক্ষমতা নিয়ে টানাটানি করে।
স্থিরতা: CLS
লোড হওয়ার সময় কনটেন্ট অপ্রত্যাশিতভাবে কতটা সরে যায়, CLS তা মাপে। সাধারণ কারণ: মাপ ঠিক না করা ছবি, ওপর থেকে কনটেন্ট ঠেলে নামানো বিজ্ঞাপন বা ব্যানার, আর দেরিতে বদলে যাওয়া ফন্ট, যা লেখার আকার পাল্টে দেয়।
কোন ফল ভালো, কোনটায় উন্নতি দরকার আর কোনটা খারাপ, তার সীমা গুগল প্রকাশ করে। সময়ের সাথে এগুলো বদলাতে পারে, তাই পুরোনো ব্লগের সংখ্যার ওপর ভরসা না করে গুগলের নিজের ডকুমেন্টেশনে সর্বশেষ মান দেখে নিন।
নিজের সাইট কীভাবে পরীক্ষা করবেন
- PageSpeed Insights: পেজের ঠিকানা দিলে দুই ধরনের তথ্য পাবেন: ফিল্ড ডেটা (যথেষ্ট ভিজিটর থাকলে, আসল ক্রোম ব্যবহারকারীদের থেকে) আর ল্যাব ডেটা (একটি কৃত্রিম পরীক্ষা)।
- গুগল সার্চ কনসোল: কোর ওয়েব ভাইটালস রিপোর্ট আসল ভিজিটরের তথ্য থেকে আপনার পেজগুলোকে অবস্থা অনুযায়ী ভাগ করে দেখায়।
- নিজের ফোন: অফিসের ওয়াইফাই নয়, মোবাইল ডেটায় সাইট খুলুন আর খেয়াল করুন কোথায় ধীর লাগে।
ফিল্ড ডেটা দেখায় সাম্প্রতিক কয়েক সপ্তাহে আসল মানুষের অভিজ্ঞতা; ল্যাব ডেটা একবারের নিয়ন্ত্রিত পরীক্ষা, যা কারণ খুঁজতে সাহায্য করে। ল্যাবে পাস করেও আসল ব্যবহারে পেজ ধীর হতে পারে, উল্টোটাও হয়।
খারাপ স্কোর সাধারণত যেভাবে ঠিক হয়
| সমস্যা | সাধারণ সমাধান |
|---|---|
| বড় ছবি | আকার ছোট করা, কম্প্রেস করা, আধুনিক ফরম্যাট; পেজের নিচের ছবি দরকার হলে তবেই লোড করা |
| ধীর সার্ভার | ভালো হোস্টিং, ক্যাশিং আর CDN |
| অনেক স্ক্রিপ্ট | অব্যবহৃত প্লাগইন বাদ, জরুরি নয় এমন স্ক্রিপ্ট পরে চালানো |
| লেআউট লাফানো | ছবি ও ভিডিওর মাপ ঠিক করা, ব্যানারের জায়গা আগে থেকে রাখা |
| ভারী পেজ বিল্ডার | টেমপ্লেট সহজ করা বা মূল পেজগুলো হালকা করে নতুন করে বানানো |
বিস্তারিত পদ্ধতি আছে মোবাইল ডেটায় ধীর ওয়েবসাইট ঠিক করা লেখায়।
সাধারণ প্রশ্ন
পুরো নম্বর কি লাগবে? না। সবচেয়ে জরুরি পেজগুলোতে, যেমন হোম পেজ, মূল সার্ভিস পেজ আর প্রোডাক্ট পেজে, "ভালো" অবস্থায় পৌঁছান, তারপর সেখানে ধরে রাখুন।
প্রতিবার পরীক্ষায় স্কোর বদলায় কেন? নেটওয়ার্ক আর সার্ভারের অবস্থার সাথে ল্যাব পরীক্ষার ফল ওঠানামা করে। একবারের ফল নয়, প্রবণতা দেখুন।
এগুলো ঠিক করলেই কি গুগলের শীর্ষে যাব? শুধু এতে নয়। প্রাসঙ্গিকতা আর কাজের কনটেন্ট আগে; অন্য দিক থেকে কাছাকাছি পেজগুলোর মধ্যে কোর ওয়েব ভাইটালস সাহায্য করে, আর ভিজিটরকে সাইটে ধরে রাখে। সার্চের বড় ছবিটা বুঝতে পড়ুন এসইও, এইও, জিইও ও এআইও।
কোথা থেকে শুরু করবেন
- হোম পেজ আর সবচেয়ে গুরুত্বপূর্ণ তিনটি পেজ PageSpeed Insights-এ পরীক্ষা করুন।
- তিনটি মাপকাঠির কোনটি সবচেয়ে দুর্বল, লিখে রাখুন।
- আগে ছবি ঠিক করুন আর অব্যবহৃত স্ক্রিপ্ট সরান; এগুলোই সবচেয়ে সাধারণ কারণ।
- আবার পরীক্ষা করুন, তারপর পরের কয়েক সপ্তাহ সার্চ কনসোলের রিপোর্টে চোখ রাখুন।
একটি টেকনিক্যাল এসইও অডিট অন্য সমস্যার পাশাপাশি এগুলোও দেখে। আপনার পেজগুলো পর্যালোচনা করাতে চাইলে দেখুন আমার ওয়েবসাইট ডেভেলপমেন্ট সার্ভিস।