Cosa trovi in questa pagina

Il vecchio modello

Cos'era la pagina «due paragrafi e un telefono» e perché funzionava allora ma non adesso.

Perché i blocchi

Come si comporta davvero chi visita una pagina – e perché la struttura a sezioni corrisponde a quel comportamento.

Anatomia blocco per blocco

I cinque blocchi principali di una pagina servizio: cosa fa ognuno, nell'ordine giusto.

Come si vede in pratica

Un esempio concreto con analisi di ogni sezione – inclusa questa pagina che stai leggendo.

«Due paragrafi e un telefono»: perché esisteva e perché non basta più

Fino a metà anni Duemila, il sito serviva a una cosa sola: dire che l'azienda esisteva e dare un numero da chiamare. Il visitatore cercava il numero, lo trovava, chiamava. La pagina era un documento – come una voce delle Pagine Gialle con più testo.

Quel modello aveva senso per quello scopo. Il problema è che lo scopo è cambiato.

Oggi il visitatore non cerca solo il numero. Sta decidendo. Confronta l'elettricista di Udine con quello che ha trovato nella scheda precedente. Vuole capire in trenta secondi se sei quello giusto per il suo problema. Se non capisce, va avanti.

Il testo continuo non aiuta questa decisione. Non perché sia scritto male – ma perché non è organizzato per essere scansionato. Le persone non leggono le pagine web come leggono un articolo: guardano i titoli, le immagini, le parole in grassetto, i pulsanti. Poi decidono se scendere.

Un muro di testo segnala visivamente «qui c'è da leggere, non da trovare». Il visitatore, nel dubbio, torna indietro.

Cosa succede concretamente sui siti ancora fermi a quel modello lo descrive perché un sito vecchio converte meno.

Come funziona davvero il comportamento di chi visita una pagina

Non è una teoria. È comportamento documentato da anni di eye-tracking e analisi di sessione.

Oltre la metà del tempo di visualizzazione su una pagina web viene speso nel primo schermo – quello visibile senza scorrere. Se lì non c'è nulla che risponda all'intento del visitatore, la maggior parte non scende.

Chi scende, scansiona. Non legge. Cerca titoli H2, parole in grassetto, liste, immagini. Il testo tra i titoli viene letto solo se il titolo ha convinto che valga la pena.

Su mobile è ancora più netto. Uno smartphone standard mostra circa 390 pixel di larghezza. Un blocco hero con titolo, sottotitolo e pulsante occupa uno schermo intero – leggibile, completo, cliccabile. Un paragrafo di 600 parole occupa venti schermi. Chi li scorre?

Il visitatore ha anche un'altra scheda aperta. Sta confrontando. La decisione avviene in secondi.

I blocchi esistono perché corrispondono a questo comportamento: ogni sezione ha un titolo che dice di cosa tratta, il visitatore trova quello che cerca senza leggere tutto. Il percorso è guidato, non lasciato al caso.

Anatomia di una pagina servizio: i cinque blocchi e cosa fa ognuno

Nell'ordine in cui il visitatore li incontra – che è l'ordine delle sue domande.

  • 01. Hero: «Sono nel posto giusto?»

    Il primo schermo risponde a questa domanda in tre secondi. Headline che descrive il servizio e la zona («Ristrutturazione bagni a Vicenza»), sottotitolo con il vantaggio principale, CTA visibile. Non storia dell'azienda, non slogan generici. Il visitatore ha appena cercato qualcosa di specifico su Google – vuole conferma immediata di aver trovato quello che cercava.

  • 02. Problema / Empatia: «Capiscono la mia situazione?»

    Questo blocco descrive la situazione del cliente prima della soluzione – non il prodotto, ma il problema che il prodotto risolve. «Stai cercando qualcuno che faccia un bagno senza sparire a metà lavoro» è più efficace di «siamo specialisti in ristrutturazioni». Il visitatore si riconosce e continua a leggere.

  • 03. Servizi: «Cosa fanno esattamente?»

    Lista specifica, non una frase generica. «Bagni, cucine, pavimenti, imbiancatura, rifacimento impianti» è utile. «Offriamo soluzioni complete di ristrutturazione» non lo è. Il visitatore vuole capire se fai quello di cui ha bisogno – senza doverlo chiedere in una chiamata esplorativa.

  • 04. Prova sociale: «Posso fidarmi?»

    Recensioni reali con nomi, foto di lavori completati, numero di lavori nell'anno. Questo blocco va prima della CTA principale – non in fondo alla pagina. «47 lavori completati nel 2024 in provincia di Vicenza» è prova concreta. «Clienti soddisfatti» non lo è.

  • 05. CTA principale: «Come faccio a contattarli?»

    Blocco pulito, senza testo intorno. Numero cliccabile, pulsante WhatsApp, form a tre campi (nome, telefono, messaggio). Tre modi di contatto perché tre tipi di persone: chi preferisce chiamare, chi preferisce scrivere, chi preferisce compilare. Ogni elemento aggiunto è attrito.

Questa pagina, blocco per blocco: il meta-esempio

Quello che hai letto finora è costruito esattamente come stiamo descrivendo.

Il primo blocco – titolo grande e quattro punti elenco – è il hero. Risponde alla domanda «sono nel posto giusto?» in pochi secondi. Ti dice cosa trovi, ti dà una ragione per restare.

Il secondo blocco – le quattro card – è l'orientamento. Su una pagina lunga serve un punto di navigazione. Chi vuole solo «l'anatomia» può scendere direttamente lì.

Il terzo e quarto blocco spiegano il problema (il vecchio modello) e la meccanica (come funziona il comportamento). Sono il «perché» prima del «come».

Il quinto blocco – i cinque passi – è la risposta tecnica alla domanda principale della pagina.

