Articles

Come impostare un sito Web nel 2021: Una guida per principianti aggiornata

Suggerimenti per creare un sito web

Impostare il proprio sito web è molto più facile di quanto si pensi. Sempre più persone vogliono avere la propria presenza online. Non è necessario dipendere esclusivamente da un profilo Instagram, una pagina Facebook o un account Twitter.

Perché non creare il proprio sito web?

Per iniziare, diamo un’occhiata alle domande più comuni che abbiamo ricevuto da principianti ambiziosi come te in passato:

Sommario

Ho bisogno di competenze tecniche?

Questo dipende dallo scopo del tuo sito web. Il modo più complicato sarebbe imparare a codificare HTML, CSS, JavaScript e PHP – le basi di praticamente qualsiasi sito web.

Ma questo non è l’unico modo per creare un sito web: anche se non si ha molta familiarità con il lato tecnico delle cose, si può facilmente impostare un buon sito web.

Ma come?

Utilizzando un costruttore di siti web. Se è possibile utilizzare Word, Facebook o PowerPoint, sarete in grado di utilizzare questi strumenti senza alcun problema. Queste piattaforme facili da usare offrono un editor visivo, hosting, e si può ottenere un nome di dominio attraverso di loro: un one-stop-shop.

Come impostare un sito web: 5 passi per iniziare

La maggior parte dei progetti di siti web passa attraverso questi passaggi:

  1. Crea un piano per la struttura e il contenuto del tuo sito web
  2. Registra un nome di dominio – idealmente scegli un .com
  3. Trova un costruttore di siti web (e provider di hosting) per creare il tuo sito
  4. Ottimizzalo per i motori di ricerca
  5. Avvia il tuo sito web

I 3 modi più popolari per impostare un sito web

Andiamo oltre i modi più popolari per avviare un sito web. Ci sono molte soluzioni. Alcuni sono più flessibili di altri, e alcuni sono più complessi.

Impostazione di un sito web con un website builder

Iniziamo con l’opzione più semplice: un website builder. Questo è un pacchetto “all-inclusive”, per così dire: una singola azienda di solito fornisce il modello (design), editor, hosting, nome di dominio, indirizzo e-mail e supporto. Il web builder si prende cura dei compiti difficili.

Questo non è utile solo per i principianti. Dipende semplicemente dal progetto. Perché complicare la tua vita se ci sono modi semplici per fare le cose? Quasi tutti i costruttori di siti consentono di creare un sito Web di base gratuito su un sottodominio (ad esempio yourname.sitebuildername.com), che è supportato dalla pubblicità. Usando un tale piano puoi provarlo in dettaglio prima di decidere se il costo è valsa la pena.

I prezzi partono da circa 8 8 / mese, ma include tutti gli elementi essenziali. Se non hai particolarmente bisogno di un indirizzo email, può essere ancora più economico.

Per capire meglio esattamente come funziona, si prega di guardare il nostro tutorial passo passo per la creazione di siti web!

Vi siete mai chiesti quanto sia difficile creare un sito web? Abbiamo alcune buone notizie, è molto facile! Controlla il nostro tutorial completo qui:… Come creare un sito web? Imparare in meno di 5 minuti! 2018-08-09T09:41: 25.000 Z https://i.ytimg.com/vi/FXNSB-XmtLY/default.jpg

Pro:

  • È molto facile da usare.
  • Non hai bisogno di software aggiuntivo.
  • Puoi iniziare senza conoscenze tecniche.
  • Gli aggiornamenti e gli aspetti di sicurezza sono gestiti dallo stesso website builder.
  • Modelli di progettazione predefiniti che puoi adattare a tuo piacimento

Contro:

  • Non puoi sempre aggiungere funzionalità extra (a seconda del costruttore del sito web).
  • Non è così flessibile dal momento che sei dipendente dal provider.
  • Non sono progettati per progetti molto complicati che richiedono un database (ad esempio un lavoro o directory immobiliari)

I costruttori di siti web più noti sono Wix, Weebly e Shopify (per i negozi online). Troverete altri costruttori di siti Web nel nostro confronto completo.

Puoi provare Wix website builder gratuitamente e per tutto il tempo che vuoi.

Prova Wix gratis

