Best practice per la struttura del sito web
Pubblicato: 2020-12-17I siti web sono essenzialmente risorse informative pubblicate per essere utilizzate dalle persone. Analogamente ai libri, potrebbero essere piccoli o estesi nel loro volume. Ma a differenza dei libri, il contenuto di un sito web potrebbe essere strutturato in un'ampia varietà di modi, facendo uso della libertà di espressione e di design.
Allo stesso tempo, i siti Web devono seguire le migliori pratiche UX del settore e le abitudini e le aspettative degli utenti, quindi la libertà è piuttosto limitata. La struttura del sito web è fondamentale per il modo in cui le informazioni sono accessibili e utilizzate dal pubblico di destinazione. Pertanto deve essere costruito secondo un gran numero di regole.
Perché la struttura del sito web è importante?
La struttura di un sito web si riferisce a come è costruito il sito, a come tutte le singole sottopagine in esso sono collegate tra loro e quale gerarchia viene seguita. Una buona struttura renderà la ricerca delle informazioni intuitiva e facile da usare.
Quando i progettisti creano una struttura del sito devono pensare a come i visitatori utilizzeranno un sito Web e navigeranno attraverso il suo contenuto. L'attenzione si sposta da cosa pubblicare a come e perché .
La struttura del sito web è un concetto fondamentale da tre punti di vista principali: gli obiettivi del titolare dell'azienda, le esperienze dei visitatori del sito, che ne traggono vantaggio e i motori di ricerca che scansionano, classificano e servono i contenuti agli utenti giusti.
Come funziona una buona struttura del sito web
Quando le informazioni su un sito Web sono ben strutturate e supportate da un design pertinente, tutti sono felici: il proprietario del sito, gli utenti ei motori di ricerca.
Ecco come funziona una buona struttura:
Supporta gli obiettivi del proprietario dell'azienda e aumenta i risultati attesi
Quando investi in un sito web, dovresti stabilire obiettivi chiari per le sue prestazioni. Questi obiettivi devono essere integrati ed espressi dalla struttura del sito.
Ad esempio, se vuoi concentrarti sul blog e sulle risorse pubblicate, devi includere i migliori articoli nella home page e mettere in risalto le sezioni delle risorse nel menu. Puoi anche decidere di impostare la homepage in modo che si apra agli ultimi post del blog, che è un'opzione tipica di WordPress, utilizzata da editori digitali e blogger.
Pannello di amministrazione di WordPress, impostazioni di lettura: scelta della homepage come pagina statica e pagina del blog
Migliora l'esperienza dell'utente
La struttura del sito web influenza da vicino l'esperienza dell'utente di un sito web. Quando le informazioni sono strutturate in modo logico e tutto è accessibile in modo intuitivo, gli utenti si spostano senza interruzioni attraverso il contenuto per trovare e utilizzare ciò che stanno cercando.
Migliora il tuo SEO ottimizzando le scansioni dei robot
I motori di ricerca (Google) funzionano con strumenti che scansionano il contenuto del sito e lo ordinano per gli utenti. I siti web crawler-friendly hanno una buona struttura e quindi sono classificati più in alto in base ai motori.
XX Best practice per la struttura del sito web
Senza una visione chiara di come progettare un sito web e costruire la sua struttura, non è possibile fare web design e sviluppo.
Le seguenti buone pratiche includono le prospettive ei vantaggi sopra descritti quando ci si avvicina alla pianificazione del sito web.
Suggerimenti per la progettazione di siti Web: come migliorare il tuo gioco nel web design
1. Imposta i tuoi obiettivi aziendali e il pubblico di destinazione
Il tuo sito web è uno strumento per servire la tua attività. Pianificare quali informazioni pubblicherai su di esso e quanto spesso le aggiornerai, è fondamentale per la struttura del suo sito web. Devi decidere quali prodotti o servizi presenterai e venderai sul sito.
In base ai tuoi obiettivi e obiettivi di comunicazione, puoi scegliere tra due approcci di base:
- Design incentrato sull'utente : dove tutte le informazioni sono classificate e strutturate per i suoi gruppi di utenti target. Questo approccio è un must per le grandi aziende come le telecomunicazioni o le istituzioni, che servono milioni di persone, dove gli utenti hanno bisogno di trovare la propria categoria e le informazioni, adattate alle loro esigenze.
ATT.com si apre direttamente nella sezione "Personale" ma ne ha anche una per Piccole Imprese e Imprese; in questa immagine - la sezione Enterprise selezionata
Ulteriori informazioni: Infografica: come sviluppare concetti WordPress incentrati sull'utente
- Design incentrato sull'azienda o sul prodotto : questi siti Web sono progettati per presentare il proprietario dell'azienda stessa e / oi suoi prodotti. Possono anche includere sezioni e pagine, rivolte a particolari gruppi di utenti, ma il marchio resta l'obiettivo principale.
La struttura del sito IMDB.com è focalizzata sulla produzione: film, programmi TV e celebrità
2. Fare una ricerca sulla concorrenza
Quando si progetta il proprio sito Web, ci sono diversi motivi per cercare concorrenti. Uno di questi è controllare come sono strutturati i loro siti.
Quando la struttura del sito è al centro dell'attenzione, potresti voler ricercare il layout della home page dei tuoi concorrenti, come raggruppano e presentano i loro servizi, qual è la gerarchia delle pagine interne, come è organizzata la navigazione e qual è il flusso del comportamento dell'utente.
Dal punto di vista SEO, la ricerca della concorrenza ti aiuterà a scoprire quali parole chiave correlate al settore utilizzare per i nomi delle pagine principali del tuo sito e gli URL, le categorie, le sezioni e la navigazione.
Come utilizzare la ricerca della concorrenza per perfezionare la tua strategia di marketing
3. Crea un inventario di tutti i tuoi contenuti
Per poter strutturare i tuoi contenuti, devi prima descrivere cosa vuoi pubblicare sul sito. Quando hai tutto là fuori, è solo questione di raggrupparlo in categorie e selezionare le etichette appropriate.
Se si tratta di un nuovo sito Web, è possibile creare un elenco di ciò che è necessario pubblicare su di esso. Non dimenticare di aggiungere una nota di chi sarà responsabile della produzione dei contenuti e con quale frequenza verranno creati e aggiornati.
Quando si riprogetta un sito, anche il controllo del contenuto è uno dei primi passi da compiere.
Come eseguire la riprogettazione del sito Web con un approccio basato sul contenuto
4. Decidi i tipi di post
Tipi di post è un termine utilizzato per fare riferimento a diversi tipi di contenuto del sito WordPress. Ogni tipo di post è solitamente associato a un diverso design della pagina, campi personalizzati e funzionalità.
DevriX utilizza un tipo di post Portfolio per pubblicare case study per i clienti
Per impostazione predefinita, WordPress ha due tipi di post principali - Pagine e Post - che derivano da quando il CMS era esclusivamente una piattaforma di blogging, dove i blog dovevano avere diverse pagine "statiche" per i contenuti più permanenti e post di blog per notizie e aggiornamenti.
Qualunque sia lo scopo del tuo sito web, dovrai utilizzare questi due tipi di post di base. Quindi, dopo aver raccolto e descritto tutti i contenuti che desideri e che devi pubblicare sul tuo sito, dividili in due tipi:
- Per le pagine: la parte più permanente, conservatrice o sempreverde, in cui le informazioni non cambieranno regolarmente, ad esempio cosa fai, quali sono i tuoi servizi principali e perché sei in affari, la maggior parte non è sensibile al tempo.
- Per i post: la parte dinamica come notizie, post di blog, white paper, ricerche, ecc. O qualsiasi contenuto che includa informazioni attuali e sarà continuamente prodotto in futuro.
Potresti scoprire che hai bisogno di più tipi di post come portfolio, testimonianze, progetti . La buona notizia è che ci sono più plugin per creare tipi di post personalizzati su WordPress e alcuni temi includono una varietà. Inoltre, nelle versioni successive, WordPress ha abilitato la registrazione di tipi di post personalizzati.
Dopo aver finalizzato la selezione del tipo di post di cui hai bisogno, sarà molto più semplice strutturare il tuo sito per includerli.
Pagine di WordPress vs post di WordPress, buon senso e SEO
5. Creare un percorso dell'acquirente e casi d'uso
Il viaggio dell'acquirente su un sito Web è il processo che gli utenti attraversano dalla loro prima visita al momento in cui acquistano un prodotto o un servizio sul sito. La struttura del sito web dovrebbe essere basata su questo processo di acquisto e quindi rendere più facile per gli utenti trovare ciò di cui hanno bisogno e passare alla fase successiva.
Il percorso di conversione: definisci il percorso dell'utente sul tuo sito web
I casi d'uso sono un concetto fondamentale nell'usabilità. Sono descrizioni scritte di come i visitatori utilizzeranno il tuo sito web. Per descrivere ogni caso d'uso, devi elencare una sequenza di semplici passaggi, basati sull'intento dell'utente e che terminano quando l'obiettivo viene raggiunto.
Quando si decide la struttura del sito, è necessario annotare i casi d'uso per tutti i gruppi target. Questo ti darà una visione chiara del comportamento degli utenti sul tuo sito in modo che la sua struttura possa supportarlo. Questo è anche il modo migliore per pianificare le funzionalità del tuo sito.
Il sito Web MVP: tutto ciò che devi sapere + infografica
6. Eseguire la ricerca per parole chiave primaria
Dopo aver creato il sito Web, sarai in grado di aggiungere tutti i contenuti che desideri.
Ma nel processo di pianificazione del sito, o di riprogettazione, è della massima importanza che la struttura del sito Web sia costruita utilizzando le parole chiave più significative e pertinenti per le quali si desidera classificare.
Chiamerai i tuoi servizi "Prodotti" o "Soluzioni"? Hai bisogno di una sezione "Marchi" nel tuo negozio online?
Assicurati di includere i termini più popolari pertinenti a ciò che fai. Usa parole ed espressioni che saranno al centro della tua strategia di marketing SEO negli anni a venire.
Esistono molti strumenti, sia gratuiti che a pagamento, e tutorial su come eseguire la ricerca di parole chiave principali per un sito Web. Combinali con saggezza e inizia con le scelte più comuni.
Ricerca di parole chiave per SEO eseguita correttamente
7. Utilizzare le tassonomie
La tassonomia è un sistema utilizzato per classificare i contenuti pubblicati. È la strategia per aggiungere etichette e termini descrittivi a ciò che pubblichi. Le tassonomie vengono utilizzate per raggruppare tipi di contenuto simili e definire le relazioni e le somiglianze tra questi gruppi.
In WordPress, le tassonomie vengono aggiunte ai tipi di post. Ci sono Categorie , che possono essere gerarchiche, e Tag , che sono etichette autonome. Creano un sistema di classificazione per i tipi di post che rende più facile per gli utenti trovare il contenuto che stanno cercando.
Categorie di post sul sito DevriX
I motori di ricerca utilizzano anche tassonomie in quanto aiutano a ordinare e classificare i contenuti in modo pertinente. Dopo aver finalizzato le parole chiave per le quali si desidera classificare e i tipi di post che le utilizzeranno, è sufficiente aggiungere le parole chiave selezionate come tassonomie: categorie e tag.
Con WordPress, le tassonomie non sono obbligatorie. Ma possono essere aggiunti ai menu del sito, motivo per cui sono strettamente associati alla struttura del sito. Ad esempio, il blog DevriX ha un sottomenu per gli articoli, basato su 3 categorie principali: Business, Marketing e Sviluppo:
8. Creare una navigazione semplice e logica
La struttura del sito web è visualizzata nel suo design principalmente dal menu. Le priorità della tua attività dovrebbero essere implementate nella struttura del menu e presentare i tuoi migliori contenuti.
Le pagine e le categorie incluse nei menu potrebbero avere subordinati o essere create uguali, senza gerarchia. Il numero di collegamenti a ciascun livello è chiamato ampiezza del menu e il numero di livelli è chiamato profondità del menu.
Quando si tratta dell'ampiezza e della profondità del menu, ci sono alcune semplici regole da seguire.
- Non utilizzare molte categorie orizzontali : scegli un massimo di 7-8;
- Non renderlo troppo profondo : la subordinazione non dovrebbe scendere per più di 3 livelli
- Mantenerlo simmetrico ed equilibrato : se ci sono troppe sottopagine in una sezione e solo un paio in un'altra, l'intera struttura potrebbe essere sbagliata.
Un tipico sito web aziendale dovrebbe utilizzare una navigazione semplice e prevedibile, situata in una posizione standard. Su un sito Web WordPress, alcuni temi consentono due o anche più posizioni di menu , con la possibilità di scegliere pagine e collegamenti diversi per ciascuno di essi. Si consiglia di aggiungere un menu nel piè di pagina del sito e di mantenere separata la barra di navigazione laterale.
Le opzioni del menu di modifica di WordPress possono includere pagine, post, altri tipi di post, link personalizzati, categorie
9. Decidi la struttura dell'URL del sito web e i permalink
La struttura dell'URL con WordPress è predefinita nelle impostazioni.
Dopo aver eseguito correttamente la ricerca per parole chiave, creato tassonomie e deciso la gerarchia dei menu, sarà facile finalizzare i permalink. Le tue parole chiave e tassonomie più importanti devono entrare negli URL per renderle più efficaci per la SEO.
Ecco alcune buone pratiche per la struttura degli URL su un sito Web WordPress:
- Usa una struttura permalink che combini il nome del post con il dominio in questo modo: https://yourwebsite.com/ post-name
- Per impostazione predefinita, WordPress creerà un permalink per le tue pagine e i tuoi post, incluse tutte le parole dai loro titoli. Tuttavia, questi potrebbero essere troppo lunghi e contenere parole non importanti, quindi modificali.
- Per classificare al meglio le tue pagine su Google, mantieni i permalink lunghi circa 60 caratteri.
- Quando possibile, crea URL più brevi mantenendo le parole chiave più importanti dal titolo, che aiuta anche i motori di ricerca a indicizzare le tue pagine.
- Rimuovi tutte le parole chiave come congiunzioni e pronomi.
- Usa i trattini per separare le parole nei permalink per aiutare sia gli utenti che i motori di ricerca a vedere di cosa tratta la pagina.
Permalink / struttura URL nelle opzioni di WordPress: il tipo di post-name è solitamente il più preferito poiché include parole chiave
10. Aggiungi una mappa del sito per il sito web
La mappa del sito del tuo sito è un file che include tutte le pagine del tuo sito web e i media pubblicati e mostra come sono correlati. Serve Google e altri motori di ricerca come una tabella di marcia attraverso i tuoi contenuti e li aiuta a scansionarli e categorizzarli in modo più veloce e intelligente.
La mappa del sito non è obbligatoria, ma è altamente raccomandata, soprattutto per i siti complessi. Il file deve anche essere generato e aggiornato automaticamente.
Ci sono molti strumenti per aiutarti a creare e aggiungere una mappa del sito al tuo sito WordPress, inclusi i plugin. Tuttavia, con l'ultima versione di WordPress 5.5. Le mappe dei siti XML sono abilitate per impostazione predefinita e anche gli utenti possono vederle.
Se hai dubbi sulla struttura del tuo sito e su ciò che vedono sia i motori di ricerca che le persone durante la navigazione, controlla la tua mappa del sito.
Mappa del sito ATT.com - creata come una pagina interna per abbinare il design
Pianificazione della gerarchia del tuo sito web
Dopo aver completato tutte le attività di cui sopra, finalizzare la struttura del sito sarà facile e veloce. Di seguito sono riportati alcuni tipi generici di strutture del sito da considerare quando si effettua la scelta finale:
Un sito web gerarchico significa che alcune pagine sono subordinate ad altre e la struttura ricorda un albero. In un tipico sito web, la home page è in alto. Da esso, si accede ad altre pagine nel menu principale che possono avere ulteriori sotto-pagine.
Una struttura del sito web non gerarchica significa nessuna pagina subordinata. Quando non c'è molto contenuto e solo diverse pagine, potrebbero essere create tutte uguali e mostrate orizzontalmente nel menu principale.
Esempio di un sito web senza gerarchia - Nika Agency - anche se questo sito ha una sezione portfolio, le pagine dei progetti non sono pagine secondarie, ad esempio https://nika.agency/ apothe-pure-details .html
I siti web a pagina singola sono un altro buon esempio di strutture senza gerarchia. Non ci sono pagine padre / figlio semplicemente perché tutto è pubblicato su una pagina. Il design a pagina singola è una buona soluzione per siti Web di eventi e promozioni con una vita breve, pagine teaser o un'azienda che necessita di una rappresentazione molto breve simile a un biglietto da visita.
GlobeKit è un sito Web a servizio singolo che consente agli sviluppatori di portare rapidamente sul Web globi animati e interattivi. Si compone di 6 sezioni, tutte situate sulla homepage con navigazione animata interattiva (scroll).
Esistono tipi meno popolari di strutture di siti Web come Sequential, Matrix e Database. Come avrai intuito dai loro nomi
- il modello sequenziale coinvolge gli utenti in una sequenza di passaggi
- Matrix consente agli utenti di scegliere a modo loro come navigare nel contenuto del sito
- il database è costruito su un database e utilizza i suoi attributi per cercare e produrre l'esperienza dell'utente.
Pensieri finali
La struttura generica di un sito web aziendale deve essere pulita, semplice e logica. La progettazione della struttura è un processo fondamentale nella progettazione e nello sviluppo del sito web. Seguire le buone pratiche sopra menzionate ti aiuterà a garantire che tu prenda in considerazione tutti i fattori importanti per rendere la struttura del tuo sito pertinente ai tuoi obiettivi aziendali e ai tuoi gruppi target.
Rossie Vicheva
Autore ospite