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-এর ইন্ডেক্স করা প্রয়োজন বলে মনে করেন এমন সব কন্টেন্ট অন্তর্ভুক্ত আছে কিনা ম্যানুয়ালি পর্যালোচনা করে দেখুন।

সব ছবি লোড হয়েছে কিনা দেখতে, Search Console-এর ইউআরএল খতিয়ে দেখার টুল ব্যবহার করতে পারেন। আপনার ছবিগুলি লোড হয়েছে কিনা দেখতে, স্ক্রিনশট ও রেন্ডার করা HTML চেক করুন।

Send feedback about...

সার্চ
সার্চ