Creare un sito web con un sistema di gestione dei contenuti

I sistemi di gestione dei contenuti (CMS) sono un po ‘ più complicati. Anche se essenzialmente funzionano allo stesso modo di un costruttore di siti web, sono molto più difficili da usare.

Con un website builder, non solo puoi aggiungere contenuti semplici come testi e immagini, ma puoi anche progettare un intero sito web. Un classico sistema di gestione dei contenuti sarebbe molto più limitato in questo caso, e per quanto riguarda l’aspetto va, sei limitato ai modelli disponibili.

Mentre ci sono un sacco di sistemi come Joomla!, Drupal e Typo3, ci concentreremo sul CMS più popolare, che è WordPress. Grazie alle società di hosting che offrono un’installazione con un clic, non è difficile da configurare.

Quelli raccomandabili sono Dreamhost (estremamente conveniente), Siteground (un po ‘ più costoso ma super potente) e Bluehost (scelta popolare con supporto 24/7).

Scopri di più su quali società di web hosting consigliamo per WordPress qui.

Puoi anche installare facilmente un modello e regolarlo con le opzioni di progettazione. Ma: se c’è qualcosa che non ti piace, probabilmente dovrai modificare il CSS o l’HTML (tu o un programmatore).

L’hosting, il dominio, l’indirizzo email, l’installazione e il livello di supporto che scegli dipenderanno da quanto vuoi spendere e dalle tue conoscenze tecniche. Può essere abbastanza economico se lo fai da solo.

Un enorme vantaggio, specialmente per WordPress, è che hai migliaia di plugin che ti consentono di aggiungere funzionalità speciali al tuo sito web che non sono inizialmente incluse. Un tipico esempio potrebbe essere WooCommerce, un plugin che aggiunge un negozio online completo.

Per impostazione predefinita, WordPress è progettato per essere in una singola lingua, ma ci sono plugin, come WPML, che consentono di tradurre la pagina. Un altro dei miei preferiti è il plugin Yoast SEO, che consente di modificare le impostazioni del motore di ricerca (ad esempio Google).

Nel nostro video introduttivo, diamo un’occhiata a ciò che è necessario considerare se si sta configurando WordPress.

Controlliamo rapidamente come installare WordPress utilizzando l’hosting di SiteGround. SiteGround è uno dei migliori fornitori di hosting per i siti WordPress. Puoi provarci … Scopri come installare WordPress con l’hosting di SiteGround 2019-10-23T07:54:23.000 Z https://i.ytimg.com/vi/XMLMT_mKZhQ/default.jpg

Puoi iscriverti a Siteground qui.

Pro:

  • Puoi scegliere la società di hosting.
  • Ottimo per siti web multilingue.
  • Flessibilità tecnica: puoi accedere all’intero codice sorgente (se sai cosa stai facendo).
  • È possibile ottenere più funzioni con i plugin.

Contro:

  • Nessun supporto tecnico personale.
  • La libertà creativa dipende dal modello.
  • Può avere costi aggiuntivi per i plugin.
  • Potrebbe essere necessario un programmatore per apportare piccole modifiche estetiche.

Altri esempi di sistemi di gestione dei contenuti sono Joomla! E Drupal, ma sono molto più complicati da usare rispetto a WordPress, quindi non ci entreremo. Troverete maggiori informazioni su WordPress nella nostra guida per principianti WordPress.

Come programmare un sito web da soli (o assumere qualcuno per farlo).

Questa è la disciplina suprema: aprire l’editor e iniziare a codificare. Coloro che hanno bisogno di libertà totale dovranno fare la pagina da soli. Hai bisogno di pazienza per questo, e per i principianti, di solito è travolgente (e frustrante).

Un buon punto di partenza sono siti web come Codecademy, Mozilla, o W2Schools, che hanno tutorial passo-passo per i principianti. Ma aspettatevi un lungo viaggio prima che il tuo sito web è pronto.

In questo caso, non è possibile dare un prezzo in generale, poiché dipende dal progetto. Soprattutto, sarà molto più costoso se hai bisogno di assumere un programmatore: pagare i 8 8-10 al mese per un costruttore di siti Web sarà sempre più economico di quello che qualsiasi designer o agenzia addebiterà per un’ora di lavoro.

