Progettazione siti web, una guida per il cliente

Progettazione siti web, una guida per il cliente

Progettazione siti web, il compromesso è la migliore scelta possibile

Nella progettazione siti web è importante anche l'usabilità
E’ inutile creare un sito web super bello quando non è efficiente in velocità ed usabilità
Questa articolo ha come obbiettivo spiegare le fasi principale nella progettazione di una piattaforma web. Molto utile per coloro che hanno bisogno di far sviluppare il loro primo sito web. Per ulteriore approfondimento sulla SEO ti consiglio di leggere anche la mia guida gratuita SEO per migliorare la tua visibilità online ed acquisire nuovi clienti..Ti saranno spiegati dei comandi di Google per capire se il tuo sito ha dei problemi.La realizzazione di siti web è un compromesso tra creatività e tecnologia. Un ottima veste grafica va sviluppata insieme alle regole di navigabilità, usabilità, funzionalità, web marketing e quando serve anche di accessibilità. Non consegnate il vostro progetto solo ad un agenzia “creativa” a livello di grafica e neanche alle soluzioni proposte dagli informatici: molto spesso scegliere una di queste soluzioni è la totale rovina del sito stesso.

La prima cosa da chiedere, prima di un preventivo e uno studio di fattibilità. Quest’analisi ha un importanza vitale nello sviluppo di un sito web. Scopre i punti di forza e la fragilità di tutto il progetto chiarendo gli obbiettivi che si vuole raggiungere.

Prima di firmare un contratto parlate sempre con chi si occupa della progettazione di siti web e evitate sempre chi vi propone degli intermediari.

Per quanto concerne la funzionalità, navigabilità ed usabilità ci sono delle convenzioni e la scelta di rispettarle o meno dipende solo dal progettista web che ha il dovere di esporle al cliente esponendo la sua proposta di sviluppo per poi implementarle.

Molti principi sono adesso delle convezioni per la realizzazione di siti web. Queste convezioni si riferiscono alla stragrande maggioranza dei progettisti web. Sicuramente, il web non è e non lo sarà mai, come un codice di legge e l’applicazione di queste regole ha in se un certo livello di flessibilità e tolleranza.

Come creare un sito web gratis, i vari tipi di website

progettazione siti web
Controlla sempre che la pagina web del tuo sito rispetti gli standard W3C. Per aumentare la possibilità di comprensione da parte del motore di ricerca

Un sito web è un sistema complesso formato da pagine organizzate e collegate tra di loro attraverso dei link.

Per sviluppare un sito web è necessario in primo luogo un progetto da presentare al committente e deve rispettare sempre le regole di un buona progettazione. Per di più, deve considerare tutte le consuetudini che si sono creano durante gli anni.
Grazie a questi elementi si vengono a formare due categorie di siti web; ognuna di queste categorie è adatta a uno scopo ben preciso.
I siti web si classificano in siti web statici e in siti web dinamici.
Tutti siti web hanno come proprietà comune di avere pagine con un dato contenuto che può essere modificato manualmente modificando il codice HTML attraverso vari editor (come per esempio Notepad, o il più avanzato Dreamviewer) sono definiti siti web statici. Di solito le operazioni di modifica di una pagina web vengono svolte da un professionista, un webmaster.

I siti web statici sono adatti per siti di presentazione con poche pagine e contenuti in cui già nella fase di progettazione sono inclusi pochi aggiornamenti.
Ma quali sono i vantaggi per un sito web statico ?
I vantaggi per questa tipologia di questo sito è la completa indipendenza nella realizzazione di tutta la grafica web (sempre rispettando tutte le raccomandazioni W3C). Il servizio hosting ha caratteristiche peculiari e tecniche di base, quindi con costi molto bassi.Mentre i siti web dinamici si distinguono dagli altri perché sono in grado di produrre (visualizzazioni) di contenuti differenti a seconda dell’ambiente in cui operano (quindi richiesto dagli utenti) per mantenendo invariata tutta la parte strutturale del sito web.
Quando sono indicati i siti web dinamici ?
Sono molto adatti quando abbiamo una grande quantità di informazioni e vengono aggiornate costantemente: news, eventi, offerte, informazioni aziendali, cataloghi o prodotti.
La grafica di una pagina web presenta una struttura fissa mentre il suo contenuto cambia (testo, immagini, grafici). Tutti questi dati sono conservati in un database.
Il punto di forza di questo tipo di sito sono l’aggiornamento costante dei contenuti e la gestione dei dati, mentre il suo tallone d’Achille sono una grafica con minore complessità (va ricordato che attraverso l’uso dei CSS questo svantaggio è diventato minimo) ed i suoi costi di realizzazione.
Di solito i siti dinamici sono amministrati attraverso l’uso web content management system.

