WEB DESIGN / STRUMENTO GRATUITO

La Checklist Web Design da 75 Punti

Non lanci senza verificare questi punti. La nostra checklist pre-lancio copre tutto: prestazioni, SEO, accessibilità, responsive design, sicurezza, qualità contenuti e ottimizzazione conversioni. Utilizzata internamente su ogni progetto che consegniamo — ora disponibile gratuitamente.

Veda i Nostri Lavori

CHECKLIST

75 Punti in 7 Categorie

Prestazioni (12 punti)

☐Punteggio Prestazioni Lighthouse ≥90 su mobile

☐LCP (Largest Contentful Paint) sotto i 2,5 secondi

☐CLS (Cumulative Layout Shift) sotto 0,1

☐FID/INP (Interaction to Next Paint) sotto 200ms

☐Tutte le immagini ottimizzate: formato WebP/AVIF, srcset responsive, lazy loading

☐CSS e JS minificati e tree-shaken

☐Font suddivisi e precaricati (font-display: swap)

☐CDN configurato (Cloudflare, Vercel Edge o simile)

☐Compressione Gzip/Brotli abilitata

☐Nessuna risorsa che blocca il rendering nel percorso critico

☐Script di terze parti verificati e differiti

☐Peso totale pagina sotto 2MB (idealmente sotto 1MB)

SEO (12 punti)

☐Tag <title> univoco per pagina (50-60 caratteri)

☐<meta description> univoca per pagina (150-160 caratteri)

☐Gerarchia heading corretta (un H1 per pagina, H2-H6 logici)

☐URL canonici impostati su tutte le pagine

☐Sitemap XML generata e inviata a Google Search Console

☐robots.txt configurato correttamente

☐Dati strutturati (Schema.org) sulle pagine chiave

☐Tag Open Graph per condivisione social

☐Tutte le immagini hanno testo alt descrittivo

☐Strategia linking interno implementata (3-5 link interni per pagina)

☐Redirect 301 impostati per URL modificati

☐Nessun link rotto (404) — verificato con crawler

Accessibilità (12 punti)

☐Conformità WCAG 2.2 AA verificata

☐Rapporto contrasto colore 4.5:1 minimo per testo body

☐Tutti gli elementi interattivi navigabili da tastiera

☐Indicatori focus visibili su tutti gli elementi focalizzabili

☐Link skip-to-content per utenti tastiera

☐Etichette ARIA su tutti gli elementi interattivi non testuali

☐Etichette form correttamente associate agli input

☐Messaggi errore descrittivi e associati al campo pertinente

☐Media query prefers-reduced-motion rispettata

☐Supporto prefers-color-scheme (modalità scura) se applicabile

☐Testato con screen reader (VoiceOver, NVDA o JAWS)

☐Target touch 44x44px minimo su mobile

Responsive Design (10 punti)

☐Testato a 375px, 390px, 768px, 1024px, 1280px, 1440px, 1920px

☐Nessuna scrollbar orizzontale a qualsiasi breakpoint

☐Tipografia leggibile senza zoom su mobile (16px minimo)

☐Immagini responsive (srcset o CSS object-fit)

☐Tabelle scorrono orizzontalmente su mobile

☐Form utilizzabili su mobile (inputmode corretto, picker nativi)

☐Navigazione collassa a drawer mobile

☐Video responsive e non debordano dai container

☐Modal/popup funzionano correttamente su mobile

☐Foglio stile stampa disponibile per pagine chiave

Sicurezza (8 punti)

☐Certificato SSL attivo (HTTPS su tutte le pagine)

☐Header sicurezza configurati: CSP, X-Frame-Options, X-Content-Type-Options

☐Tutti gli input form validati lato server

☐CAPTCHA o honeypot sui form pubblici

☐Nessun dato sensibile in URL o JavaScript client-side

☐Banner consenso cookie conforme GDPR/CCPA

☐Dipendenze aggiornate (nessuna vulnerabilità nota)

☐Pannelli admin protetti (non accessibili via URL predefiniti)

Qualità Contenuti (10 punti)

☐Nessun Lorem Ipsum o testo placeholder rimanente

☐Tutti i link puntano a destinazioni corrette

☐Grammatica e ortografia verificate

☐Pagine legali presenti: Privacy Policy, Termini di Servizio, Cookie Policy

☐Informazioni contatto accurate e funzionali

☐Pagina errore 404 progettata e utile

☐Favicon e icone app impostate

☐Anteprima condivisione social testata (Facebook, Twitter, LinkedIn)

☐Tutti i file scaricabili verificati

Ottimizzazione Conversioni (11 punti)

☐CTA primaria above the fold su ogni pagina chiave

☐Testo pulsante CTA specifico per azione ("Richiedi il Mio Preventivo Gratuito" non "Invia")

☐Numero telefono cliccabile su mobile (link tel:)

☐Indirizzo email cliccabile (link mailto:)

☐Form si inviano con successo e attivano conferma

☐Tracking analytics installato (GA4, GTM) e verificato

☐Tracking obiettivi configurato (invii form, clic CTA, chiamate)

☐Strumento heatmap installato (Hotjar, Microsoft Clarity)

☐Prova sociale visibile sulle pagine conversione chiave

☐Velocità caricamento pagina sotto 3 secondi su mobile 4G

☐Strategia exit-intent definita

FAQ

Domande Frequenti

Questa checklist è gratuita?+

Sì, completamente gratuita. Scarichi il PDF, la usi su ogni progetto, la condivida con il Suo team. Utilizziamo questa stessa checklist internamente su ogni sito web che costruiamo.

Quanto spesso dovrei eseguire questa checklist?+

Prima di ogni lancio, dopo ogni aggiornamento maggiore, e trimestralmente come audit di manutenzione. I controlli prestazioni e sicurezza dovrebbero essere mensili.

Cosa succede se non supero diversi punti della checklist?+

È normale — la maggior parte dei siti web non supera il 20-30% di questi controlli. Dia priorità per impatto: correzioni Prestazioni e Sicurezza prima, poi SEO, poi Accessibilità. O ci lasci gestire tutto — offriamo servizi audit checklist a partire da €500.

Vuole Che Eseguiamo Questa Checklist per Lei?

Il nostro audit professionale pre-lancio copre tutti i 75 punti più 25 controlli tecnici aggiuntivi. Consegniamo un report dettagliato con correzioni prioritarie e impatto stimato.