Parti di un Sito Web: Un Esempio Annotato (Anatomia di un Sito Web)

Le parti di un sito web spiegate su un esempio di design reale etichettato We.Inc: header e navigazione, hero, call to action, servizi, prove, about, modulo di contatto e footer, più le parti dietro le quinte come il dominio, il titolo e la sitemap.

La maggior parte dei siti web di piccole imprese è costruita con gli stessi otto elementi, dall'alto verso il basso: header e navigazione, hero, call to action, servizi, prove, about, contatto e footer. Dietro di essi si trovano alcune parti che i visitatori non vedono mai, come il dominio, il titolo della pagina e la sitemap. Di seguito, ciascuno è etichettato su un design di esempio realizzato con We.Inc.

Un esempio di design per sito web di uno studio di contabilità realizzato con We.Inc, che mostra header, navigazione, headline hero e pulsante call to action
Design di esempio (non un cliente reale). I numeri nella lista seguente corrispondono alle parti dall'alto della pagina verso il basso.

Le parti visibili, dall'alto verso il basso

  1. Header. La striscia in cima con il logo o il nome dell'azienda. Appare su ogni pagina in modo che i visitatori sappiano sempre dove si trovano.
  2. Navigazione (menu). I link alle pagine o sezioni principali: Servizi, About, Prezzi, Contatti. Mantieni un massimo di cinque-sette voci. Su mobile si trasforma in un pulsante menu.
  3. Hero. La prima schermata: un titolo che dice cosa fai e per chi, una breve riga di supporto e spesso un'immagine. I visitatori decidono in pochi secondi se restare. Vedi esempi di sezione hero.
  4. Call to action (CTA). Il pulsante principale, come Prenota una chiamata o Richiedi un preventivo. Mettilo nell'hero e ripetilo vicino alla fine.
  5. Servizi o funzionalità. Cosa offri, un breve blocco per voce, ognuna con una riga sul risultato che ottiene il cliente.
  6. Prove. Recensioni, esempi di lavori, certificazioni o garanzie. Usa solo quelle reali.
  7. About. Chi c'è dietro l'attività e perché vale la pena fidarsi. Vedi come scrivere una pagina Chi Siamo.
  8. Contatto. Un modulo, numero di telefono, email e indirizzo o area di servizio. Vedi come aggiungere un modulo di contatto.
  9. Footer. La striscia in fondo: dettagli di contatto, link secondari, privacy policy e link ai social.

Le parti che i visitatori non vedono

ParteCosa fa
DominioIl tuo indirizzo, come tuabusiness.it
HostingI computer che servono il sito ai visitatori
Titolo e descrizione della paginaCiò che appare nei risultati di Google e nelle schede del browser
SitemapUn elenco delle tue pagine che aiuta i motori di ricerca a trovarle
FaviconLa piccola icona nella scheda del browser
Immagine di condivisioneL'immagine mostrata quando il link viene condiviso sui social media

Le stesse parti, lunghezze di pagina diverse

Un sito web a pagina singola impila tutte queste parti su una pagina con scorrimento, e il menu salta a ciascuna sezione. Un sito multi-pagina dedica pagine separate a servizi, about e contatti, ma mantiene lo stesso header e footer su ognuna. Una web app aggiunge login e dati salvati.

Tutte le parti con We.Inc

Ogni template We.Inc include già header, navigazione, hero, CTA e footer, e i siti pubblicati ricevono titolo, sitemap e immagine di condivisione impostati automaticamente. Il piano gratuito pubblica fino a 3 siti template su un indirizzo we.inc, senza crediti AI e senza dominio personalizzato. I piani a pagamento, da $20 al mese, aggiungono la costruzione AI e il tuo dominio. Sfoglia i template.

Domande frequenti

Quali sono le parti principali di un sito web?

Header, navigazione, hero, call to action, servizi, prove, about, contatto e footer, più le parti nascoste come il dominio, l'hosting, i titoli delle pagine e la sitemap.

Cos'è la sezione hero di un sito web?

La prima schermata che vedono i visitatori: un titolo, una breve riga di supporto, spesso un'immagine, e il pulsante principale di call to action.

Cosa va nel footer di un sito web?

Dettagli di contatto, link secondari come privacy policy e termini, link ai social, e talvolta una breve ripetizione del menu.

Un sito web a pagina singola ha le stesse parti?

Sì. Impila le stesse sezioni su una pagina, con un menu che salta a ciascuna invece di aprire nuove pagine.

Inizia gratis · Nessuna carta di credito richiesta

Product

Who It's For

Features

Resources

Company

View Sitemap