La terza parte della nostra guida passo-passo ti guiderà attraverso le ultime cinque parti per costruire il tuo sito web, semplificando la vita a tutti i non-techies presenti
Questa è la terza parte di questa guida passo-passo che ti spiega come creare e avviare il tuo sito web. Permettetemi di ricordarvi rapidamente quelle cose che abbiamo imparato nella prima parte e nella seconda parte.
Nella prima parte abbiamo cercato di scegliere un nome di dominio e cosa dovresti considerare quando lo fai. Abbiamo anche acquistato il nome di dominio e come potrebbe essere vantaggioso tenere separati l'hosting e il nome di dominio. Questa parte della guida ha anche esaminato alcune delle opzioni CMS più popolari.
La seconda parte ha sottolineato l'importanza della scelta di un host web affidabile. Ha anche esplorato le differenze tra hosting condiviso, hosting VPS e hosting gestito. Inoltre, il blog ha esaminato i mercati che offrono modelli di siti Web già pronti, tra cui TemplateMonster, ElegantThemes e ThemeForest.
Ora, seguiremo gli ultimi cinque passaggi che è necessario seguire per creare il sito Web della società.
6. Scegli il tuo tema
Una volta che hai completato tutti i passaggi nei blog precedenti, è tempo di cercare il modello del tuo sito web. Questi sono insiemi di pagine pronte che sono pre-progettate e incredibilmente facili da usare. Ovviamente, non è necessaria esperienza di codifica, abilità extra o conoscenze speciali per sfruttare al meglio i tuoi modelli, quindi sono un'ottima opzione indipendentemente dal tuo livello di abilità.
Il pacchetto può includere una varietà di pagine già pronte, tra cui:
- Contatti
- blog
- Mappe
- Galleria
- I nostri progetti
- Negozio
- Contattaci
- La nostra squadra
- Risposta
Oltre a questi, ci saranno molti componenti dell'interfaccia utente, tendenze del web design, funzionalità moderne e altro ancora.
Quindi, come scegli il tema giusto per il tuo sito? Per cominciare, dovresti sapere tutto sulle funzionalità di cui hai assolutamente bisogno. Per aiutarti a creare un elenco di funzionalità indispensabili per il tuo sito, eccone alcune che ti servono davvero per assicurarti che i tuoi modelli includano:
Navigazione
Inutile dire che la navigazione è la prima cosa su cui dovresti lavorare, poiché i clienti faranno uso del tuo sistema di navigazione non appena apriranno il tuo sito web. Dopo tutto, anche il miglior design del sito Web non impressionerà le persone se non possono navigare facilmente nel tuo sito.
La scelta di un'opzione di navigazione di facile utilizzo, come quella vista sopra con il tema Naturio WooCommerce, garantisce che tutti possano trovare ciò che stanno cercando.
Ecco alcune altre funzionalità da tenere in considerazione quando scegli il tema o il modello:
MegaMenu
Questo è un plugin di prim'ordine che ti consente di creare menu di varia complessità. Puoi arricchire il menu con immagini, icone, vettori, animazioni e altri elementi visivi per renderlo più accattivante.
Con questo plugin a bordo, potrai ordinare tutti i tuoi articoli, prodotti, servizi e pagine. Ci saranno molte categorie e sottocategorie, quindi il web design non sembrerà sovraccarico. Inoltre, questo plugin può aiutare a migliorare i risultati SEO.
Menu Hamburger
Un'altra caratteristica interessante da cercare quando si gestisce un sito è un menu Hamburger. Questa piccola opzione nasconderà molte informazioni, mantenendo il tuo sito ordinato e ordinato. Se vuoi mostrare molti dettagli e mantenere il sito web minimalista, un menu Hamburger è sicuramente un must.
Menu stick-to-top o appiccicoso
Per dirla semplicemente, questo menu rimane sempre nella parte superiore del sito, indipendentemente dalla pagina a cui un utente fa clic. Inoltre, non scomparirà quando un cliente scorre la galleria verso il basso. Di conseguenza, i visitatori del tuo sito Web non dovranno scorrere tutte le pagine di backup per aprire un'altra sezione, contribuendo a migliorare l'esperienza dell'utente.
Pulsante Torna all'inizio
Questo piccolo elemento di web design contribuisce a rendere più confortevole la navigazione del sito web. Come suggerisce il nome, questo pulsante riporta il visitatore in cima alla pagina. Piuttosto che dover scorrere verso l'alto, le persone saranno in grado di tornare all'inizio del sito con un solo clic.
Design reattivo
Nell'era moderna del web design, il responsive design è qualcosa di cui hai veramente bisogno. Visitando il tuo sito Web, i clienti si aspettano già che sia pienamente reattivo, in modo che possano accedervi tramite qualsiasi dispositivo.
Significa che il tuo sito si adatta a qualsiasi gadget e qualsiasi dimensione dello schermo. Tutti gli elementi (inclusi media, testi e video) verranno automaticamente convertiti nella dimensione richiesta. Ciò migliora l'esperienza mobile, che rappresenta gran parte della navigazione.
Mobile-first design
In alternativa, puoi utilizzare un design mobile-first. Questa funzione inizia a creare il tuo sito web con la sua versione mobile. Sarà disponibile per i clienti anche quando il sito desktop è ancora in costruzione, consentendo alle persone di visitare il tuo sito e conoscere la tua azienda.
Compatibilità cross-browser
Inutile dire che il tuo sito web dovrebbe anche essere compatibile con i browser. Ciò significa che è costruito in modo che i clienti possano visitarlo e ottenere la stessa esperienza su tutti i browser.
Pagine mobili accelerate (AMP)
Infine, dovresti sapere quali sono gli AMP. Le Pagine mobili accelerate sono un altro modo per creare un sito web veloce e ottimizzato per i dispositivi mobili. Ci sono molti vantaggi, tra cui una maggiore velocità di caricamento sui dispositivi mobili, ma il principale è che renderanno il tuo sito mobile davvero leggero.
Ricerca intuitiva
Raccomando anche di aggiungere una ricerca intuitiva al tuo web design. Questo tipo di ricerca mostra risultati suggeriti quando un utente sta digitando la sua richiesta. Aiuterà il visitatore a trovare rapidamente esattamente ciò che sta cercando.
Facile contatto
La funzione finale che dovresti utilizzare è un modo in cui gli utenti possono contattarti. È importante garantire che le persone siano in grado di contattarti con domande o reclami in modo rapido e semplice, soprattutto perché potrebbe ridurre i reclami dei social media. Utilizza funzionalità come un modulo di contatto rapido e chat dal vivo. Ci sono un certo numero di ottimi plugin per chat live disponibili per WordPress.
Oltre a queste funzionalità, il tuo sito dovrebbe:
- Sii semplice in modo che le persone non si confondano.
- Includi il logo della tua azienda o qualsiasi altra immagine che renderà il tuo marchio facile da ricordare.
- Utilizza i pulsanti call to action (CTA).
- Essere SEO-friendly.
- Sii pronto per la traduzione.
Opzioni aggiuntive
Ora che conosci i principali must-have di qualsiasi sito web, passiamo alle funzionalità aggiuntive che potresti voler utilizzare. Di seguito, ho selezionato le funzioni che ti aiuteranno a promuovere alcuni prodotti o servizi, quindi potresti prendere in considerazione l'idea di introdurli sul tuo sito.
Prodotti sponsorizzati
I prodotti più votati o prodotti in primo piano possono essere un ottimo modo per mostrare alle persone quali prodotti sono stati acquistati da altri, evidenziare eventuali offerte o promuovere prodotti quando si dispone di un eccesso di stock. Diversi temi hanno nomi diversi per questa opzione, ma tutti ti permettono di selezionare i prodotti più popolari e mostrarli nella tua pagina principale.
contatori
In secondo luogo, dai un'occhiata ai contatori moderni. Sono un buon modo per attirare visitatori e coinvolgerli in qualsiasi offerta. Ad esempio, un'opzione è un conto alla rovescia, che mostra quanto tempo un utente ha fino alla fine o all'inizio di qualcosa, come uno sconto. Senza dubbio, è un modo vincente per promuovere nuovi articoli, informare le persone di una vendita e molto altro ancora.
Accesso sociale
Assicurati che il tuo sito web sia collegato a tutte le piattaforme di social media più diffuse. Utilizza l'opzione Accesso social per consentire alle persone di visitare il tuo sito Web o aggiungere i loro dettagli tramite i loro account di social media. Questo li aiuterà a saltare un lungo processo di registrazione – che può avere un alto tasso di abbandono – e può portare più traffico sociale al tuo sito.
Insta Gallery
Se hai una buona presenza su Instagram, potrebbe essere una buona idea aggiungere una Insta Gallery alla tua home page. Ciò ti consentirà di mostrare contenuti generati dagli utenti e fornire prove sociali sui tuoi prodotti. Puoi configurarlo per mostrare le immagini degli utenti che hanno utilizzato un hashtag specifico associato al tuo marchio.
blog
Un blog è importante per il SEO, in quanto consente di sviluppare una strategia di marketing dei contenuti basata sulla ricerca di parole chiave, che può aiutarti a migliorare le classifiche di ricerca. Fornisce inoltre al pubblico informazioni, contenuti accattivanti e pertinenti. Assicurati di mantenerlo attivo.
Tendenze del design Web
Quando hai finito con la parte tecnica del sito web, probabilmente vorrai avere un paio di funzionalità di tendenza. Ecco le tendenze del web design popolari nel 2019 che potresti voler prendere in considerazione:
- Illustrazione 3D
- Tipo delineato
- Stili di illustrazione iconoclasta più diversi
- Tipo vintage
- Design inclusivo
- Grassetto tipografia
- Griglia spezzata e layout asimmetrici
- Design ed elementi fluidi / organici
- Design estetico nostalgico
- Trattamenti di immagine più avanzati / elevati
- Monocromatico e assenza di colore
- Elementi di design sovrapposti
- Aree di eroe / intestazioni reinventate
- Navigazioni grandi e sperimentali
- Serif sullo schermo
- Diversità
- Navigazione intuitiva
- Glitch art
- Forme naturali e organiche
- Microinterazioni, ecc.
Non dimenticare che avrai bisogno solo di alcune di queste funzionalità, altrimenti il tuo sito web rischia di diventare eccessivamente complicato.
7. Installa il tema
Quando sei sicuro di aver trovato il tema giusto per il tuo marchio, è ora di installarlo. Come sempre, questo processo dipende dal CMS scelto, ma l'installazione è la stessa per quasi tutti i prodotti. Ad esempio, ti mostrerò come installare un tema del sito Web basato su WordPress. Per farlo, dovresti:
- Scarica il tema
- Installalo
- Scegli uno o più modelli dal pacchetto
- Combina i dettagli necessari
- Scegli uno schema di colori
- Personalizza tutti i dettagli (icone, pulsanti, sezioni, ecc.)
- Trova immagini uniche
- Carica nuovi contenuti
- Controlla come sembra
- È tutto!
Vale la pena ricordare che non tutti i temi WordPress richiedono l'ultima versione di WP, ma si consiglia di utilizzare sempre la versione più recente del CMS in quanto renderà il tuo sito più veloce, ridurrà i rischi per la sicurezza e corregge eventuali bug presenti nel versione precedente. Un aggiornamento è gratuito, quindi puoi semplicemente scaricare WordPress dal loro sito ufficiale.
Come scaricare WordPress
Nel caso in cui decidessi di aggiornare WP o semplicemente di non averlo mai scaricato, l'unica cosa che devi fare è scarica WordPress dal sito ufficiale. Non appena hai fatto questo, decomprimi i file con qualsiasi archiviatore di file. Questo processo è molto semplice ma, se necessario, puoi trovare molti video e altri tutorial online.
Il tuo prossimo passo sarà caricare WordPress sul server di hosting. L'unica cosa che devi fare è caricare i file della piattaforma in:
- Il PUBLIC_HTML
- O directory WWW.
E questo è tutto! Ora puoi creare un database.
8. Progetta il tuo sito
Infine, è il momento di arricchire il tuo sito web. Sai già quali funzionalità hai assolutamente bisogno, quindi, si spera, hai scelto un tema che li include. Quello di cui hai bisogno per capire ora è quale stile vuoi usare per il tuo sito. Attualmente, i disegni web più popolari sono:
- Design minimalista
- Design piatto
- Design dei materiali
- Design neutro
- Design urbano
- aziendale
Questi sono popolari perché tutto ciò che riguarda questi disegni è semplice. Sono puliti, ordinati, leggibili e facili da usare. Inoltre, è sempre più facile promuovere le informazioni scelte con un design minimalista, poiché gli utenti non saranno confusi da un design eccessivo. Tuttavia, indipendentemente dal web design che si sta per utilizzare, tenere presente che tutti gli aspetti del sito devono armonizzarsi tra loro.
9. Riempi il tuo sito web con i contenuti
Questo sarà il passo più facile e veloce perché, al giorno d'oggi, tutti i temi premium sono compatibili con i creatori e privi di codice. Quando si tratta di WordPress, puoi caricare i tuoi contenuti e organizzare le tue pagine con Elementor senza intoppi.
Tuttavia, vale la pena ricordare le parole chiave per le quali si desidera classificare e le migliori pratiche SEO quando si scrive il contenuto. Vuoi garantire che il contenuto del tuo sito informi i visitatori, ma vuoi anche che ti aiuti a classificarti meglio.
Se stai usando WordPress, ci sono alcuni passi da fare per garantire che il tuo sito sia ottimizzato per il SEO.
10. Tienilo aggiornato
Sebbene si possa pensare che tutto il lavoro sia fatto, la creazione del sito Web è solo il primo passo. Per mantenere il pubblico impegnato, il tuo sito web dovrebbe avere aggiornamenti regolari. Ecco alcuni semplici modi per far apparire il tuo sito fresco:
- Cambia i tuoi pulsanti CTA.
- Carica nuovi banner, griglie e altri promo.
- Crea una newsletter pop-up e usala per informare i clienti su sconti e offerte.
- Esegui un blog e aggiornalo regolarmente. Puoi mostrare i tuoi post più popolari e più recenti sulla pagina principale.
- Integrare i tuoi account di social media con il tuo sito Web per mostrare nuovi contenuti.
Pensieri finali
Come puoi vedere, la creazione di siti web non è un grosso problema e non hai bisogno di un sacco di abilità tecniche per creare un sito web funzionante. Grazie a tutte queste utili funzioni e ai prodotti orientati all'utente, è possibile eseguire un sito eccezionale senza problemi.
Ricorda che per attirare visitatori, migliorare la conversione e creare una buona esperienza utente, il sito web dovrebbe:
- B visitatore-friendly
- Sii mobile-friendly
- Usa impostazioni flessibili (per te e per i visitatori)
- Include contenuti ottimizzati per i motori di ricerca e funzionalità di progettazione
- Avere navigazione facile da usare per i principianti