Come creare un sito web (una guida passo passo): 4 passaggi

2024 Autore: John Day | [email protected]. Ultima modifica: 2024-01-30 10:02

In questa guida, ti mostrerò come la maggior parte degli sviluppatori Web crea i propri siti e come evitare costosi costruttori di siti Web che sono spesso troppo limitati per un sito più grande.

Ti aiuto anche a evitare alcuni errori che ho fatto quando ho iniziato.

Passaggio 1: ottieni un hosting Web e registra un nome di dominio

Per configurare il tuo WordPress (o qualsiasi altro tipo di sito Web), avrai bisogno di due cose:

• Nome di dominio (un indirizzo web come YourSiteName.com)
• Web Hosting (un servizio che collega il tuo sito a Internet)

Per archiviare immagini, contenuti e file del sito Web, avrai bisogno di un web hosting. Senza web hosting, il tuo sito web non sarà visibile su Internet.

Possedere il tuo nome di dominio sembra molto più professionale che avere il tuo sito sul dominio di qualcun altro (come yourbusiness.my-free-website.com) ed è anche super conveniente. La maggior parte dei provider di hosting offre domini GRATUITAMENTE per un anno (di solito ~$15/anno).

In poche parole: senza un web hosting e un nome di dominio, il tuo sito web NON esisterà.

Dove registro un nome di dominio e ottengo l'hosting web?

Divulgazione completa: guadagno una commissione se finisci per acquistare Bluehost tramite i miei link di riferimento in questa guida. Questo mi aiuta a mantenere WebsiteSetup attivo, funzionante e aggiornato. Grazie per il vostro sostegno.

Ho usato principalmente Bluehost come web hosting e registrar di domini gratuito.

Il loro prezzo di lancio parte da $ 2,75 / mese e attualmente stanno lanciando un nome di dominio gratuitamente (primo anno), quindi vale la pena verificarli.

Sono anche uno dei provider di hosting più popolari sul mercato, quindi sono sicuramente consolidati e abbastanza sicuri da ospitare il tuo sito web.

Sebbene la maggior parte dei loro server abbia sede negli Stati Uniti, possono gestire molto traffico da tutto il mondo. Ed è probabilmente più economico del tuo host locale.

Come qualcuno che vive in Europa, preferisco ancora usarli. Hai già un nome di dominio e un hosting?

Vai avanti e vai al passaggio 2, dove ti spiegherò come configurare il tuo sito web.

Scarica la procedura passo passo su come registrarti con un provider di web hosting (e registra un nome di dominio se non lo hai ancora) di seguito:

Passaggio 2: configura il tuo sito web

Una volta acquistato il nome di dominio e configurato il tuo hosting, sei sulla buona strada!

Ora è il momento di mettere in funzione il tuo sito web. La prima cosa che devi fare è installare WordPress sul tuo dominio.

Installazione di WordPress

Ci sono due modi possibili per installare WordPress, uno MOLTO più semplice dell'altro.

1. Per creare un sito Web con WordPress (o Joomla e Drupal), utilizza l'"installazione con un clic":

Quasi tutte le società di hosting affidabili e consolidate hanno integrato l'installazione con 1 clic per WordPress, il che rende l'avvio un gioco da ragazzi.

Se ti sei registrato con Bluehost o qualsiasi altra società di hosting simile, dovresti trovare la tua "installazione con 1 clic" nel pannello di controllo del tuo account.

Ecco i passaggi da seguire (dovrebbero essere simili/uguali su tutte le principali società di web hosting):

1. Accedi al tuo account di hosting (Bluehost).
2. Vai al tuo pannello di controllo.
3. Cerca l'icona "WordPress" o "Sito web".
4. Scegli il dominio dove vuoi installare il tuo nuovo sito web.
5. Fai clic sul pulsante "Installa ora" e avrai accesso al tuo nuovo sito Web WordPress.