Alcuni preferiti sono NetBeans, Aptana Studio o Brackets. Tutti consentono almeno HTML, CSS, JavaScript, PHP e sono gratuiti. Un’altra opzione è Webflow, che è un editor di codice sorgente visivo.

brackets source code editor

brackets source code editor

Brackets screenshot

Pro:

  • Le possibilità sono illimitate se sai come per programmare.
  • Hosting a costi contenuti.
  • Massima flessibilità.

Contro:

  • Nessun supporto.
  • La curva di apprendimento è ripida.
  • I costi sono difficili da calcolare.
  • Richiede molto tempo di studio e implementazione.

Che dire del nome di dominio?

Se non si desidera utilizzare un nome di dominio gratuito (che sembra piuttosto brutto in quanto avrà il nome di un’altra società in esso), è necessario acquistare il proprio dominio. Questo sarà quindi simile www.mycompany.com. Di solito, è meglio ottenere l’estensione. com a meno che tu non stia operando rigorosamente in un paese come il Canada (.ca) o il Regno Unito (.co.uk).

dominio

dominio

Il nostro nome di dominio

Non mancano i cosiddetti registrar che vendono nomi di dominio. Noi stessi li compriamo principalmente a Namecheap così come sono, beh, piuttosto economici, ma le differenze non sono così significative in quanto vanno da $9-18 all’anno.

Ma a seconda di dove costruisci il tuo sito web, puoi farlo anche incluso nel tuo pacchetto website builder. Wix, Weebly, e Jimdo, per esempio, tutti hanno il nome di dominio incluso gratuitamente nel primo anno. Gli anni successivi fanno pagare un po ‘ più di Namecheap, per esempio, ma la comodità aggiunta di avere a che fare solo con una società è normalmente valsa la pena.

Se si utilizza WordPress.org oppure costruisci il sito Web da solo, dovrai anche organizzare il tuo spazio di archiviazione web. Questo può essere acquistato nello stesso luogo in cui ottieni il tuo nome di dominio o in un’altra azienda specializzata come Siteground o WPEngine. Ma se si sono solo agli inizi, questo non importa troppo per ora.

Suggerimento: se hai bisogno anche di indirizzi email, puoi provare Zoho Workplace. È un servizio simile a Google Workspace, ma Zoho dispone anche di un piano gratuito.

Progettazione e progettazione di un sito web

Proprio come non è sempre una buona idea iniziare a cucinare senza seguire una ricetta, almeno se non hai esperienza, lo stesso vale per la creazione di un sito web. Qui, improvvisare non è una buona idea. La pianificazione ti aiuterà a decidere quali sezioni hai bisogno, il contenuto che funziona meglio per te e come dovrebbe essere progettato il tuo sito web.

sito web della mappa mentale

sito web della mappa mentale

Mappa mentale per un negozio di scarpe online

Un buon modo per iniziare è creare una mappa mentale con le idee di ciò che avrà bisogno. Gli elementi principali di questa mappa mentale possono essere utilizzati per la navigazione.

Suggerimenti per pianificare il tuo sito web:

  1. Usa un foglio e una penna e scrivi tutto ciò che vuoi sul sito web. Brainstorming e la creazione di una mappa mentale sono i modi perfetti per organizzare i vostri pensieri.
  2. Dai un’occhiata ad altri siti interessanti sia in termini di design che di contenuti. Nota cosa ti piace e cosa no.
  3. Una volta che hai una bozza di ciò che vuoi sul tuo sito web, chiedi alle persone di cui ti fidi di ciò che pensano. Troverai sicuramente alcune prospettive interessanti che puoi incorporare.
  4. Crea un elenco (ad esempio in Excel) con tutte le pagine che il tuo sito web avrà. Annota il titolo, il tipo di contenuto che avrai, le parole chiave, lo scopo, il tipo di pagina e la loro importanza.
  5. Bonus: Se si desidera posizionarsi bene nei motori di ricerca, questo è quando si dovrebbe scoprire quale parola chiave ogni pagina avrà, e aggiungerli alla lista al punto 4. Leggi questa guida SEO per ulteriori informazioni.

Che dire del design del sito web?

