உங்கள் Vibe-coded இணையதளம் ஏன் கூகுளில் ஒருபோதும் தரவரிசை பெறாமல் போகலாம்

கடந்த மாதம் ஒரு நிறுவனர் எனக்கு ஒரு சிறந்த இணையதளத்தைக் காட்டினார். அதில் சுத்தமான அனிமேஷன்களும், தெளிவான வாசகங்களும் இருந்தன. அவர் ஒரு AI கருவியைப் பயன்படுத்தி ஒரே மதிய வேளையில் அதை உருவாக்கினார்.

மூன்று மாதங்களுக்குப் பிறகு, அந்தத் தளத்திற்கு கூகுளில் எந்தத் தடயமும் இல்லை. அவரது சொந்த பிராண்ட் பெயரைக் கூட அது காட்டவில்லை.

இதுதான் vibe-coded இணையதளங்களின் பிரச்சனை. அவை உங்களுக்குப் பார்ப்பதற்கு முழுமையாகத் தெரிந்தாலும், தேடுபொறிகளுக்கு (search engines) அவை கண்ணுக்குத் தெரியாதவை. அந்தப் பக்கம் மனிதர்களுக்குச் சரியாக வேலை செய்யும், ஆனால் குரோல் (crawl) செயல்முறை தோல்வியடையும்.

Vibe coding என்பது நீங்கள் விரும்புவதை சாதாரண மொழியில் விவரித்து, AI-ஐ குறியீடு (code) எழுத விடுவதாகும். Lovable, Bolt, அல்லது Cursor போன்ற கருவிகள் சில நொடிகளில் உங்களுக்கு ஒரு இயங்கும் செயலியைத் தருகின்றன. இது ஒரு மாயாஜாலம் போலத் தோன்றுகிறது.

இதில் உள்ள சிக்கல் ஒரு தொழில்நுட்பத் தரம் குறைபாடுதான். இந்தத் கருவிகள் பெரும்பாலும் React single-page applications-களை உருவாக்குகின்றன. ஏனெனில் அவற்றின் பயிற்சித் தரவுகளில் (training data) React ஆதிக்கம் செலுத்துகிறது.

React பெரும்பாலும் client-side rendering (CSR)-ஐப் பயன்படுத்துகிறது. அதாவது, சர்வர் ஒரு கிட்டத்தட்ட காலியான HTML கோப்பை மட்டுமே அனுப்பும். பக்கம் தோன்றுவதற்கு முன், பிரவுசர் ஒரு பெரிய JavaScript தொகுப்பைப் (bundle) பதிவிறக்கம் செய்து இயக்க வேண்டும்.

ஒரு மனிதருக்கு இது பரவாயில்லை. ஆனால் ஒரு குரோலருக்கு (crawler), இது ஒரு பேரழிவு.

Googlebot முதலில் அந்த காலியான கட்டமைப்பையே (empty shell) பார்க்கும். கூகுள் இரண்டு கட்ட இண்டெக்ஸிங் (indexing) செயல்முறையைப் பயன்படுத்துகிறது:

  • கட்டம் 1: Googlebot மூல HTML-ஐ குரோல் செய்கிறது. நீங்கள் CSR பயன்படுத்தினால், அது ஒரு காலியான கொள்கலனைத் தவிர வேறு எதையும் காணாது.
  • கட்டம் 2: கூகுள் அந்தப் பக்கத்தை JavaScript-ஐ இயக்குவதற்கு வரிசையில் (queue) வைக்கிறது. இந்த படிநிலை உறுதி செய்யப்படவில்லை. புதிய தளங்களுக்கு, கூகுள் இந்த ரெண்டரிங்கிற்கு முன்னுரிமை அளிக்காமல் போகலாம்.

உங்கள் தளம் ஒரு வரிசையில் காத்திருக்கும். கூகுள் ஒரு காலியான பக்கத்தைப் பார்த்துவிட்டு அடுத்த பக்கத்திற்குச் சென்றுவிடும். உங்கள் உள்ளடக்கம் (content) ஒருபோதும் இண்டெக்ஸை (index) சென்றடையாது.

நீங்கள் இதை மூன்று எளிய சோதனைகள் மூலம் சரிபார்க்கலாம்:

  • Google Search Console: URL Inspection கருவியைப் பயன்படுத்தவும். Test Live URL என்பதைக் கிளிக் செய்து, ரெண்டர் செய்யப்பட்ட HTML-ஐச் சரிபார்க்கவும். உங்கள் உரை (text) விடுபட்டிருந்தால், கூகுளால் அதைக் காண முடியாது.
  • Site Search: கூகுளில் site:yourdomain.com என்று தட்டச்சு செய்யவும். எந்தப் பக்கங்களும் தோன்றவில்லை என்றால், உங்கள் தளம் இண்டெக்ஸ் செய்யப்படவில்லை.
  • Disable JavaScript: உங்கள் பிரவுசரில் JavaScript-ஐ முடக்கவும். உங்கள் பக்கம் காலியாகத் தெரிந்தால், ஒரு குரோலர் உங்கள் உள்ளடக்கத்தைக் கண்டறிவதில் சிரமப்படும்.

இதற்குத் தீர்வு React-ஐத் தவிர்ப்பது அல்ல. நீங்கள் எவ்வாறு ரெண்டர் செய்கிறீர்கள் என்பதை மாற்றுவதே தீர்வு.

உங்களால் மீண்டும் உருவாக்க முடியும் என்றால், உடனடியாக HTML-ஐ அனுப்பும் ஒரு கட்டமைப்பைப் (framework) பயன்படுத்தவும்:

  • Next.js: server-side rendering (SSR) அல்லது static generation (SSG)-ஐப் பயன்படுத்துகிறது.
  • Astro: முதலில் ஸ்டேடிக் HTML-இல் கவனம் செலுத்துகிறது.
  • Remix: இயல்பாகவே சர்வரில் ரெண்டர் செய்கிறது.

உங்கள் தற்போதைய தளத்தைத் தொடர விரும்பினால், அதைச் சரிசெய்ய உங்கள் AI கருவியிடம் கேளுங்கள். "Convert this app to use server-side rendering so the content is in the initial HTML" போன்ற ஒரு ப்ராம்ப்ட்டைப் (prompt) பயன்படுத்தவும்.

இயங்கும் தளம் சிறந்தது. ஆனால் தேடுபொறியில் தெரியும் தளம் அதைவிடச் சிறந்தது. JavaScript இயங்குவதற்கு முன்பே உங்கள் உள்ளடக்கம் இருப்பதை உறுதி செய்து கொள்ளுங்கள்.

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