Creare un sito web, attenti al template

Nel creare un sito web alcune web agency ti proporranno un template modificato. Ti garantiranno che le modifiche apporteranno migliorie al template e la velocità del sito migliorerà. Molto spesso in questa operazione c’è un inghippo che le web agency non ti dicono.

In un sito web il template fornisce la veste grafica ma è anche uno strumento che dirige il comportamento di tutto il sito web. Inoltre, anche i plugin sono influenzati dallo stile del tema.

Quel template modificato si è trasformato in un template proprietario della stessa web agency.Se decidi di interrompere la collaborazione con la web agency dovrai pagargli per intero il template che pensavi fosse compreso nel preventivo.Non voglio discutere sei sia etico o morale ma a volte capita. Di sicuro, sono web agency non professionali.Infatti, la maggioranza delle Web Agency sono professionali e portano molti benefici al business del cliente.Quando firmi un contratto assicurati di pagare per un template non proprietario.

Digita template su Google e ti si aprirà un mondo. Puoi trovare tutti i più importanti template completi di documentazione.Inoltre, potrai visualizzare in demo come si comporta il template. Se non sai come fare lascia un messaggio in chat e lo faremo insieme. Ti ho preparato una lista di siti web che sviluppano dei buoi template:

Questa è solo una piccola lista di produttori di template. Facendo una ricerca più ampia potrai trovare tanti temi per il tuo business.

Realizzazione di un sito web, anche il tag della lingua è importante.

Per aiutare il motore di ricerca a localizzare il sito Google ha predisposto il tag hreflang. Questo tag dice al motore di ricerca qual è la lingua usata nel sito web. Anche se il sito non è multilingua il tag è necessario per definire la corretta localizzazione del sito web. Il tag hreflang è molto importante anche per la SEO perché localizza la piattaforma web. Di fatto, Google prende in grande considerazione la ricerca locale.Se hai un sito già avviato e non sei sicuro della presenza del tag usa la chat e verificheremo in un attimo gratuitamente.

La progettazione del sito web e i suoi principi base

Questi principi sono delle linee guida per i progettisti di website. La figura che segue rappresenta la struttura di un sito internet con tre livelli di profondità. Questo tipo di approccio alla realizzazione di un sito web è necessario per progettare siti web di medie e grandi dimensioni. Questo passaggio viene eseguito solo dopo una profonda analisi di web marketing.

Nella figura seguente trovi una struttura del sito web che ricorre molto spesso. E’ una struttura a tre livelli e di solito è usata per aziende di medie e grandi dimensioni.

Nella progettazione siti web la struttura è importante
Ci sono molti tipi di strutture. Quella che vedi in questa immagine è adatta per aziende di medie e grandi dimensioni.

