Site-urile JavaScript și SEO - ce nu funcționează din tutoriale

Client cu site React. Frumos, rapid, UX excelent. Zero trafic organic după 7 luni live. Agenția anterioară implementase "toate best practices pentru JavaScript SEO": server-side rendering, prerendering pentru crawlers, structured data perfect.

Site-ul arăta impecabil în testing tools. Google Search Console raportă zero erori. Dar ranking-uri? Inexistente.

Testele mint

Aici e realitatea pe care nimeni nu o discută: Google Rich Results Test și Mobile-Friendly Test arată ce vede Googlebot în condiții ideale de laborator. Nu ce se întâmplă în indexarea reală când crawl-uiește 50 milioane de pagini pe zi.

Am rulat teste cu log file analysis. Google crawla site-ul, dar 70% din requests nu așteptau renderizarea JavaScript. Timeout după 3 secunde, content parțial indexat, plecat mai departe.

Toate tutorialele spun "Google renderizează JavaScript acum". Adevărat. Dar nu menționează că rendering-ul vine cu întârziere, necesită crawl budget semnificativ, și frecvent eșuează pe site-uri complexe.

Ce am schimbat radical

Opinie controversată: am renunțat la single-page application pentru secțiunile importante SEO. Blog și pagini de produse - HTML static generat. Interactivitate JavaScript doar unde era absolut necesară.

Pașii concreți:

• Migrat conținutul critic din React components în HTML pre-rendered la build time
• Implementat hydration progresivă - HTML first, JavaScript încarcă după
• Redus JavaScript bundle de la 340KB la 85KB pentru initial load
• Eliminat dependency-uri care blocau rendering-ul initial
• Adăugat fallback HTML pentru toate componentele dinamice

Nu a fost despre prerendering sau SSR fancy. A fost despre a reduce dependența de JavaScript pentru conținut vital.

Rezultatele după 10 săptămâni

Indexare crescută de la 23% la 94% din pagini. Average position îmbunătățită cu 34 poziții. Traffic organic de la practic zero la 12.400 vizitatori lunari.

Partea interesantă: UX nu a suferit. Site-ul era la fel de rapid, poate chiar mai rapid pentru first contentful paint. Doar că acum funcționa și pentru crawlers, nu doar pentru utilizatori cu JavaScript enabled și conexiuni rapide.

Lecția dureroasă

Framework-urile moderne sunt extraordinare pentru aplicații. Pentru site-uri de conținut care depind de SEO, adaugă complexitate uriașă fără beneficii reale.

Când toată lumea migrează spre JavaScript frameworks pentru că sunt cool, întrebați-vă dacă rezolvă o problemă reală sau creează una nouă. Google poate renderiza JavaScript. Dar poate nu vrea să aloce resursele necesare pentru site-ul vostru specific.