কেন আপনার ভাইব-কোডেড (Vibe-coded) ওয়েবসাইট গুগল র‍্যাঙ্কিংয়ে কখনোই আসতে পারে না

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

তিন মাস পরে দেখা গেল, গুগলে সাইটটির কোনো অস্তিত্বই নেই। এমনকি তার নিজের ব্র্যান্ডের নাম দিয়ে সার্চ করলেও এটি খুঁজে পাওয়া যাচ্ছিল না।

ভাইব-কোডেড (vibe-coded) ওয়েবসাইটগুলোর সমস্যা এটাই। আপনার কাছে এগুলো সম্পূর্ণ মনে হলেও সার্চ ইঞ্জিনগুলোর কাছে এগুলো অদৃশ্য। পেজটি মানুষের জন্য কাজ করলেও ক্রলিং (crawl) প্রক্রিয়ায় ব্যর্থ হয়।

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

এর পেছনের সমস্যাটি হলো একটি টেকনিক্যাল ডিফল্ট। এই টুলগুলো মূলত React single-page applications তৈরি করে। এর কারণ হলো তাদের ট্রেনিং ডেটাতে React-এর আধিপত্য বেশি।

React প্রায়শই client-side rendering (CSR) ব্যবহার করে। এর মানে হলো সার্ভার একটি প্রায় খালি HTML ফাইল পাঠায়। পেজটি প্রদর্শিত হওয়ার আগে ব্রাউজারকে একটি বড় JavaScript bundle ডাউনলোড করে সেটি রান করতে হয়।

একজন মানুষের জন্য এটি ঠিক আছে, কিন্তু একটি ক্রলারের (crawler) জন্য এটি একটি বিপর্যয়।

Googlebot প্রথমে সেই খালি কাঠামোটি দেখে। Google ইনডেক্সিংয়ের জন্য একটি দুই-ধাপের প্রক্রিয়া ব্যবহার করে:

• Wave 1: Googlebot র (raw) HTML ক্রল করে। আপনি যদি CSR ব্যবহার করেন, তবে এটি একটি খালি কন্টেইনার ছাড়া আর কিছুই খুঁজে পায় না।
• Wave 2: Google পেজটিকে JavaScript রান করার জন্য কিউতে (queue) রাখে। এই ধাপটি নিশ্চিত নয়। নতুন সাইটগুলোর ক্ষেত্রে Google হয়তো কখনোই এই রেন্ডারিংকে অগ্রাধিকার দেবে না।

আপনার সাইটটি একটি কিউতে আটকে থাকে। Google একটি খালি পেজ দেখে এবং পরবর্তী ধাপে চলে যায়। ফলে আপনার কন্টেন্ট কখনোই ইনডেক্সে পৌঁছাতে পারে না।

আপনি তিনটি সহজ পরীক্ষার মাধ্যমে এটি নিজেই যাচাই করতে পারেন:

• Google Search Console: URL Inspection টুলটি ব্যবহার করুন। Test Live URL-এ ক্লিক করুন এবং রেন্ডার করা HTML পরীক্ষা করুন। যদি আপনার টেক্সট সেখানে না থাকে, তবে Google সেটি দেখতে পাবে না।
• Site Search: গুগলে site:yourdomain.com লিখে সার্চ দিন। যদি কোনো পেজ না আসে, তবে বুঝবেন আপনার সাইটটি ইনডেক্স করা হয়নি।
• Disable JavaScript: আপনার ব্রাউজারে JavaScript বন্ধ করে দিন। যদি আপনার পেজটি খালি হয়ে যায়, তবে একটি ক্রলারের পক্ষে আপনার কন্টেন্ট খুঁজে পাওয়া কঠিন হবে।

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

আপনি যদি পুনরায় তৈরি করতে পারেন, তবে এমন একটি ফ্রেমওয়ার্ক ব্যবহার করুন যা তাৎক্ষণিকভাবে HTML পাঠায়:

• Next.js: এটি server-side rendering (SSR) বা static generation (SSG) ব্যবহার করে।
• Astro: এটি মূলত static HTML-এর ওপর গুরুত্ব দেয়।
• Remix: এটি ডিফল্টভাবে সার্ভারে রেন্ডার করে।

আপনি যদি আপনার বর্তমান সাইটটি রাখতে চান, তবে আপনার AI টুলটিকে এটি ঠিক করতে বলুন। এই ধরনের একটি প্রম্পট ব্যবহার করুন: "Convert this app to use server-side rendering so the content is in the initial HTML."

একটি কার্যকর সাইট চমৎকার। কিন্তু একটি দৃশ্যমান সাইট আরও ভালো। JavaScript রান করার আগেই নিশ্চিত করুন যে আপনার কন্টেন্ট সেখানে বিদ্যমান।

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