Andiamo ad analizzare separatamente i principi di base per strutturare un website:

  • Gli utenti del web devono essere sempre informati sulle condizioni delle loro azioni.
  • Usare sempre un linguaggio per il web per gli utenti finali. Questa accortezza garantisce un livello di comprensione e memorizzazione migliore di tutti i contenuti presenti nel sito web. Questo modo di agire elude che il visitatore in cerca di informazioni esca dal website senza aver visto o letto nessun contenuto. Questo succede perché molto spesso il visitatore è ingannato da contenuti e immagini che non è in grado di associare alle informazioni che cerca durante la navigazione del sito.
  • Permettere ai visitatori il controllo sul contenuto informativo presente nel sito web, consentendoli di accedere con facilità a tutti gli argomenti presenti nella piattaforma web e di navigare facilmente secondo le proprie necessità. È di estrema importanza segnalare i link in modo appropriato escludendo ogni tipo di ambiguità di significato e posizionarli nella pagina in cui l’utente crede di trovarli rispetto alle pagine precedenti.
  • È basilare riproporre in ogni pagina motivi grafici sempre uguali, che sottolineano al visitatore che sta navigando all’interno dello stesso sito web. Se ad esempio, si passa da una pagina ad un altra e i visitatori trovano uno stile grafico diverso dal precedente dovrebbero analizzare la pagina per controllare se stanno ancora navigando in quel dato sito web (e se si in quale posizione del sito web) oppure se sono usciti per errore.
  • È sempre meglio segnalare in maniera chiara in quali pagine portano i link e di quale argomento si tratta per evitare false aspettative poi disilludere creando anche molta confusione nella scelta dei collegamenti da parte del navigatore web. Non dobbiamo dimenticarci di inserire in ogni pagina web le funzioni per uscire dal programma oppure ritornare alla home page del sito web.
  • È sempre bene usare layout web semplici e schematici per aiutare il visitatore durante la consultazione dei contenuti. Segnalare i link è di primaria importanza insieme ad altri elementi della navigazione per non obbligare i visitatori a scoprirli da soli ogni volta che visitano il sito web.
  • È sempre bene permettere ai visitatori di avere una navigazione differenziata all’interno del sito in funzione dell’esperienza nell’uso del Web e nella consapevolezza nell’uso del sito stesso. Gli utenti non esperti adorano avere aiuto passo dopo passo mentre gli utenti più navigati adorano molto le scorciatoie.
  • Nei siti web il caricamento delle pagine (quindi il tempo di attesa) non deve superare i 3 secondi, oltre questo tempo i visitatori cercano immediatamente altri website.
  • Tutte le pagine di un sito web non devono contenere elementi di scarsa rilevanza o comunque poco utili. I messaggi di errore devono indicare in maniera chiara il problema e dare una soluzione immediata e costruttiva.
  • È sempre bene che l’intero sistema web si possa usare senza nessun tipo di documentazione anche se questa può essere necessaria in alcun casi più critici.

Realizzazione di un sito web: la struttura

Per avere successo in una attività SEO la struttura della piattaforma web deve essere adeguata.Che cosa significa una struttura di un sito Web ?

La struttura del sito Web è la forma gerarchica di tutti i suoi collegamenti ipertestuali a partire dalla pagina principale, che di solito è la home page.

Il compito di questa struttura è organizzare i contenuti che saranno visualizzati dai potenziali clienti. Questo lavoro avviene a più livelli di navigazione e di solito a diverse ampiezze e profondità. Uno dei principali quesiti che si deve porre un Webmaster è scegliere la migliore struttura ipertestuale e di navigazione per consentire agli utenti di trovare l’informazione desiderata.

Si possono avere due modi di progettazione:

  • Un menù con poche voci. Ognuna di queste voci conduce ad altre pagine con altri menu sempre di pochi elementi. Si può continuare la struttura del sito in tanti passaggi fino ad ottenere un sito poco ampio ma profondo,
  • Un menù con molti elementi fin dall’inizio ma con un numero di passaggi ridotti. In questo modo si ottengono siti web larghi e piatti.

Nella figura sottostante si possono vedere le differenze tra le due diverse visioni di progettazione.

Nella progettazione siti web si hanno diverse strutture.
Questo esempio presenta una struttura ampia e poco profonda. Si hanno 11 pagine al primo livello. Ognuna di questa pagine ha 5 pagine figlio.

progettazione siti web
Questa immagine descrive la rappresentazione ad albero di una struttura profonda e stretta.
Si hanno 3 pagine al primo livello. Ognuna di queste pagine ha due pagine figlio. Ogni pagina figlio ha altre due pagine figlio. Questo processo teoricamente può continuare all’infinito.