(Controlla l'immagine 2 sopra)

2. O INSTALLAZIONE MANUALE (Per coloro che non utilizzano Bluehost o altri host simili):

Se per qualche strano motivo (alcune società di hosting non forniscono l'installazione con un clic per WordPress) non hai la possibilità di installare WordPress automaticamente, guarda questa guida manuale di seguito:

1) Scarica WordPress da qui:

2) Crea una nuova cartella sul desktop e decomprimi WordPress al suo interno

3) Cerca un file chiamato wp-config-sample.php e rinominalo in: wp-config.php

4) Ora apri il file wp-config.php (ad esempio con il blocco note) e compila le seguenti righe:

• define('DB_NAME', 'database_name_qui'); – Nome del database (se non lo conosci, chiedilo al tuo supporto di hosting)
• define('DB_USER', 'nomeutente_qui'); – Il tuo nome utente di hosting
• define('DB_PASSWORD', 'password_qui'); – La tua password di hosting

Dopo aver riempito gli spazi vuoti, salva il file.

5) Ora accedi al tuo hosting ftp (scarica FileZilla per quello). L'indirizzo FTP è solitamente ftp.yourdomain.com, username e password sono gli stessi che hai usato per registrarti sul tuo host

6) Se c'è un file chiamato "index", cancellalo. Dopodiché carica tutti i file dalla tua cartella WordPress sul tuo server FTP. Credo che tu possa usare la funzione "trascina e rilascia" in FileZilla

7) Una volta completati i passaggi precedenti, vai all'URL: tuodominio.com/wp-admin/install.php Questa è la pagina che dovresti vedere: (Controlla l'immagine 3 sopra)

Basta compilare i moduli e sei pronto!

Pssst: se non hanno l'installazione con 1 clic, forse hai a che fare con un cattivo host!

Passaggio 3: progetta il tuo sito web

Una volta installato con successo WordPress sul tuo dominio, vedrai un sito molto semplice ma pulito.

Ma non vuoi assomigliare a tutti gli altri, vero?

Ecco perché hai bisogno di un tema: un modello di design che dica a WordPress come dovrebbe apparire il tuo sito web. Guarda un esempio di tema WordPress gratuito che puoi installare:

