সার্চ সম্পর্কিত জাভাস্ক্রিপ্টের সমস্যা সমাধান করা

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

ওয়েবে সকলকে সাহায্য করার জন্যই Googlebot তৈরি করা হয়েছে। ব্যবহারকারীর সাইট দেখার অভিজ্ঞতাকে খারাপ না করে, ওয়েবে ক্রল করাই হল এটির প্রধান উদ্দেশ্য। পৃষ্ঠার প্রয়োজনীয় কন্টেন্টে কিছু যোগ করে না এমন রিসোর্সগুলিকে Googlebot ও সেটির ওয়েব রেন্ডারিং সার্ভিস (WRS) সংক্রান্ত উপাদান নিয়মিত বিশ্লেষণ করে শনাক্ত করার চেষ্টা করে এবং সেগুলিকে নিয়ে আসা বন্ধ করে দিতে পারে। যেমন, পৃষ্ঠার প্রয়োজনীয় কন্টেন্টে কিছু যোগ করে না এমন রিপোর্টিং ও সমস্যার অনুরোধ সহ পৃষ্ঠার কন্টেন্ট এক্সট্র্যাক্ট করার কাজে অব্যবহারযোগ্য ও অপ্রয়োজনীয় একই রকমের অনুরোধসমূহ।

আপনি যদি সন্দেহ করেন জাভাস্ক্রিপ্ট সংক্রান্ত কোনও সমস্যা আপনার পৃষ্ঠা ব্লক করতে পারে অথবা কোনও জাভাস্ক্রিপ্ট চালিত পৃষ্ঠার নির্দিষ্ট কন্টেন্ট Google Search-এ দেখানো হচ্ছে না বলে মনে হলে, নিচে উল্লেখ করা ধাপগুলি অনুসরণ করুন:

  1. কোনও ইউআরএল Google কীভাবে ক্রল ও রেন্ডার করে তা পরীক্ষা করতে Search Console থেকে মোবাইল-ফ্রেন্ডলি হওয়ার পরীক্ষা বা ইউআরএল খতিয়ে দেখার টুল ব্যবহার করে দেখুন। পৃষ্ঠা সম্পর্কিত ফলাফলের কার্ডে আরও তথ্যের লিঙ্কে ক্লিক করে আপনি লোড হওয়া রিসোর্স, জাভাস্ক্রিপ্ট কনসোলের আউটপুট এবং ব্যতিক্রম, রেন্ডার হওয়া DOM ইত্যাদি দেখতে পারেন।

    এছাড়াও, আপনার সাইটের কন্টেন্ট কীভাবে রেন্ডার করা হবে সেটিকে প্রভাবিত করতে পারে এমন সম্ভাব্য সমস্যা শনাক্ত করার জন্য, ব্যবহারকারী ও Googlebot জাভাস্ক্রিপ্ট সংক্রান্ত কী সমস্যার সম্মুখীন হচ্ছে সেগুলি সংগ্রহ করে অডিট করার জন্য সাজেস্ট করা হচ্ছে।

  2. সফ্ট ৪০৪ সমস্যা আটকাতে ভালভাবে দেখে নিন। এক-পৃষ্ঠার অ্যাপ্লিকেশনের জন্য (SPA), এটি করা শক্ত হতে পারে। সমস্যার পৃষ্ঠাগুলি ইন্ডেক্স হওয়া থেকে আটকাতে হলে, আপনি নিম্নলিখিত স্ট্র্যাটেজিগুলির একটি বা দুটি ব্যবহার করতে পারেন:
    • এমন একটি URL-এ রিডাইরেক্ট করুন, যেখানে সার্ভার ৪০৪ স্ট্যাটাস কোড সহ রেসপন্ড করে।

      উদাহরণ দেখুন

      fetch(`https://api.kitten.club/cats/${id}`)
       .then(res => res.json())
       .then((cat) => {
         if (!cat.exists) {
           // redirect to page that gives a 404
           window.location.href = '/not-found';
         }
       });
    • robots-এর মেটা ট্যাগ noindex-এ যোগ করুন বা পরিবর্তন করুন।

      উদাহরণ দেখুন

      fetch(`https://api.kitten.club/cats/${id}`)
       .then(res => res.json())
       .then((cat) => {
         if (!cat.exists) {
           const metaRobots = document.createElement('meta');
           metaRobots.name = 'robots';
           metaRobots.content = 'noindex';
           document.head.appendChild(metaRobots);
         }
       });
  3. ব্যবহারকারীর অনুমতির অনুরোধ জানালে, সেটি Googlebot প্রত্যাখ্যান করবে বলে মনে হচ্ছে।
  4. বিভিন্ন কন্টেন্ট লোড করার জন্য ফ্র্যাগমেন্ট ইউআরএল ব্যবহার করবেন না।
  5. কন্টেন্ট পরিবেশন করার জন্য মিডিয়াতে ইতিমধ্যে সেভ হয়ে থাকা ডেটার উপর ভরসা করবেন না।
  6. Googlebot-এ ক্যাশে সংক্রান্ত সমস্যা এড়াতে কন্টেন্ট ফিঙ্গারপ্রিন্টিং ব্যবহার করুন।
  7. আপনার অ্যাপ্লিকেশনের ক্ষেত্রে প্রয়োজনীয় সব গুরুত্বপূর্ণ এপিআইয়ের জন্য ফিচার শনাক্তকরণ ব্যবহার করা হচ্ছে কিনা তা দেখে নিন এবং যেখানে প্রযোজ্য হবে, সেইসব জায়গায় ফলব্যাক আচরণ বা পলিফিল প্রদান করুন।
  8. আপনার ওয়েব কম্পোনেন্ট দরকার মতো রেন্ডার করছে কিনা তা ভাল করে দেখে নিন। রেন্ডার করা HTML-এ আপনার দরকার মতো কন্টেন্ট আছে কিনা তা চেক করে দেখতে মোবাইল-ফ্রেন্ডলি হওয়ার পরীক্ষা অথবা ইউআরএল খতিয়ে দেখার টুল ব্যবহার করে দেখুন।
  9. এই চেকলিস্ট অনুযায়ী সমস্যার সমাধান করা হয়ে গেলে, Search Console থেকে মোবাইল-ফ্রেন্ডলি হওয়ার পরীক্ষা বা ইউআরএল খতিয়ে দেখার টুল ব্যবহার করে আপনার পৃষ্ঠা পরীক্ষা করে দেখুন।

    সমস্যার সমাধান হয়ে গেলে একটি সবুজ রঙের টিক চিহ্ন দেখতে পাবেন এবং আর কোনও সমস্যার বিজ্ঞপ্তি দেখানো হবে না। এরপরেও কোনও সমস্যা হলে, Search ওয়ার্কিং গ্রুপের জাভাস্ক্রিপ্ট সাইট-এ সেটি পোস্ট করুন।