Entrambi i i modi di progettazione sono validi in determinati casi. Di solito si riferiscono i siti piatti. Di fatto è sempre meglio avere delle strutture piatte e poco profonde. Come nella prima immagine.. Un sito Web con l’andare del tempo avrà sempre un numero maggiore di contenuti. Ed è qui necessario trovare un compromesso tra i due tipi di progettazione. Di fatto, non è pensabile avere un menù composto da decine e decine di elementi solo per avere un sito Web “piatto”. Per questo motivo, il progettista è costretto a creare un’articolazione a più livelli.La struttura del sito Web dipende anche, in modo rilevante da come costituito il suo contenuto e in quale maniera si può organizzare.Si devono prendere in considerazione questi due aspetti:

  • è necessario usare un campo semantico per le etichette da usare nel menù. Di fatto, queste etichette devono essere compresi dall’utente;
  • non è possibile creare uno standard di struttura per tutte le azioni che sono eseguite dagli utenti.

Infatti, se l’architettura ha una forma disordinata sicuramente i motori di ricerca non sarebbero grado di leggerla e soprattutto classificarla. Di fatto, un architettura errata farebbe perdere almeno il 60 % dell’attività di posizionamento.E’ importante che ogni ramo del sito web abbia un collegamento comune con il ramo principale.

Un caso pratico

Colui che si occupa di progettazione di siti web deve conoscere tutti gli standard della navigazione. Per farsi di rendere più facile la navigazione del sito Web.Lo scopo della navigazione:

  • consentire agli utenti del sito Web di trovare velocemente e con semplicità l’informazione che stanno cercando;
  • permettere ad un dirigente di spostarsi in maniera veloce ed in modo logico tra le pagine del sito Web;
  • far conoscere agli utenti quale sezione del sito sanno consulta.

Considerando il tipo di contenuti che saranno inseriti sito Web la struttura può avere questo tipo di visualizzazione.

progettazione siti web
Questa struttura mostra come dalla pagine home si diramano altri settori. E da quei settori altri sottoinsiemi in relazione con essi.

Dalla home, c’è la pagina principale si diramano altre sezioni fondamentali, le pagine “asilo”, “attività di e “contatti”.Dalla figura si vede bene che dalle pagine sopraccitate si diramano altre pagine. Questa nuova diramazione delle pagine aiuta gli utenti a trovare con facilità l’informazione di cui hanno bisogno.Questo paragrafo si può concludere affermando che:“ durante la progettazione del sito Web si possono prendere in esame le due architetture descritte in questo paragrafo. Ma non ci sarà un architettura standard. Perché ogni sito Web è diverso e da delle funzionalità diverse dagli altri. Per esempio la struttura di un e-commerce sarà ben diversa da un sito di notizie.”Di fatto, la struttura di un sito Web deve essere funzionale al mercato a cui si rivolge.

Sviluppare un sito web

Come ho detto all’inizio, la creazione di un sito web è un lavoro molto complesso. Sono necessarie molte conoscenze tecniche che vanno oltre alla programmazione, web marketing e grafica e psicologia. Analizzare l’aspetto sociologico e psicologico dei potenziali clienti è determinante per raggiungere vendere un prodotto o servizio.

E’ molto importante tenersi aggiornato su i molti studi che vengono eseguiti nel campo Web marketing. Per esempio, anche il colore scelto per una chiamata all’azione è molto importante. Entriamo disciplina psicologica che si chiama psicologia del colore.

Inoltre, è molto importante conoscere i prodotti o servizi presenti nel sito Web per capire le loro caratteristiche primarie. Questo perché è molto importante differenziarle dai propri concorrenti. Per poter vendere i propri prodotti o servizi è necessario creare una differenziazione. È inutile sviluppare un sito Web per promuovere i propri prodotti o servizi quando hanno le medesime caratteristiche dei concorrenti. Altresì, è inutile utilizzare il Web solo per promuovere i propri prodotti o servizi.

Prima di iniziare a progettare un sito Web è molto importante creare un calendario. Il calendario editoriale consente di scrivere dei contenuti. I contenuti possono essere articoli, video audio. Il filo conduttore che lega tutti i contenuti e che devono essere di qualità.Che cosa significa un contenuto di qualità ?

Il contenuto di qualità e quel contenuto che ha l’obbiettivo di educare il potenziale clienti. Serve a far capire al futuro cliente che abbiamo le competenze per risolvere i loro problemi.

