কেন আপনার ভাইব-কোডেড ওয়েবসাইট কখনোই র‍্যাঙ্ক করবে না

গত মাসে একজন ফাউন্ডার আমাকে একটি ওয়েবসাইট দেখিয়েছিলেন। এটি দেখতে দারুণ ছিল। এতে ছিল চমৎকার অ্যানিমেশন এবং নিখুঁত কপি। তিনি এটি একটি বিকেলেই AI ব্যবহার করে তৈরি করেছিলেন।

তিন মাস পরে, Google-এ এর কোনো উপস্থিতি ছিল না। এমনকি তার নিজের ব্র্যান্ড নামের জন্যও এটি দেখা যাচ্ছিল না।

সমস্যাটি সহজ। একটি ওয়েবসাইট আপনার কাছে সম্পূর্ণ মনে হতে পারে কিন্তু সার্চ ইঞ্জিনের কাছে তা অদৃশ্য থেকে যেতে পারে। পেজটি মানুষের জন্য কাজ করে, কিন্তু ক্রল (crawl) করতে ব্যর্থ হয়।

ভাইব কোডিং (Vibe coding) মানে হলো আপনি কী চান তা সাধারণ ভাষায় বর্ণনা করা এবং AI-কে কোড লিখতে দেওয়া। Lovable, Bolt, বা Cursor-এর মতো টুলগুলো আপনাকে কয়েক সেকেন্ডের মধ্যে একটি কার্যকরী অ্যাপ তৈরি করে দেয়। এটি জাদুর মতো মনে হয়।

কিন্তু এই টুলগুলোর একটি ডিফল্ট সেটিংস রয়েছে যা আপনার SEO-র ক্ষতি করে।

বেশিরভাগ AI বিল্ডার একটি React single-page application তৈরি করে। React হলো বিশ্বের সবচেয়ে বেশি ব্যবহৃত লাইব্রেরি। আপনি যখন একটি ওয়েবসাইটের জন্য অনুরোধ করেন, আপনি একটি React অ্যাপ পান যা ব্রাউজারে সবকিছু রেন্ডার (render) করে।

একে বলা হয় Client-Side Rendering (CSR)।

এটি যেভাবে কাজ করে:

  • সার্ভার একটি প্রায় খালি HTML ফাইল পাঠায়।
  • ব্রাউজার একটি বড় JavaScript বান্ডেল ডাউনলোড করে।
  • ব্রাউজার পেজটি তৈরি করার জন্য কোডটি রান করে।

একজন মানুষের জন্য এটি ঠিক আছে। পেজটি প্রায় সাথে সাথে সম্পূর্ণভাবে দেখা যায়।

একটি সার্চ ইঞ্জিন ক্রলারের জন্য এটি একটি বিপর্যয়। ক্রলারটি প্রথম যা পায় তা হলো একটি খালি কাঠামো (empty shell)।

Google একটি দুই-ধাপের ইনডেক্সিং প্রক্রিয়া ব্যবহার করে। ১. প্রথম ধাপে এটি র (raw) HTML ক্রল করে। আপনি যদি CSR ব্যবহার করেন, তবে ক্রলার কিছুই দেখতে পায় না। ২. দ্বিতীয় ধাপে এটি JavaScript চালানোর জন্য পেজটিকে কিউতে (queue) রাখে। এই ধাপটি নিশ্চিত নয়। নতুন সাইটের ক্ষেত্রে, Google হয়তো কখনোই এই ধাপটিকে অগ্রাধিকার দেবে না।

আপনার একদম নতুন ওয়েবসাইটটি একটি কিউতে আটকে থাকে। Google একটি খালি পেজ দেখে এবং চলে যায়।

আপনার সাথে এখন এমনটি ঘটছে কি না তা আপনি পরীক্ষা করতে পারেন:

  • Google Search Console ব্যবহার করুন। URL Inspection টুলে আপনার URL পেস্ট করুন। Test Live URL-এ ক্লিক করুন। টেস্ট করা পেজটি দেখুন এবং HTML ট্যাবটি লক্ষ্য করুন। যদি আপনার টেক্সট সেখানে না থাকে, তবে Google তা দেখতে পাচ্ছে না।
  • সাইট সার্চ ব্যবহার করুন। Google-এ site:yourdomain.com লিখে সার্চ দিন। যদি কিছুই না দেখায়, তবে আপনার ইনডেক্সিং সমস্যা রয়েছে।
  • আপনার ব্রাউজারে JavaScript ডিজেবল (disable) করে দিন। পেজটি রিফ্রেশ করুন। যদি পেজটি খালি হয়ে যায়, তবে সার্চ ইঞ্জিনগুলো আপনার কন্টেন্ট খুঁজে পেতে হিমশিম খাবে।

সমাধান হলো React এড়িয়ে চলা নয়। সমাধান হলো রেন্ডারিং কোথায় হচ্ছে তা পরিবর্তন করা।

আপনার কন্টেন্টকে প্রথম HTML রেসপন্সে থাকা প্রয়োজন। আপনার কাছে তিনটি প্রধান বিকল্প রয়েছে:

  • Server-Side Rendering (SSR): সার্ভার প্রতিটি অনুরোধের জন্য পেজটি তৈরি করে। Next.js বা Remix ব্যবহার করুন।
  • Static Site Generation (SSG): ওয়েবসাইটটি প্রতিটি পেজকে আগে থেকেই সাধারণ HTML-এ তৈরি করে রাখে। Astro ব্যবহার করুন।
  • Prerendering: আপনি আপনার পেজগুলোর স্ট্যাটিক HTML স্ন্যাপশট তৈরি করেন।

আপনি যদি আপনার সাইটটি তৈরি করতে AI ব্যবহার করে থাকেন, তবে এটি ঠিক করতেও AI ব্যবহার করতে পারেন। আপনার টুলটিকে অ্যাপটি server-side rendering ব্যবহার করার জন্য কনভার্ট করতে বলুন যাতে কন্টেন্টটি প্রাথমিক HTML-এ থাকে।

একটি ওয়েবসাইট যা ব্রাউজারে কাজ করে, তা Google-এ কাজ করা ওয়েবসাইটের মতো নয়। একটি সুন্দর ডিজাইন যেন একটি খালি কাঠামোকে লুকিয়ে না রাখে।

Source: https://dev.to/swapbiswas/why-your-vibe-coded-website-may-never-rank-on-google-2026-c5m