Questo blocco è il meta-esempio: usa la pagina stessa come dimostrazione. Non descrivo come si fa. Lo mostro mentre lo faccio.

Se il tuo sito è ancora sul modello «due paragrafi e un telefono», la risposta strutturale è il restyling del sito. E se vuoi vedere il limite opposto – siti a blocchi che sembrano moderni ma non convertono comunque – bello non basta parte da lì.

Schema: pagina piatta vs pagina a blocchi

A sinistra: pagina piatta – testo continuo, nessun titolo intermedio, telefono in fondo. Le frecce indicano dove il visitatore smette di leggere. A destra: pagina a blocchi – ogni sezione ha un titolo, uno scopo, una funzione. Le frecce indicano il percorso guidato verso la CTA. Stesso contenuto, struttura diversa, percorso diverso.

img

I blocchi non garantiscono conversioni

La struttura rimuove l'attrito – non crea domanda. Se il traffico è sbagliato o assente, la pagina più strutturata del mondo non converte. E il contenuto conta quanto la struttura: un blocco hero con una headline generica non funziona anche se è above the fold. Non è una formula fissa: sei blocchi per una pagina semplice, dodici per una complessa. Il criterio è uno solo: questo blocco aggiunge qualcosa che quello prima non aveva detto? Se no, va tolto.

Come si vede su un sito reale

Questo è un sito costruito come esempio per un'impresa di servizi locali in Veneto.

Sul primo schermo: headline con servizio e zona, numero cliccabile, pulsante WhatsApp. Non c'è niente che distragga dalla decisione. Più in basso: blocco problema, blocco servizi in lista scannable, blocco prova sociale con tre recensioni reali e foto, blocco processo in tre passi, CTA pulita.

Sul piano tecnico, le caratteristiche sono verificabili direttamente sul sito:

  • PageSpeed mobile > 80
  • H2 su intento specifico
  • Touch target ≥ 48 px
  • Dati strutturati presenti

Non sono promesse. Sono numeri che chiunque può controllare aprendo gli strumenti di Google. La struttura è visibile, misurabile, replicabile. Non è magia: è architettura.

img
Pavel Lidum – Web strategist, Preveli Web Studio (Concordia Sagittaria, Venezia). Progetto pagine a blocchi per piccole imprese in Veneto e FVG da anni. La cosa che ho imparato è che la struttura si spiega meglio mostrandola che descrivendola. Per questo questa pagina è costruita esattamente come descrive – non è un caso.
Pavel Lidum CEO | Preveli
Domande frequenti

Domande frequenti

Quante sezioni deve avere una pagina servizio?

Dipende. Un idraulico di Pordenone con tre servizi chiari funziona bene con 5–6 blocchi. Un'impresa di ristrutturazione completa che lavora su appartamenti, ville e locali commerciali ne ha bisogno di 8–10: i clienti vengono da contesti diversi e hanno domande diverse prima di contattare.

Il numero non è il punto. Il punto è che ogni sezione risponda a qualcosa che quella prima non ha ancora detto. I cinque blocchi di base sono quasi sempre gli stessi:

  • Hero (sono nel posto giusto?)
  • Problema / empatia (capiscono la mia situazione?)
  • Servizi (cosa fanno esattamente?)
  • Prova sociale (posso fidarmi?)
  • CTA (come li contatto?)

Tutto il resto è in più – utile solo se aggiunge una domanda reale del visitatore.

Cosa va messo per primo, above the fold?

La risposta alla domanda «sono nel posto giusto?». Non la storia dell'azienda, non i premi vinti, non lo slogan.

Il servizio specifico, la zona geografica, e un'azione chiara da compiere. In tre secondi il visitatore deve capire cosa fai e per chi – e avere un modo immediato per contattarti. Se il primo schermo non risponde a quella domanda, la maggior parte non scende.

Dove va il blocco «Chi siamo»?

Quasi mai come secondo blocco. Il visitatore non vuole sapere chi sei prima di capire se puoi aiutarlo. Il «Chi siamo» – se serve – va dopo il blocco servizi e la prova sociale. Spesso funziona meglio come breve presentazione dentro un altro blocco (es. dopo il processo: «Chi fa questo lavoro») che come sezione autonoma.

I blocchi aiutano anche con il SEO?

Sì – ma dipende da come sono titolati.

Ogni H2 è un segnale semantico per Google: dice di cosa tratta quella sezione. La differenza in pratica:

  • «Ristrutturazione bagni a Treviso» – segnale geo-locale specifico
  • «Rifacimento cucine chiavi in mano» – intento commerciale diretto
  • «I nostri servizi» – nessun segnale utile

La struttura a blocchi e il SEO on-page si sovrappongono: titoli specifici con contenuto pertinente sono sia più leggibili dall'utente sia più informativi per Google. Il problema è che molti siti a blocchi hanno H2 generici – la struttura c'è, il segnale no.

Posso costruire una pagina a blocchi da solo con un page builder?

Tecnicamente sì. Elementor, Divi, l'editor di Wix permettono di creare sezioni. Il problema non è lo strumento – è la logica. La maggior parte dei siti costruiti con page builder ha blocchi nell'ordine sbagliato, contenuto generico, titoli che non dicono niente a Google. Lo strumento non sostituisce la progettazione del percorso utente.

È meglio una pagina lunga o corta?

Né lunga né corta: giusta. Giusta vuol dire che risponde a tutte le domande rilevanti del visitatore, senza ripetere le stesse cose in modi diversi.

Una pagina troppo corta lascia domande aperte – il visitatore chiama solo per chiedere informazioni che avrebbero potuto stare sulla pagina. Una pagina con blocchi ridondanti stanca e fa sembrare che ci sia poco da dire ma si voglia far sembrare di più.

Altri articoli sul tema