Ancora una volta si vede come non è possibile avere la sola competenza della programmazione per la realizzazione di un sito web. Oltre contenuti è necessario anche effettuare un’attività SE O per migliorare il posizionamento. E quindi la sua visibilità.Adesso si analizzano passaggio del passaggio tutte le fasi che permettono lo sviluppo di un sito Web.

Fase 1: analisi preliminare

In questo passaggio il Web designer raccoglie ogni tipo di informazione per la progettazione del sito Web:

  • l’obiettivo del sito Web;
  • le strategie di marketing;
  • lo stile della comunicazione;
  • l’analisi dei potenziali clienti a casa
  • •in quale modo si intende comunicare.

Sono tantissimi informazioni fondamentali che hanno come scopo principale quello di far conoscere l’azienda del Web. In questo modo, si potrà iniziare il progetto di realizzazione Web.

Fase numero 2: le parole

E’ il passaggio che si occuperà di analizzare attraverso vari strumenti le varie parole chiave presenti nella sua nicchia di mercato. Sono presi in considerazione le parole chiavi con un alto traffico di ricercaSaranno individuate le parole chiave più importanti presenti nella nicchia di mercato in cui opererà il sito web. In questo modo la piattaforma Web diventerà uno strumento di marketing con l’obiettivo di convertire i potenziali clienti in clienti effettivi.

Si deve sottolineare che le parole chiave hanno un’importanza minore rispetto al passato. Questo non significa che non sono importanti. Significa che non si deve scrivere per i motori di ricerca ma si deve scrivere per gli utenti. Molto importante solo gli intenti di ricerca degli utenti. Infatti, Google tende a premiare i siti Web che offrono agli elettori il maggior numero di risposte. Se per farti trovare un inserite una miriade di parole chiave in un testo sta effettuando un’attività illecita secondo le direttive di Google. Il nome di questa attività, si chiama keyword stuffing.

Fase 3:progettazione del sito Web

Si studia la progettazione del sito Web prendendo in particolare considerazione la mappa del sito che contiene le informazioni utili agli utenti motori in questo studio saranno presi in considerazione tutte le parole chiavi e sono state usate in precedenza. Ci consente, di assicurare un buon posizionamento presso i motori di ricerca di tutto il sito. È importante non concentrarsi soltanto sulle parole chiave. I motori di ricerca sono diventati così evoluti che sono in grado di percepire l’intento di ricerca degli utenti.

Facciamo un esempio pratico per capire che cosa accade in una ricerca semantica.

L’astronave sta andando su Marte. Qui raccoglierà numerosi campioni di rocce.”

“L’astronave sta andando su Marte” si riferisce al settore dell’astronomia. Mentre “qui raccoglierà numerosi campioni di rocce” si riferisce al settore della geologia.

Nella fase di progettazione del sito Web è inutile andare a cercare soltanto le parole chiave che hanno un alto volume di traffico. Questo modo di operare renderà il contenuto sgradito agli occhi del motore di ricerca. Si deve operare fin da subito per sviluppare dei contenuti che non siano scritti per il motori di ricerca. Ma siano scritti per soddisfare le esigenze degli utenti.Che sviluppa un sito Web riempiendolo con una miriade di parole chiave e con l’uso solo di software per individuarle non si comporta come un professionista della SEO.

Fase 4: comunicazione e contenuti

In questa fase si procederà ad eseguire una riunione per raccogliere le idee con il titolare dell’azienda opppure dell’ufficio marketing della stessa.Sarà importante trovare il giusto equilibrio tra le immagini e testi per individuare comunicazione vincente. Sia le pubblicazioni e le immagini dovranno essere utilizzate per i motori di ricerca. Dato che i motori di ricerca non sono in grado di legge un’immagine è fondamentale una didascalia che riassuma il significato dell’immagine nel suo contesto.Tutti i contenuti comprese le immagini e video devono comunicare al cliente una grande professionalità dell’azienda in una determinata nicchia di mercato. Questo processo è molto importante per far crescere il marchio e renderlo affidabile agli occhi dei potenziali clienti.

Fase 5:grafica e design