La creazione di visual web design non è un compito facile. In effetti, direi che online, ci sono più esempi di disegni terribili che buoni. Non lasciate che il vostro sito web sia uno.

Proprio come i jeans bell bottom erano eleganti negli anni ’70, erano ridicoli negli anni’ 80 e ‘ 90. Lo stesso accade con il web design. Bisogna ricordare che ciò che era considerato una buona pratica 5 anni fa, ora può sembrare vecchio o obsoleto. Dai un’occhiata a questo articolo per sapere quali pratiche evitare.

Questa non è una guida per designer professionisti, ma ti darà alcuni suggerimenti che penso funzionino sempre:

  1. Prova a usare un colore chiaro (o bianco) per lo sfondo.
  2. Scegli colori attraenti che si completano a vicenda. Usa Adobe Color se hai bisogno di aiuto.
  3. Mantieni il design pulito, semplice e lascia spazio bianco tra gli elementi. Maggiori informazioni..
  4. Non usare troppi caratteri: uno per i titoli e un altro per il testo è di solito sufficiente. Questa guida ti aiuterà a scegliere.
  5. Mantieni lo stile e il formato coerenti. Gli utenti non dovrebbero notare alcuna differenza tra le tue pagine. Non creare un Frankenstein.
  6. Anche il tuo sito web dovrebbe essere perfettamente adattato ai dispositivi mobili.
  7. Tutte le immagini che aggiungi devono apparire professionali. Non caricare un selfie che hai preso di fronte a uno specchio del bagno. Tieni presente che gli smartphone di oggi scattano foto molto belle. Se si prevede di destra, è possibile ottenere grandi colpi alla testa.
  8. Meno è più. In caso di dubbio, andare minimo.

Se vuoi approfondire il web design, dai un’occhiata al blog di Wix. Ci sono infinite tutorial e guide su disegni facili da digerire.

Quali elementi hanno in comune i buoni siti web?

1. Great-looking artwork

Il logo e la selezione delle immagini sono fondamentali per ottenere un sito web dall’aspetto professionale. Oggi si può facilmente trovare un sacco di immagini gratis: la cosa migliore è quello di controllare Creative Commons.

cc search

cc search

Inoltre, puoi trovare altre foto dall’aspetto professionale (a partire da $1) su molti altri siti web, come Adobe Stock e . Qui ci sono alcune grandi opzioni di foto gratis.

È importante assicurarsi di aver compreso i formati di immagine disponibili:.GIF, .jpg e .png sono i formati principali. Inoltre, è necessario ottimizzare le dimensioni e la qualità dell’immagine per il browser standard web. Tutto quello che c’è da sapere su questo argomento può essere trovato qui.

Naturalmente, è sempre possibile utilizzare siti come TinyPNG o ShortPixel per comprimere le foto gratuitamente.

Allo stesso modo, sarà utile avere un programma di editing per poter modificare e modificare le dimensioni delle immagini. Un’opzione professionale e gratuita è Gimp, tuttavia, è piuttosto complicato da usare. Un’altra alternativa di Photoshop è Affinity Photo, che costa solo una frazione del prezzo dell’originale e non richiede un abbonamento.

Ma ci sono sempre più strumenti è possibile utilizzare per creare risorse grafiche in modo semplice e senza dover imparare a usare Photoshop o Illustrator. Ad esempio, puoi usare Stencil o Snappa.

stencil

stencil

2. Copia professionale

Ricorda che scrivere per un sito web non è la stessa cosa di scrivere una lettera o un libro. Sul web, tendiamo ad essere meno formale e allo stesso tempo abbiamo bisogno di aiutare le persone occupate a trovare rapidamente le informazioni di cui hanno bisogno. Ciò significa che dobbiamo rendere i nostri contenuti scansionabili da:

  • usando una struttura del titolo che ha senso,
  • non lasciare che i paragrafi di testo diventino troppo lunghi,
  • aggiungendo punti elenco e
  • scegliendo font facili da leggere.

In realtà abbiamo scritto un’intera guida su questo argomento, che puoi trovare qui.

3. Modulo di contatto e un menu di navigazione che ha senso

