লেজি-লোড করা কন্টেন্ট Google দেখতে পাচ্ছে কিনা তা নিশ্চিত করা

যথেষ্ট গুরুত্বপূর্ণ নয় বা বর্তমানে দৃশ্যমান নয় এমন কন্টেন্ট দেরি করে লোড করাকে "লেজি-লোডিং" বলা হয়। এটি UX সংক্রান্ত পেশাদার পদ্ধতির একটি সাধারণ অঙ্গ এবং পারফর্ম্যান্সের উন্নতি করতে সাহায্য করে। আরও জানতে ওয়েবের মূল নীতির ছবি ও ভিডিও লেজি-লোড করা সংক্রান্ত নির্দেশিকা দেখুন। তবে, ঠিকভাবে প্রয়োগ করা না হলে এই পদ্ধতি অনিচ্ছাকৃতভাবে Google-কে কন্টেন্ট দেখতে বাধা দিতে পারে। Google কীভাবে লেজি-লোড করা কন্টেন্ট ক্রল ও ইন্ডেক্স করতে পারে তা এই ডকুমেন্ট থেকে জানতে পারবেন।

ভিউপোর্টে দেখা গেলে কন্টেন্ট লোড করা

Googlebot যেন আপনার সব কন্টেন্ট দেখতে পায় তা নিশ্চিত করতে, IntersectionObserver API এবং একটি পলিফিল ব্যবহার করে ভিউপোর্টে কোনও প্রাসঙ্গিক কন্টেন্ট দেখা গেলেই সেটি লেজি-লোড হচ্ছে কিনা দেখুন।

সীমাহীন স্ক্রলের জন্য একাধিক পৃষ্ঠায় কন্টেন্ট লোড করার সুবিধা দেওয়া

আপনি সীমাহীন স্ক্রল ব্যবহার করলে, একাধিক পৃষ্ঠায় কন্টেন্ট লোড করার সুবিধা দিতে ভুলবেন না। একাধিক পৃষ্ঠায় কন্টেন্ট লোড করলে ব্যবহারকারী আপনার কন্টেন্টের সাথে সহজে ইন্টার‍্যাক্ট করতে ও শেয়ার করতে পারেন। সীমাহীন স্ক্রল হয় এমন একটি পৃষ্ঠার শুরুতে নির্দেশ না করে এটি Google-কে কন্টেন্টের একটি নির্দিষ্ট জায়গায় নির্দেশ করতে সাহায্য করে।

একাধিক পৃষ্ঠায় কন্টেন্ট লোড করার সুবিধা দিতে প্রতিটি বিভাগের একটি করে অনন্য লিঙ্ক দিন। এর ফলে ব্যবহারকারীও একটি বিশেষ বিভাগ শেয়ার ও লোড করতে পারবেন। কন্টেন্ট ডায়নামিকভাবে লোড হলে, History API ব্যবহার করে ইউআরএল আপডেট করলে ভাল হয়।

পরীক্ষা করা

প্রয়োগ করা সম্পূর্ণ হলে, সেটি ঠিকভাবে কাজ করছে কিনা তা পরীক্ষা করে দেখা উচিত। সফলভাবে প্রয়োগ করা হয়েছে কিনা তা স্থানীয়ভাবে পরীক্ষা করতে Puppeteer স্ক্রিপ্ট ব্যবহার করুন। Puppeteer হল হেডলেস Chrome নিয়ন্ত্রণ করে এমন একটি Node.js লাইব্রেরি। স্ক্রিপ্টটি চালানোর জন্য আপনার Node.js প্রয়োজন। নিম্নলিখিত কমান্ডগুলির সাহায্যে আপনি স্ক্রিপ্ট পরীক্ষা করতে ও চালাতে পারেন:

git checkout https://github.com/GoogleChromeLabs/puppeteer-examples
cd puppeteer-examples
npm i
node lazyimages_without_scroll_events.js -h

স্ক্রিপ্টটি চালানোর পরে সেটি যে স্ক্রিনশটগুলি তৈরি করে সেগুলি দেখুন এবং Googlebot-কে দেখাতে চান ও ইন্ডেক্সে অন্তর্ভুক্ত করতে চান এমন সব কন্টেন্টই ছবিগুলিতে আছে কিনা দেখুন।

Send feedback about...

সার্চ
সার্চ