(Controlla l'immagine sopra 2)

Ecco dove diventa divertente: ci sono oltre 1500 temi fantastici e professionali tra cui scegliere e personalizzare per il proprio sit.

La maggior parte dei temi di WordPress è gratuita e altamente personalizzabile.

Ecco come trovare un tema che ti piace

1. Accedi alla dashboard di WordPress: se non sei sicuro di come, digita: https://yoursite.com/wp-admin (sostituisci "yoursite" con il tuo dominio). Ecco come appare la dashboard di WordPress:

(Controlla l'immagine sopra 3)

2. Accedi ai temi GRATUITI: una volta che sei sulla dashboard, hai accesso a oltre 1500 temi gratuiti! Basta cercare nella barra laterale "Aspetto", quindi fare clic su "Temi".

Se vuoi qualcosa di più professionale o elegante di quello che trovi qui, puoi andare su ThemeForest.net dove c'è una grande libreria di temi tra cui scegliere a costi variabili.

Ma prima di farlo, ti suggerisco davvero di provare almeno a passare un po' di tempo a sfogliare i temi gratuiti. Molti di loro sono in realtà molto professionali e ben fatti; quindi non cancellarli.

Come puoi vedere sopra, installare un nuovo tema per il tuo sito Web è molto semplice.

Puoi cercare parole chiave specifiche e/o utilizzare filtri per trovare temi adatti al tuo stile. Trovare il tema perfetto può richiedere un po' di tempo, ma ne vale la pena.

Dovresti anche cercare temi "responsive", in quanto ciò significa che avranno un bell'aspetto su qualsiasi dispositivo mobile. Inseriscilo come una delle tue parole chiave e sarai pronto!

3. Installa il tuo nuovo tema

Una volta trovato un tema che ti piace, installarlo è semplice come fare clic su "Installa" seguito da "Attiva".

IMPORTANTE: la modifica dei temi non eliminerà i post, le pagine e i contenuti precedenti. Puoi cambiare i temi tutte le volte che vuoi senza doversi preoccupare di perdere ciò che hai creato.

Passaggio 4: aggiungi contenuti al tuo sito web

Con il tuo tema installato, sei pronto per iniziare a creare contenuti. Esaminiamo rapidamente alcune delle nozioni di base:

Aggiunta e modifica di pagine:

Vuoi una pagina "Servizi" o una pagina "Chi sono" (come ho nel mio menu nella parte superiore del sito)?

1. Guarda lungo la barra laterale nel dashboard di WordPress per "Pagine" -> "Aggiungi nuovo".

2. Troverai una schermata che assomiglia molto a quella che hai forse visto in Microsoft Word. Aggiungi testo, immagini e altro per creare la pagina che desideri, quindi salvala quando hai finito. (Controlla l'immagine sopra 1)

Aggiunta di pagine al menu: se desideri che la tua nuova pagina sia collegata alla barra di navigazione, 1. Salva le modifiche apportate alla pagina facendo clic su "Aggiorna"

2. Fare clic su "Aspetto" -> "Menu" nella barra laterale della dashboard di WordPress.

3. Trova la pagina che hai creato e aggiungila all'elenco facendo clic sulla casella di controllo accanto ad essa e quindi su "Aggiungi al menu".

(Controlla l'immagine sopra 2)

Aggiunta e modifica di post:

Se hai un blog sul tuo sito web, "Post" sarà il prossimo punto a cui ti rivolgerai. Puoi utilizzare diverse categorie per raggruppare post simili.

Se vuoi aggiungere un blog al tuo sito web, puoi utilizzare diverse categorie e post. Supponiamo che tu voglia creare una categoria denominata "Blog". Aggiungilo semplicemente al tuo menu e inizia a pubblicare post.

Ecco cosa devi fare:

Crea una nuova categoria andando su “Articoli -> Categorie”

O

Crea un post sul blog andando su "Post -> Aggiungi nuovo". Una volta che hai finito di scrivere il tuo post sul blog, devi aggiungere la categoria giusta per esso

Una volta creata la tua categoria, aggiungila semplicemente al menu e sei a posto!

Personalizzazione e modifiche infinite…

In questa sezione, tratterò alcune delle cose di base che mi vengono poste continuamente che ti aiuteranno a modificare il tuo sito web.

Modifica del titolo e della tagline

I titoli delle pagine spiegano agli utenti di cosa tratta il tuo sito web. Sono anche una parte importante del modo in cui i motori di ricerca determinano le tue classifiche. Vuoi essere sicuro che abbiano le parole chiave che vuoi avere come target (ma in modo naturale, scritto per persone reali).

Dovresti utilizzare un titolo univoco in ogni pagina del tuo sito. Ad esempio, il titolo del mio sito è "Come creare un sito web".

(Non riesci a trovarlo? Tieni semplicemente il mouse sulla scheda nella parte superiore del browser web).

Gli slogan vengono aggiunti alla fine dei titoli in ogni pagina. Lo slogan del mio sito è "Guida passo passo"

Per modificare il titolo e lo slogan sul tuo sito web, vai su "Impostazioni -> Generale" e compila il modulo sottostante: (Controlla l'immagine sopra 3)

Disabilitare i commenti per i post e le pagine

Alcuni siti web (soprattutto siti aziendali/organizzativi) non vogliono che i loro visitatori possano commentare le loro pagine.

Ecco come disattivare i commenti sulle pagine di WordPress:

• 1. Mentre stai scrivendo una nuova pagina, fai clic su "Opzioni schermo" nell'angolo in alto a destra.
• 2. Fare clic sulla casella "Discussione". La casella "Consenti commenti" apparirà in basso.
• 3. Deseleziona "Consenti commenti".

Vuoi disabilitare i commenti su ogni nuova pagina per impostazione predefinita?

1. Vai su "Impostazioni -> Discussione" e deseleziona "Consenti alle persone di pubblicare commenti su nuovi articoli" (Controlla l'immagine sopra 4)

Impostazione di una prima pagina statica:

Alcune persone mi contattano dicendo che sono frustrate dal fatto che la loro home page assomigli a un post sul blog. Puoi risolvere il problema rendendo la tua home page "statica".

Una pagina statica è una pagina che non cambia. A differenza di un blog, in cui il primo nuovo articolo verrà visualizzato in alto ogni volta, una pagina "statica" mostrerà lo stesso contenuto ogni volta che qualcuno accede al sito, come una home page che hai progettato.

Per impostare una prima pagina statica:

1. Vai su “Impostazioni -> Lettura”2. Scegli una pagina statica che hai creato. "Prima pagina" indica la tua home page. La "pagina dei post" è la prima pagina del tuo blog (se l'intero sito non è un blog).

Se non scegli una pagina statica da solo, WordPress prenderà i tuoi ultimi post e inizierà a mostrarli sulla tua home page. (Controlla l'immagine sopra 5)

Modifica barra laterale:

La maggior parte dei temi WordPress ha una barra laterale sul lato destro (in alcuni casi è a sinistra).

Se vuoi eliminare la barra laterale o modificare elementi che non ti servono come "Categorie", "Meta" e "Archivi", che di solito sono inutili, ecco come:

1. Vai su "Aspetto -> Widget" nella dashboard di WordPress.

2. Da qui, puoi utilizzare il trascinamento della selezione per aggiungere diverse "caselle" alla barra laterale o rimuovere gli elementi che non desideri.

C'è anche una "casella HTML", una casella di testo in cui è possibile utilizzare il codice HTML. Per i principianti, non preoccuparti: trascina e rilascia gli elementi che desideri nella barra laterale.

Installazione di plugin per ottenere di più da WordPress

Che cos'è un plugin? I "Plugin" sono estensioni create per espandere le capacità di WordPress, aggiungendo caratteristiche e funzioni al tuo sito che non sono integrate.

Sono scorciatoie per fare in modo che il tuo sito faccia ciò che vuoi, senza dover creare le funzionalità da zero.

Puoi utilizzare i plug-in per fare qualsiasi cosa, dall'aggiunta di gallerie fotografiche e moduli di invio all'ottimizzazione del tuo sito Web e alla creazione di un negozio online.

Come installo un nuovo Plugin?

Per iniziare a installare i plugin, vai su "Plugin -> Aggiungi nuovo" e inizia semplicemente la ricerca.

Tieni presente che ci sono oltre 25.000 plugin diversi, quindi hai MOLTO tra cui scegliere!

L'installazione è semplice: una volta trovato un plug-in che ti piace, fai clic su "Installa".

Per farti risparmiare un po' di tempo, ho messo insieme un elenco dei plugin più popolari che i webmaster trovano utili:

#1 Modulo di contatto 7: Il mio sito web ha un modulo di contatto nella mia pagina Chi sono. È una funzionalità fantastica da avere, poiché le persone (come te!) Possono compilare il modulo e inviarmi un'e-mail senza accedere al proprio provider di posta elettronica. Se vuoi fare qualcosa di simile, prendi sicuramente questo plugin.

#2 Yoast SEO per WordPress: se vuoi rendere il tuo sito WordPress ancora più SEO-friendly, questo plugin è un must. È gratuito ed è fantastico. Sarai in grado di modificare i tag del titolo, le meta descrizioni e altro ancora, tutto all'interno della pagina stessa, senza più preoccuparti delle impostazioni di WordPress.

#3 Google Analytics: ti interessa monitorare i tuoi visitatori/traffico e il loro comportamento? Basta installare il plug-in, collegarlo al tuo account Google e sei pronto per partire.

Ovviamente questa è solo la punta dell'iceberg! Ecco un elenco di plugin consigliati da me:

1. Yoast SEO

2. Akismet Anti-Spam

3. WooCommerce

4. TinyMCE Advanced

5. Sicurezza di WordFence

6. Sitemap XML di Google

7. WP Super Cache

8. Dashboard di Google Analytics per WP di ExactMetrics

9. Plugin di backup WordPress UpdraftPlus

10. Elementor Page Builder

11. Compressione e ottimizzazione delle immagini Smush

E la lista continua.