Per dare un’impressione professionale ai tuoi visitatori, dovresti usare un modulo di contatto invece di un indirizzo email. È molto facile integrare moduli di contatto con soluzioni come Wix, Jimdo, Weebly o WordPress.

modulo di contatto

modulo di contatto

Ricorda che la barra di navigazione del tuo sito web è fondamentale per consentire ai visitatori di passare da una pagina all’altra. Presta attenzione ad esso e assicurati che fluisca logicamente. Ad esempio, se il tuo obiettivo è che gli utenti ti inviino un messaggio tramite il modulo di contatto, dimenticarti di collegarti ad esso nel menu o nel piè di pagina sarebbe un errore epico.

Assicurati di fare anche un test iscriviti prima di pubblicare il tuo sito web!

Passaggi per la creazione di un sito web

Possiamo suddividere il processo di creazione del sito Web nei seguenti passaggi:

  1. Pianifica il tuo sito web e ordina le idee in una mappa mentale.
  2. Decidi quali contenuti hai bisogno per il tuo sito web.
  3. Acquista il nome di dominio, ad esempio su Namecheap (ma puoi anche acquistarlo dopo).
  4. Scegli il miglior costruttore di siti web.
  5. Creare il contenuto (ad esempio testi e immagini) per ogni pagina.
  6. Aggiungi il contenuto al tuo sito web e ottimizza il SEO.
  7. Pubblica e promuovi la pagina.

Ovviamente, ciascuno dei punti precedenti può essere costruito su molto di più. Abbiamo un ebook (gratuito) dove è possibile ottenere maggiori informazioni.

Il tuo sito web è attivo. E ora?

Se hai già creato il tuo sito web e lo hai pubblicato, puoi iniziare a promuoverlo e ottimizzarlo per aumentare le visite e migliorare l’esperienza utente.

  • Aggiorna il tuo sito web: i siti web non sono libri. Una volta pubblicati, possono ancora essere aggiornati. Assicurati di creare contenuti nuovi e pertinenti quando ne hai la possibilità e di aggiornare costantemente il sito web. Ad esempio, immagina il sito Web di un ristorante: se il menu cambia, dovrebbe riflettersi sul sito Web il più rapidamente possibile.
  • Posizionamento online: per attirare il maggior numero possibile di visitatori, dovrai ottimizzare il SEO del tuo sito web. Questo non è molto complicato, ma richiede tempo e lavoro. Dai un’occhiata a questa guida per ulteriori informazioni.
  • Analisi web: I tuoi sforzi nel posizionamento online (punto sopra) saranno inutili se non misuri il traffico del tuo sito web. È così che saprai se funziona o no. Lo strumento di analisi del sito web più popolare è Google Analytics. Ed è gratis!

google invia URL

google invia URL
  • Naturalmente, una volta pubblicato il tuo sito web, dovresti registrarti con Google Search Console per notificare a Google che la tua pagina esiste e ottenere informazioni. O almeno invia l’URL (indirizzo) del tuo sito Web a Google in modo che possa indicizzarlo.
  • Email Marketing: Un’altra strategia usuale, soprattutto per le imprese, è quello di inviare e-mail regolari ai suoi visitatori per non perdere il contatto. Ciò è particolarmente utile per negozi online, piccole imprese e blogger. L’email marketing è una scienza in sé. Puoi leggere questa guida pratica per trovare ulteriori informazioni su come iniziare a inviare newsletter.
  • Social media: Infine, la maggior parte dei siti web ha anche profili di social media (ad esempio Facebook, Instagram, Twitter, LinkedIn, ecc.) per essere in grado di interagire con i loro visitatori (e potenziali visitatori) al di fuori del sito web che hai creato. Questo funziona particolarmente bene per i professionisti visivi, come illustratori, gioiellieri o fotografi.

Spero che questa piccola guida ti abbia aiutato a capire come creare un sito web dall’inizio alla fine.

Accanto alla guida che si stava leggendo solo ora abbiamo anche un paio di specifiche di settore, guide e:

  1. creazione di un sito web per le piccole imprese e gli imprenditori
  2. Guida per l’avvio di un online store
  3. costruttori del Sito web per gli artisti (ad esempio, artisti e designer)
  4. Creazione di fotografia siti web
  5. Creare un sito web con WordPress