Alcuni aspetti comuni di un buon web design rendono i siti più facili e piacevoli da usare. Conoscere questi aspetti vi aiuterà a capire perché alcuni siti web vi piacciono e altri no, e a capire cosa volete aggiungere al vostro.
È importante notare che si tratta di frasi standard per parti distinte di un sito web. Sono molto comuni, ma altri potrebbero utilizzare una terminologia diversa.
I singoli elementi di una pagina, la loro funzione e il motivo per cui sono necessari sono trattati in questo articolo sulle diverse parti di un sito web.
Perché è importante conoscere le parti di un sito web?
Conoscere l'anatomia di un sito web vi aiuterà a progettare un sito visivamente accattivante, che permetta ai visitatori di trovare facilmente ciò che cercano. Forse non siete in grado di nominare le varie parti di un sito web, ma se avete trascorso più di cinque minuti online, molto probabilmente le conoscete.
Quando si naviga in Internet, ci si aspetta che i siti visitati funzionino in un modo specifico, così come la maggior parte del mondo legge da sinistra a destra e dall'alto in basso. Le informazioni più rilevanti si trovano in alto, sul lato sinistro. La posizione più critica è quella in alto a destra.
I visitatori del vostro sito web si aspettano la stessa cosa. Ecco perché i layout delle pagine web sono simili da un sito all'altro e perché il design del vostro sito dovrebbe avere alcune caratteristiche uniche. L'anatomia di un sito web si riferisce al layout generale.
L'anatomia fondamentale di un sito web
Alcune parti di un sito web sono così importanti per il web design che devono essere presenti in tutti i siti per poter funzionare efficacemente. Questi componenti lavorano insieme per costruire le fondamenta del sito web:
1. Intestazione
L'immagine è tratta dal sito web dell'utente Strikingly
Tra le parti di un sito web questa è quella che contiene il logo e, nella maggior parte dei casi, il menu di navigazione. L'intestazione è l'area in cima alla pagina che rimane visibile e costante durante la navigazione del sito.
In passato, l'intestazione era utilizzata per visualizzare un banner o un'immagine che promuoveva il brand, simile alla foto di copertina di una pagina Facebook. Tuttavia, oggi i siti web sono più semplici e la tendenza è che il logo e la navigazione siano gli unici elementi dell'intestazione.
2. Menu
L'immagine è tratta dal sito web dell'utente Strikingly
Il menu è strutturato sotto forma di mappa delle parole. Spiega come trovare ciò che si sta cercando sul vostro sito web. Il menu si trova solitamente sopra o sotto l'intestazione, ma può anche essere trovato in entrambi i modi.
Il menu deve essere semplice e lineare. A volte questo può richiedere molta riflessione e pianificazione. Nel menu devono essere elencate solo le categorie più significative. I visitatori si aspettano di poter trovare ciò che cercano in questa parte del sito con un massimo di tre clic.
Per semplificare la navigazione del menu si possono utilizzare i menu a tendina. Quando il lettore tiene il mouse su una voce di menu, appare un nuovo elenco tra cui scegliere.
3. Immagini
L'immagine è tratta dal sito web dell'utente Strikingly
Subito sotto il banner si trova un'immagine, una serie di foto o, in rare occasioni, un video. L'intestazione e l'immagine principale costituiscono la sezione superiore del sito web, nota anche come above the fold, e sono fondamentali per dare una prima impressione forte. L'immagine principale, in particolare, ha un impatto significativo sul fatto che i consumatori rimangano sul vostro sito web o lo abbandonino entro pochi secondi. Per questo motivo, questa grafica deve comunicare qualcosa di vitale per la vostra azienda. È fondamentale che si colleghi ad altre parti di un sito web, sia che contengano foto dei vostri prodotti o servizi, sia che offrano semplicemente all'utente un'idea del vostro brand.
4. Contenuto del sito web
L'immagine è tratta dal sito web dell'utente Strikingly
È la più importante tra le diverse parti di un sito web. Le parole pubblicate sul vostro sito web che spiegano di cosa si tratta, cosa avete da offrire e come i visitatori del sito possono beneficiare delle vostre offerte sono definite contenuti. Le varie parti di un sito web possono abbracciare un'ampia gamma di argomenti. Di solito ci si riferisce ai paragrafi che spiegano l'obiettivo del vostro sito, ma ciò può anche riguardare la singola parola sui vostri pulsanti.
Anche se il piccolo testo sui pulsanti e sui menu può sembrare secondario, è la forza trainante dei siti web. Si tratta di informazioni che spiegano cosa i visitatori del sito possono aspettarsi quando cliccano su pulsanti come "Acquista ora" o "Carrello". Prendete il tempo necessario per impaginare accuratamente il contenuto del vostro sito web, in modo che ogni visitatore possa comprendere il vostro brand così come lo comprendete voi.
5. Barra laterale
L'immagine è tratta da Strikingly
Una sidebar è una breve colonna verticale che affianca i contenuti del vostro sito web. Nella barra laterale si trovano spesso annunci pubblicitari, collegamenti ad altre informazioni, inviti all'azione e una casella di ricerca. Considerate la barra laterale come un complemento al contenuto principale del vostro sito web.
Negli ultimi anni si è diffusa la tendenza a eliminare completamente la barra laterale e a presentare i contenuti in un'unica colonna a tutta larghezza. L'eliminazione della barra laterale ha senso per alcuni siti, ma non per altri. I fattori decisivi sono la scelta personale e/o il fatto che lo stile (barra laterale o assenza di barra laterale) offra una migliore esperienza utente o un maggiore tasso di conversione.
6. Cursore
L'immagine è tratta dal sito web dell'utente Strikingly
Uno slider è una parte di un sito web utilizzata per visualizzare immagini, come una presentazione in cui le immagini scorrono da destra a sinistra o viceversa. Gli slider possono essere utilizzati in qualsiasi punto di un sito web, ma in genere sono usati nelle homepage per sostituire (o integrare) un'immagine in evidenza.
Gli slider stanno diventando meno popolari con l'evoluzione dei siti web e la maggiore attenzione alla velocità di caricamento delle pagine e alla massimizzazione dell'esperienza degli utenti sui dispositivi mobili. I cursori sono un'enorme quantità di risorse e spesso sono poco più che semplici attrazioni.
7. CTA (Call To Action)
L'immagine è tratta dal sito web dell'utente Strikingly
Una call-to-action, o CTA, la più importante tra le parti essenziali di un sito web, è un breve pezzo di testo che incoraggia i clienti a fare il passo successivo con la vostra azienda e a progredire nell'imbuto di vendita. Le CTA si trovano spesso sui pulsanti e includono diciture come "Inizia ora" o "Acquista il tuo". Questo stile di scrittura istruisce gli utenti su come eseguire un'azione specifica e quando toccano un pulsante sanno cosa aspettarsi.
Le CTA sono una parte fondamentale di un sito web, poiché consentono agli utenti di utilizzare o acquistare il vostro servizio o prodotto. Se non disponete di questi pulsanti, potreste registrare un calo delle vendite e una maggiore percentuale di clienti che abbandonano il sito senza convertire.
8. Piè di pagina
L'immagine è tratta dal sito web dell'utente Strikingly
In poche parole, il footer è la parte di un sito web che appare in fondo alla pagina. Di solito include una mappa del sito con i collegamenti a tutte le pagine del vostro sito web. Questo può aiutare i visitatori a trovare tutti i vostri servizi, compresi quelli che non sono stati selezionati per l'intestazione.
I piè di pagina dei siti web includono spesso informazioni di base sui contatti, che consentono alle persone di contattarvi o di individuare la vostra vera attività. Questo tipo di dati è fondamentale per il successo di un'azienda. Nel piè di pagina può essere inclusa anche una barra sociale, che contiene icone piccole ma riconoscibili che indirizzano i lettori alle pagine dei vostri social network. Questo può aiutarvi ad attirare i follower dei social media, il che può portare a una maggiore esposizione del brand e a un'eventuale crescita del business.
9. Landing page
L'immagine è tratta dal sito web dell'utente Strikingly
Quando si pubblicano annunci su Google o Facebook (o altrove), è necessario fornire una landing page che le persone possono visitare quando fanno clic sull'annuncio - da qui il nome. Una volta compresa la struttura di base di un sito web, gradualmente ne ricorderete le parti.
Le landing page si differenziano dalle normali pagine di un sito web per il fatto che tutti gli elementi di distrazione come l'intestazione, il piè di pagina o la barra laterale vengono eliminati o ridotti al minimo. Lo scopo principale di una landing page è indurre i visitatori a compiere un'azione (ad esempio, scaricare un report, iscriversi a un elenco di e-mail, acquistare qualcosa, ecc. I contenuti di una landing page devono essere il più possibile mirati.
10. Pagina iniziale
L'immagine è tratta dal sito web dell'utente Strikingly
La home page è nota anche come pagina principale. Nella maggior parte dei siti web, questa parte del sito è il punto di partenza. Collegare il proprio logo alla home page è una buona tecnica di progettazione di siti web, in quanto offre ai visitatori un'opzione di "fuga" o di "reset" se si perdono nel sito.
11. Blog
L'immagine è tratta da Strikingly
Un blog è un sito web a sé stante. Quindi, qual è esattamente la distinzione tra un blog e un sito web? Non c'è molto. Tutto si riduce al modo in cui le informazioni sono organizzate e presentate.
- Un post è il termine con cui si definisce ciò che si scrive su un blog, e i post del blog sono pubblicati in ordine cronologico, come le voci di un diario. Il termine "blog" deriva dall'espressione "weblog".
- Quando si pubblica qualcosa su un sito web, si parla di pagina e le pagine web non sono visualizzate in un ordine particolare. Le pagine web non sono visualizzate in un ordine particolare, ma sono semplicemente un insieme di pagine collegate (ad esempio, la pagina iniziale, la pagina "Chi siamo", la pagina dei contatti e così via).
- Le voci dei blog consentono l'interazione dei lettori attraverso i commenti.
- Le pagine web sono di solito di natura didattica e riguardano i prodotti o i servizi di un'azienda, quindi non presentano una sezione per i commenti. Le pagine web hanno la tendenza a parlare con un tono più professionale e autorevole. Il tono dei blog è più rilassato e colloquiale.
- Un blog può esistere come sito web separato o come parte di un sito web più grande.
Questo è un articolo su un blog che fa parte di un sito web che state leggendo.
Conclusione
Speriamo che questo piccolo tutorial sulle diverse parti di un sito web sia stato utile. Per comunicare in modo intelligente con un web designer o uno sviluppatore, non è necessario comprendere la tecnologia sottostante. Sarete bravi se avrete una comprensione fondamentale del linguaggio delle parti di un sito web.
Se vi sentite sopraffatti da tutto questo, i costruttori di siti web come Strikingly possono aiutarvi. Strikingly, uno dei migliori costruttori di siti web, si occupa di consentire alle persone di condividere i loro pensieri con il mondo attraverso siti web ben progettati e unici nel loro genere. Circa 3 milioni di imprenditori, piccole imprese, creativi e studenti di tutto il mondo utilizzano i nostri servizi gratuiti di progettazione di siti web. I nostri temi di design di siti web personalizzati rendono semplice la creazione di siti web anche per i principianti, consentendo loro di competere con le grandi aziende locali. Se disponete di un set completo di strumenti e del miglior software di web design gratuito, potete iniziare subito a lavorare alla progettazione e allo sviluppo di un sito web in grado di attirare il vostro pubblico di riferimento.
