SEO tecnica per sviluppatori: quello che ogni dev dovrebbe sapere

La SEO tecnica è responsabilità degli sviluppatori

Un sito può avere i contenuti migliori del mondo, ma se il server risponde in 5 secondi, il rendering JavaScript nasconde il contenuto a Google, o le URL sono un labirinto di parametri, non si posizionerà mai. La SEO tecnica è il fondamento su cui tutto il resto poggia, ed è quasi sempre nelle mani degli sviluppatori. Poche conoscenze di base possono fare una differenza enorme.

Rendering e indicizzazione

Client-side vs server-side rendering

Google esegue JavaScript, ma con ritardo (a volte giorni) e limiti di risorse. Se il tuo contenuto principale dipende da JavaScript per renderizzare, Google potrebbe non vederlo subito o completamente. Soluzione: SSR (Server-Side Rendering) o SSG (Static Site Generation) per i contenuti critici. Le SPA (Single Page Application) in React, Vue, o Angular necessitano di pre-rendering o SSR per una SEO efficace.

Tag critici nel head

Title tag (unico per pagina, 50-60 caratteri con keyword), meta description (155-160 caratteri, persuasiva), canonical (risolve contenuti duplicati), hreflang (per multilingua), robots (noindex dove serve). Questi tag devono essere nel HTML iniziale, non iniettati via JavaScript.

Performance che impatta il ranking

Core Web Vitals sono fattori di ranking. LCP (Largest Contentful Paint) sotto 2.5 secondi: ottimizza immagini, font loading, e server response time. CLS (Cumulative Layout Shift) sotto 0.1: dimensiona immagini e embed, evita inserimenti dinamici sopra il contenuto. INP (Interaction to Next Paint) sotto 200ms: ottimizza event handler, minimizza main thread blocking.

Struttura URL e routing

URL leggibili (/prodotti/scarpe-running-uomo) non criptiche (/p?id=3847&cat=12). Trailing slash consistente (scegli con o senza e mantieni). Redirect chains mai oltre 2 hop. Status code corretti: 301 per redirect permanenti, 404 per pagine non esistenti (non soft 404 che ritornano 200).

Domande frequenti

Devo preoccuparmi della SEO se uso un framework moderno?

Soprattutto. Next.js, Nuxt, e Gatsby gestiscono bene il rendering per SEO, ma richiedono configurazione. Create React App senza SSR è un problema SEO. Verifica sempre con "Visualizza sorgente" nel browser: se il contenuto non c'è nell'HTML, Google potrebbe non vederlo. Fertilyze verifica il rendering delle tue pagine e segnala problemi di indicizzazione JavaScript.

Per continuare a leggere,
accedi al tuo account.

Il tuo account LANGA ti connette a tutta la Galaxy.