Adesso possiamo pensare di costruire il codice del sito. Oppure si può realizzare una piattaforma Web attraverso un CMS come WordPress, Joomla, Drupal ed altri.Il sito Web dovrà essere responsive. Questo significa che il sito Web dovrà adattarsi a seconda dello schermo lo ospita. Sia un computer, uno SmarthPhone o un tablet. La proprietà di essere responsive ricade anche sulla SEO. Un sito web che non è responsive sarà penalizzato da Google.

Microdati e microformati: aumenta la tua visibilità

I microdati ed i microformati sono molto importanti per comunicare di motori di ricerca dati utili per quel tipo di contenuti.I dati strutturati sono delle implementazioni del consentono di dare maggiori informazioni ai motori di ricerca. In relazione ai contenuti trattati all’interno del sito.

Prendiamo come esempio un blog di cucina in cui si pubblicano ricette toscane.Nelle pagine ci sarà il nome della ricetta, gli ingredienti, il tempo di cottura, l’immagine del piatto e i feddback.Tutte questa informazioni si possono comunicare al motore di ricerca in modo esplicito.In modo più semplice, i dati strutturati servono a comunicare a Google i dati più importanti. Di solito questi dati fanno parte dell’intenzione di ricerca degli utenti.E’ come sei dicessimo a Google: per fare questa ricetta sono necessari questi ingredienti e ci vuole questo tempo.

I dati strutturati sono vantaggiosi

Usando i dati strutturati possiamo dare maggiori informazioni su tutti i contenuti presenti nel sito web ai motori di ricerca. Questa è un’altra attività che fa parte dell’ottimizzazione SEO On page.Un altro vantaggio altrettanto importante è la creazione di rich snippet.

Il rich snippet ha come obbiettivo arricchire arricchire lo snippet classico con nuovi elementi utili all’utente

Non sarà visualizzato il solito snippet con il titolo e la url e la meta description. Saranno visualizzate immagini del prodotto e le stelline che rappresentano il gradimento degli utenti.I rich snippet consentono un notevole aumento del CTR (Click Trough Rate). Il CTR è l’incremento del rapporto tra il numero di click e le visualizzazioni del rich snippet nella pagina dei risultati (SERP)Questo è un esempio di codice da inserire nel footer del tuo sito web. Tutte le informazioni presenti saranno lettesicuramente dal motore di ricerca.

progettazione siti web
Nella progettazione siti web l’uso dei microdati sono un valido aiuto per la visibilità
Per esempio questo è il mio rich snippet con le stelline di gradimento.
progettazione siti web.
I rich snippet ti consentono di dare informazioni utili all’utente aumentandone il CTR.
Per sapere se il sito presente questi due elementi ci sono due interessanti estensioni per Firefox e Chrome che potete installare.Le estensioni si chiamano Microformats (per i microformati) e SEO Quake (utilissima estensione anche per eseguire la SEO Audit).In questo modo saprai se il tuo webmaster ha inserito questi importanti elementi.Se hai dubbi lascia un commento.

Progettazione siti web progettazione siti web" Progettazione siti web

Rated 5/5 based on 850 customer reviews

Descrizione del prodotto: Un guida cliente per la progettazione siti web. Tutte le fasi più importanti nello sviluppo e gli elementi fondamentali per una SEO localizzazione. Recensione dei clienti:

Traduzione inglese italiano, come fare – di ,August 8, 2017

5/ 5stars
photo of andrea barbieri

BTF Traduzioni SEO Sviluppo Web

Piazza Giuseppe Mazzini, 46

Poggibonsi, Siena, 53036 Italia

+393296664935
traduzione, traduttore, programmatore, blogger, realizzazione siti web, Web Marketing, lezioni private di lingua,

About btftraduzioniseoweb

Ciao mi chiamo Andrea Barbieri e sono il titolare dello studio BTF. Programmatore da sempre traduttore da una vita. Lo studio si occupa di progettazione e realizzazione siti internet. Inoltre, offriamo un servizio di traduzioni professionali e localizzazione di siti web in Inglese, Francese, Tedesco, Spagnolo ed Italiano. All'interno del blog sono pubblicati periodicamente tutorial di Web Marketing, SEO, linguaggi di programmazione e molto altro.

Lascia un commento

L'indirizzo email non verrà pubblicato.

Nome
Email
Sito web

13 − 10 =