உங்கள் Vibe-Coded இணையதளம் ஏன் ஒருபோதும் தரவரிசையில் (Rank) வராது
கடந்த மாதம் ஒரு நிறுவனத் தொடங்குபவர் (founder) எனக்கு ஒரு இணையதளத்தைக் காட்டினார். அது பார்ப்பதற்கு மிகச் சிறப்பாக இருந்தது. அதில் நேர்த்தியான அனிமேஷன்களும், தெளிவான எழுத்துக்களும் (copy) இருந்தன. அவர் அதை ஒரு மதிய நேரத்தில் AI மூலம் உருவாக்கினார்.
மூன்று மாதங்களுக்குப் பிறகு, கூகுளில் (Google) அதன் இருப்பு ஏதுமாக இல்லை. அவரது சொந்த பிராண்ட் பெயரைக் கூட தேடினால் அது தெரியவில்லை.
பிரச்சனை எளிமையானது. ஒரு இணையதளம் உங்களுக்குப் பார்ப்பதற்கு முழுமையாகத் தோன்றலாம், ஆனால் தேடுபொறிகளுக்கு (search engines) அது கண்ணுக்குத் தெரியாமல் இருக்கலாம். அந்தப் பக்கம் மனிதர்களுக்குச் சரியாக வேலை செய்யும், ஆனால் தேடுபொறிகளின் க்ரால் (crawl) செயல்முறை தோல்வியடையும்.
"Vibe coding" என்பது நீங்கள் எதை விரும்புகிறீர்கள் என்பதைச் சாதாரண மொழியில் விவரித்து, AI-ஐக் கொண்டு குறியீட்டை (code) எழுத வைப்பதாகும். Lovable, Bolt அல்லது Cursor போன்ற கருவிகள் சில நொடிகளில் உங்களுக்கு ஒரு இயங்கக்கூடிய செயலியை (app) வழங்கிவிடும். இது ஒரு மந்திரம் போலத் தோன்றும்.
ஆனால், இந்தத் கருவிகளின் இயல்புநிலை அமைப்பானது (default setting) உங்கள் SEO-வைப் பாதிக்கிறது.
பெரும்பாலான AI பில்டர்கள் ஒரு React single-page application-ஐ உருவாக்குகின்றன. React என்பது உலகில் அதிகம் பயன்படுத்தப்படும் ஒரு library ஆகும். நீங்கள் ஒரு இணையதளத்தைக் கேட்கும்போது, அது பிரவுசரில் (browser) அனைத்தையும் ரெண்டர் (render) செய்யும் ஒரு React app-ஐ உங்களுக்குத் தரும்.
இது Client-Side Rendering (CSR) என்று அழைக்கப்படுகிறது.
இது எவ்வாறு செயல்படுகிறது என்பது இங்கே:
- சர்வர் (server) கிட்டத்தட்ட காலியான ஒரு HTML கோப்பை அனுப்புகிறது.
- பிரவுசர் ஒரு பெரிய JavaScript bundle-ஐப் பதிவிறக்கம் செய்கிறது.
- பக்கத்தை உருவாக்க பிரவுசர் அந்த குறியீட்டை இயக்குகிறது.
ஒரு மனிதருக்கு இது பரவாயில்லை. பக்கம் கிட்டத்தட்ட உடனடியாக முழுமையாகத் தோன்றும்.
ஆனால் ஒரு தேடுபொறி க்ராலருக்கு (search engine crawler) இது ஒரு பேரழிவு. க்ராலர் முதலில் பெறுவது ஒரு காலியான கட்டமைப்பை (empty shell) மட்டுமே.
கூகுள் இரண்டு கட்டங்களாக இண்டெக்ஸிங் (indexing) செய்கிறது.
- முதல் கட்டத்தில் மூல HTML-ஐ க்ராலர் ஸ்கேன் செய்கிறது. நீங்கள் CSR பயன்படுத்தினால், க்ராலருக்கு எதுவும் தெரியாது.
- இரண்டாவது கட்டத்தில் JavaScript-ஐ இயக்குவதற்காகப் பக்கம் வரிசையில் (queue) வைக்கப்படுகிறது. இந்த இரண்டாவது கட்டம் எப்போதும் நடக்கும் என்று உறுதியளிக்க முடியாது. புதிய இணையதளங்களுக்கு, கூகுள் இந்தத் படிநிலைக்கு முன்னுரிமை அளிக்காமல் போகலாம்.
உங்கள் புதிய இணையதளம் வரிசையில் காத்திருக்கும். கூகுள் ஒரு வெற்றுப் பக்கத்தைப் பார்த்துவிட்டு அடுத்த பக்கத்திற்குச் சென்றுவிடும்.
இது உங்களுக்கு இப்போது நடக்கிறதா என்பதை நீங்கள் சரிபார்க்கலாம்:
- Google Search Console-ஐப் பயன்படுத்தவும். உங்கள் URL-ஐ URL Inspection கருவியில் ஒட்டவும் (paste). Test Live URL என்பதைக் கிளிக் செய்யவும். சோதிக்கப்பட்ட பக்கத்தைப் பார்த்து, HTML டேப்-ஐச் (tab) சரிபார்க்கவும். உங்கள் உரை (text) அங்கு இல்லையென்றால், கூகுளால் அதைப் பார்க்க முடியாது.
- 'site search'-ஐப் பயன்படுத்தவும். கூகுளில்
site:yourdomain.comஎன்று தட்டச்சு செய்யவும். எதுவும் தெரியவில்லை என்றால், உங்களுக்கு இண்டெக்ஸிங் பிரச்சனை உள்ளது என்று அர்த்தம். - உங்கள் பிரவுசரில் JavaScript-ஐ முடக்கிவிடவும் (disable). பக்கத்தைப் புதுப்பிக்கவும் (refresh). பக்கம் காலியாகத் தெரிந்தால், தேடுபொறிகள் உங்கள் உள்ளடக்கத்தைக் கண்டறிவதில் சிரமப்படும்.
இதற்குத் தீர்வு React-ஐத் தவிர்ப்பது அல்ல. ரெண்டரிங் (rendering) எங்கு நடைபெறுகிறது என்பதை மாற்றுவதே தீர்வு.
உங்கள் உள்ளடக்கம் முதல் HTML பதிலிலேயே (response) இருக்க வேண்டும். உங்களுக்கு மூன்று முக்கிய விருப்பங்கள் உள்ளன:
- Server-Side Rendering (SSR): ஒவ்வொரு கோரிக்கைக்கும் (request) சர்வர் பக்கத்தை உருவாக்குகிறது. Next.js அல்லது Remix பயன்படுத்தவும்.
- Static Site Generation (SSG): இணையதளம் ஒவ்வொரு பக்கத்தையும் முன்கூட்டியே சாதாரண HTML-ஆக உருவாக்கிவிடும். Astro பயன்படுத்தவும்.
- Prerendering: உங்கள் பக்கங்களின் நிலையான HTML ஸ்னாப்ஷாட்டுகளை (snapshots) நீங்கள் உருவாக்குகிறீர்கள்.
உங்கள் தளத்தை உருவாக்க AI-ஐப் பயன்படுத்தியிருந்தால், அதைச் சரிசெய்யவும் AI-ஐப் பயன்படுத்தலாம். உள்ளடக்கம் ஆரம்ப HTML-லிலேயே இருக்கும் வகையில், செயலியை server-side rendering-க்கு மாற்றும்படி உங்கள் கருவியிடம் கேட்கவும்.
பிரவுசரில் இயங்கும் இணையதளம் என்பது கூகுளில் இயங்கும் இணையதளம் என்று அர்த்தமல்ல. அழகான வடிவமைப்பு ஒரு காலியான கட்டமைப்பை மறைக்க அனுமதிக்காதீர்கள்.
Source: https://dev.to/swapbiswas/why-your-vibe-coded-website-may-never-rank-on-google-2026-c5m