Share
Nel mondo odierno della tecnologia, avere un sito Web per il tuo business è una necessità assoluta e probabilmente la parte più importante del marketing.
Quasi un terzo della popolazione mondiale utilizza Internet, sia che tu sia uno scrittore freelance, uno sviluppatore web, un oratore professionista, un agente immobiliare o un microimprenditore, è fondamentale avere una presenza online che non solo sembri professionale ma può fornire informazioni essenziali ai tuoi clienti.
Come parte della nostra serie Impostare la tua attività online senza codifica, Ti mostrerò come creare il tuo sito web professionale, per non dire eccezionale, con Squarespace che non richiede l'inserimento di una singola riga di codice.
Tradizionalmente, se si desidera un sito Web, di solito si dispone di un numero di cose da organizzare e prendere in considerazione. Questi includerebbero:
Per molti di noi, questo è quello che abbiamo sempre fatto e fatto ora. Paghiamo un host web ogni mese per lo spazio web, configuriamo il nostro software web che alimenta il nostro sito, cambia l'aspetto ed è pronto per andare.
Il web hosting può essere molto economico ma, il più delle volte, ottieni quello per cui paghi. Hosting condiviso è di gran lunga l'opzione più comune in base alla quale molti utenti condividono lo stesso server, dove le sue risorse sono condivise tra tutti i siti. A volte questi server condivisi possono avere centinaia di siti Web in esecuzione tutti allo stesso tempo. Per questo motivo, c'è sempre il pericolo che un "vicino" sul server possa configurare un sito Web che utilizza molte risorse, sia che il sito riceva una quantità di traffico incredibilmente elevata o semplicemente a causa di software configurato in modo errato. Se ciò dovesse accadere, può avere un effetto a catena, dal momento che condividi le stesse risorse e potrebbe causare la distruzione del tuo sito.
Se non sei esperto in web design o sviluppo allora potresti trovare abbastanza sconcertante. Ci saranno sempre web designer e sviluppatori che potresti assumere che sarebbero in grado di occuparsi di tutto questo per te.
Il software CMS come Wordpress lo ha reso estremamente facile da installare e, a patto di sapere come usare l'FTP e di orientarsi su un server web, non avrai problemi a settare tutto ciò. Ma se succede qualcosa al tuo sito, tocca a te risolvere il problema. Se il tuo sito fallisce o non funziona esattamente come dovrebbe, dovrai dedicare del tempo per capirlo.
Ma cosa succede se ti dicessi che puoi saltare tutto quanto sopra e che non costerebbe nulla di più che pagare per il web hosting?
Se ascolti molti podcast popolari, avrai sicuramente sentito parlare di Squarespace. Simile ad alcuni concorrenti, come Wordpress.com e Tumblr, Squarespace è un ospitato servizio. Non è necessario alcun hosting web separato e non è necessario installare alcun software. Infatti, salti quasi tutti i passaggi della nostra lista. Quindi come funziona un servizio in hosting come Squarespace e quando è una buona scelta?
Con un servizio in hosting, tutto ciò che riguarda il tuo sito web è in un unico posto. Combina una combinazione di hosting web altamente ridondante e potente software CMS, quindi non è necessario configurarli e installarli da soli.
Se qualcosa va storto con un aggiornamento o installazione, con chi parli - host web o sviluppatore software?
Avrai sempre il supporto tecnico per la maggior parte degli aspetti del tuo sito, nel caso avessi mai avuto domande o problemi. Con il web hosting tradizionale, il tuo hosting potrebbe essere con una compagnia, ma il software che vuoi utilizzare sarà un altro, mettendoti esattamente nel mezzo. Se qualcosa va storto con un aggiornamento o installazione, con chi parli - host web o sviluppatore software?
Poiché ogni cliente di Squarespace utilizza la piattaforma Squarespace, nessun altro software può essere installato. Mentre alcuni potrebbero trovare questo restrittivo se hanno un'esigenza specifica, per altri significa che la preoccupazione di qualcuno che installa erroneamente un pezzo di software che causa un errore del server è inesistente.
Squarespace offre molta ridondanza e ha persino continuato a correre di fronte a disastri naturali. Durante l'uragano Sandy nell'ottobre 2012, Squarespace ha subito un'interruzione di corrente a causa delle condizioni meteorologiche avverse. Lavorando con i loro partner di datacenter, hanno continuato a gestire i server con generatori diesel per mantenere i siti in grado di mantenere la loro garanzia di disponibilità del 99,99%.
Squarespace è anche ospitato su cloud, il che significa che se uno dei loro server dovesse fallire, un altro prende il suo posto istantaneamente, senza alcuna perdita di servizio. Confrontato con l'hosting condiviso che esiste su un singolo server, se va giù allora tutti i siti su quel server vanno giù fino a quando non viene risolto.
Squarespace offre in particolare una serie di modelli di bell'aspetto su cui possiamo costruire e personalizzare abbastanza estesamente. Rappresentano un ottimo punto di partenza per progettare il nostro sito web che funziona come se fossimo in un editor di foto. Possiamo ridimensionare i loghi, le larghezze delle pagine, cambiare i colori e le dimensioni dei caratteri mentre visualizziamo gli effetti in tempo reale.
Questo non vuol dire che i modelli di bell'aspetto non siano disponibili per la scelta del CMS se si imposta il proprio host web, lontano da esso. In effetti, ci sono alcuni modelli davvero incredibili che puoi acquistare da siti come ThemeForest. La differenza principale è che dovrai tenere in considerazione l'acquisto di un modello e tutti i costi necessari se desideri modificare fondamentalmente alcuni aspetti del modello.
Un altro vantaggio con un servizio come questo è che, sebbene il numero di modelli possa essere inferiore rispetto ad altri, è molto più flessibile e continuamente aggiornato e testato rispetto ai principali browser. Ciò significa che il tuo sito sarà lo stesso in Internet Explorer come in Google Chrome.
Le soluzioni hosted come Squarespace sono progettate per essere potenti, ma facili da usare. Il loro ampio supporto, i forum e le esercitazioni video significano che puoi imparare i dettagli del servizio tutto da solo.
Squarespace è una buona scelta se desideri creare un sito completamente funzionale che sia facile da personalizzare senza essere troppo coinvolto nel funzionamento dei siti web. Non è per tutti, comunque. Se desideri un sito completamente personalizzato con determinate funzioni che Squarespace non offre ancora, stai molto meglio con la versatilità di un host web dedicato.
Ai fini di questa serie, ho deciso di creare una nuova società di software chiamata 'Software a 2 bit'. Sono davvero entusiasta di avere un nuovo sito Web attivo e funzionante, ma sono già molto impegnato con le mie ultime app. Non ho molto tempo da dedicare alla configurazione del web hosting, all'installazione di un CMS, ecc. Invece, andrò a configurare il mio sito web in Squarespace dall'inizio alla fine.
Squarespace offre una prova di 14 giorni che non richiede informazioni di fatturazione. Questo è perfetto per me perché non voglio iniziare a pagare per un servizio che potrei non voler usare.
Visita Squarespace e fare clic Iniziare.
Prima che vengano richieste ulteriori informazioni, ci viene chiesto di selezionare il design per il nostro sito. Squarespace funziona fornendo una gamma di modelli reattivi che possono essere fortemente personalizzati. Non preoccuparti di selezionarne uno che potrebbe non piacerti, puoi cambiare i modelli in qualsiasi momento.
Mi piace molto l'aspetto del modello Aviatore. Passa il mouse sopra il modello e quindi fai clic Visualizza Aviatore. Vediamo com'e 'iniziato il nostro modello. Passa il mouse sopra la grande immagine di anteprima e seleziona Anteprima dal vivo.
Tutti i modelli di Squarespace sono reattivi, nel senso che si adattano per adattarsi al dispositivo su cui si adattano, nella maggior parte dei casi un dispositivo mobile come un iPhone. Possiamo effettivamente vedere come apparirebbe su un dispositivo mobile passando con il mouse sull'anteprima mobile e selezionando Vista cellulare.
Sono davvero contento di questo design, quindi vai avanti e seleziona Inizia con questo design. Inserisci il tuo nome e indirizzo email, nonché una password (sicura!).
Ora abbiamo creato il nostro account Squarespace, siamo automaticamente connessi al Gestore del sito. Ecco come aggiorniamo tutto sul nostro sito, dal contenuto ai colori.
Siamo in grado di accedere a funzionalità quali l'aggiunta / rimozione di pagine e altri contenuti, informazioni analitiche per dirci quante persone hanno visualizzato il nostro sito e di quali siti provengono, oltre ad alcune altre opzioni di configurazione.
Tutto ciò che Squarespace ha chiesto era il mio nome, ma voglio personalizzare il sito con il nome e le informazioni della società. Per fare ciò, selezionare il impostazioni sezione, indicata dall'icona a forma di ingranaggio.
Qui possiamo completare le informazioni dell'azienda e personalizzare il nome e la descrizione del sito. Non preoccuparti del latino assurdo, questo è solo il testo segnaposto che ho inserito.
Più in basso nella pagina, possiamo aggiungere il nostro logo e le informazioni di contatto che verranno utilizzate in alcune parti del sito.
La creazione di un nuovo sito con Squarespace richiede l'inclusione di alcuni contenuti dimostrativi. L'anteprima dal vivo del nostro modello che abbiamo visto in precedenza è in realtà ciò che abbiamo al momento. Prima di continuare, diamo un'occhiata al nostro sito così com'è adesso. Seleziona il link di anteprima che è l'icona in alto a sinistra, rappresentata da un occhio.
Come puoi vedere, il nostro logo e le modifiche alla descrizione hanno avuto effetto. Usando alcuni dei link in alto a sinistra, possiamo navigare nel contenuto demo che ci è stato fornito. Diamo un'occhiata al Menu pagina.
Ancora una volta, le nostre nuove informazioni sono già visualizzate su tutte le pagine. Tutto ciò che dobbiamo fare ora è cambiare il contenuto in ciò che vogliamo. Per accedere a Site Manager, seleziona semplicemente l'icona a forma di ingranaggio nella parte inferiore destra della pagina.
Per vedere quali pagine abbiamo, dobbiamo solo guardare sotto Navigazione colonna.
Sotto Navigazione principale sono tutte le pagine che appaiono nel menu del sito. Sotto la voce Non collegato sono pagine a cui è possibile accedere ma che non sono presenti nel menu. Questo è utile per le pagine in cui non hanno bisogno di una voce di menu, ma potrebbe essere necessario essere in grado di collegarsi altrove, come ad esempio "termini e condizioni" o una pagina "legale".
Andiamo avanti e rimuoviamo tutte le pagine tranne "info" dal contenuto della demo. Passa il mouse sopra ogni pagina e apparirà una piccola icona X, selezionala e conferma che desideri rimuovere ogni pagina. Una volta fatto, dovresti essere lasciato con quanto segue:
È ora di aggiungere una nuova pagina. Selezionare Aggiungi pagina sotto Navigazione principale.
Vogliamo solo aggiungere una pagina standard, quindi seleziona la prima opzione e poi chiamala "Home".
Vogliamo che questa sia la nostra home page, quindi quando qualcuno visita il sito, questa è la prima pagina che vedono. Passa il cursore sul nome della pagina finché non viene visualizzata l'icona di un ingranaggio, quindi selezionala. È quindi possibile rendere questa la home page.
Per aggiungere del testo, clicca dove dice Clicca qui per iniziare a digitare e inserisci del testo.
Squarespace gestisce il contenuto in blocchi. Possiamo aggiungere diversi blocchi per usi diversi, come testo, immagini, video e altro. Dato che abbiamo aggiunto la nostra prima casella di testo, aggiungiamo una regola orizzontale sotto. Clic + Aggiungi blocco e quindi selezionare Regola orizzontale. Lo posizionerà direttamente sotto il nostro blocco di testo. Se preferiamo, possiamo riorganizzare i blocchi in qualsiasi momento passandoci sopra con il mouse e trascinandoli dove vogliamo.
Successivamente, voglio aggiungere due immagini separate, affiancate. Innanzitutto, aggiungi un nuovo blocco ma questa volta seleziona Immagine. Aggiungi un'immagine di tua scelta e poi seleziona Salvare. Ora, fai lo stesso di nuovo per una seconda immagine.
Ora abbiamo due immagini, una sopra l'altra. Per spostarli uno accanto all'altro, trascina semplicemente la seconda immagine sul lato destro del primo, trascinandola in basso dove vuoi che sia. Apparirà una linea blu con la parola "colonna", che significa che vuoi aggiungerla come nuova colonna. Lascia andare il pulsante del mouse e le immagini verranno automaticamente ridimensionate e regolate per sedersi una accanto all'altra.
Selezionare Salva e pubblica, quindi fare clic Visualizza pagina in alto per vedere come appare.
Aggiungiamo un po 'più di contenuto. Torna al responsabile del sito e aggiungi un'altra pagina, chiamandola "Contattaci".
Aggiungi del testo alla casella di testo predefinita e quindi aggiungi un nuovo blocco, ma questa volta aggiungi a Modulo. Per impostazione predefinita, i nuovi moduli inviano e-mail all'indirizzo e-mail con cui ti sei registrato.
Un'ottima funzionalità dei moduli di Squarespace è che puoi utilizzarli per qualcosa di più che semplicemente inviarti un'email. Una volta che avrai più familiarità con il sistema, puoi integrare Google Docs e persino Mailchimp per sviluppare uno strumento di marketing completo, il tutto senza alcuna codifica.
Dopo aver aggiunto un nuovo modulo e averlo riposizionato, possiamo anche regolare la larghezza della colonna che condividono, dando più spazio al nostro modulo o casella di testo. Diamo un po 'più spazio al nostro modulo di contatto. Passa il mouse sopra il centro dei due blocchi e vedrai il cambio del cursore, puoi quindi fare clic e trascinare verso sinistra o verso destra, a seconda della casella a cui vuoi dare più spazio.
Una volta che hai finito, guarda la pagina.
Facciamo un'altra modifica al nostro sito prima di iniziare a modificare lo stile. Il Informazioni la pagina è bella, ma non qualcosa che vogliamo usare. Torna in Gestione sito, trascinalo verso il basso Non collegato intestazione in modo che possiamo spostarlo dal menu del sito.
Aggiungi una pagina finale chiamata "Servizi" e prova alcuni degli altri blocchi a cui potresti essere interessato. Dopo averlo fatto, riordina il menu in modo che la pagina Contatti sia l'ultima pagina del menu.
Abbiamo quasi completato il layout del nostro sito, ora per personalizzare l'aspetto del nostro sito. Se non lo stai già facendo, consulta il nostro sito in modo che tu possa vedere che aspetto ha attualmente.
Usando il menu in basso a destra sullo schermo, seleziona l'icona del pennello, questo entra nel Modalità Stile. È qui che possiamo personalizzare tutti i colori e le dimensioni che vorremmo utilizzare all'interno del nostro sito.
Per prima cosa, il mio logo è piuttosto scuro perché è su uno sfondo scuro. Cambiamo lo sfondo dell'intestazione per renderlo un po 'più leggero, quindi possiamo vederlo molto più facilmente. È possibile selezionare l'elemento da modificare selezionandolo con il mouse. Seleziona l'intestazione, assicurandoti di selezionare l'intera scatola e non il titolo o il logo.
Quando si seleziona un elemento, tutte le proprietà appropriate verranno visualizzate nella colonna di sinistra. Selezionare Intestazione di sfondo e cambiarlo in un colore molto più chiaro. Se ti piace, puoi mantenere un po 'di trasparenza.
Sembra buono. Tuttavia, il nostro testo con le nostre informazioni di contatto è un po 'difficile da leggere. Regoliamo il colore di questo testo e lo rendiamo più scuro.
Molto meglio. Il logo e il testo sono molto più chiari e più facili da vedere.
Non sono un fan del testo maiuscolo per le intestazioni. Ancora una volta, per cambiare un elemento specifico selezionalo con il mouse e l'editor di stile mostrerà le proprietà disponibili a cambiare. Cambia la trasformazione del testo in modo che non sia più in maiuscolo. Inoltre, modifica la spaziatura delle lettere a 0 pixel, in questo modo le lettere si avvicinano.
Infine, seleziona alcuni dei paragrafi standard che abbiamo scritto e cambia il font in Proxima Nova.
Se scorriamo fino al piè di pagina, possiamo vedere che la modifica dello sfondo ha reso difficile la lettura dei collegamenti. Seleziona i collegamenti, quindi regola il loro colore usando l'editor di stile.
Mentre il menu in alto a sinistra è piuttosto bello, rendilo più tradizionale posizionandolo nella parte superiore della pagina. Seleziona l'area di navigazione e la proprietà che dobbiamo cambiare viene chiamata Layout della pagina informazioni.
Cambia la proprietà in "Poster".
Ora per ridimensionare il sito. Mi piacerebbe rendere il sito un po 'più ristretto in quanto penso che potrebbe sembrare abbastanza buono. Il ridimensionamento è molto semplice, basta spostare il mouse sul bordo della pagina e fare semplicemente clic e trascinare per regolarlo.
Ho ridimensionato il sito al 50%.
Eliminiamo del tutto l'immagine di sfondo. Fai clic sullo sfondo e, nell'editor di stile, seleziona Immagine di sfondo. Mentre tutto quel caffè sembra piuttosto allettante, non si adatta molto bene al nostro sito, quindi liberiamoci di esso. Fai clic sulla piccola icona di eliminazione e rimaniamo con uno sfondo a colore singolo. In alternativa, cambialo in uno dei tuoi.
A seconda dello sfondo selezionato, potrebbe essere necessario apportare alcune modifiche ai colori. Continua semplicemente ad apportare modifiche finché non sei soddisfatto di ciò che hai.
Dal momento che abbiamo rimosso lo sfondo demo, possiamo regolare il piè di pagina per rimuovere il credito dell'immagine. Per fare ciò, uscire dallo Style Editor e selezionare la prima icona nel menu Squarespace per Editor di contenuti.
Ho regolato il footer qui per includere anche un copyright.
Finora, abbiamo impiegato circa 20 minuti per creare un sito che siamo pronti per iniziare a utilizzare. Tuttavia, non vogliamo utilizzare l'indirizzo predefinito che Squarespace ci ha fornito, vogliamo utilizzare il nostro nome di dominio!
Se ti iscrivi ai piani annuali di Squarespace, hai diritto a una registrazione gratuita del nome di dominio. Se hai già un nome di dominio, puoi semplicemente usarlo. Se ottieni un nome di dominio tramite Squarespace, questa sezione non è necessaria e puoi saltare fino alla fine.
Accedi nuovamente al Gestore del sito e selezionare impostazioni, poi domini.
Clicca su + Collega dominio esistente e quindi inserisci il tuo nome di dominio che desideri utilizzare. Questo non aggiornerà automaticamente il nostro nome di dominio per funzionare, questo semplicemente dice a Squarespace quale nome di dominio ci aspettiamo di usare. Dobbiamo cambiare qualcos'altro ...
Questa parte non è particolarmente complicata, ma non esiste una soluzione valida per tutti, dipende in realtà dal tuo registrar di domini. Se il tuo nome di dominio è attualmente con Hover o Godaddy, avranno diversi metodi per modificarli.
Per fortuna, Squarespace offre un ottimo video tutorial che copre la maggior parte dei registrar principali. Fornisce istruzioni sulle informazioni di base necessarie a tutti i registrar se sai come farlo o se il tuo registrar non viene mostrato.
L'impostazione per cambiare il tuo nome di dominio è qualcosa chiamato record DNS. Il DNS può diventare abbastanza complesso, ma in sostanza dobbiamo dire al nostro registrar di domini che quando visiteremo www.mydomain.com, vogliamo che indichi i server di Squarespace.
Il mio dominio è attualmente registrato con GoDaddy, quindi ecco le impostazioni che ho configurato utilizzando il loro pannello di controllo DNS.
Una volta che hai modificato le impostazioni DNS del dominio come richiede Squarespace, possono essere necessarie fino a 24 ore. Con i registrar come Hover, le modifiche sono quasi istantanee.
Questo è tutto! Dopo alcune ore (dipende dal DNS), il tuo sito sarà attivo e funzionante con il tuo nome di dominio personalizzato. Mentre sei nel periodo di prova, qualsiasi visita al tuo sito mostrerà un avviso che dice che il sito è ancora parte di una prova di Squarespace quindi assicurati di iscriverti prima di andare in diretta con il tuo sito.
I siti di Squarespace partono da $ 10 al mese. Puoi ottenere uno sconto se paghi annualmente e, in base al tuo utilizzo, ci sono tre diversi livelli di prezzo:
Per i clienti statunitensi e canadesi, Squarespace offre anche una soluzione completa di e-commerce per la vendita di beni fisici e digitali. Se hai sempre desiderato aprire il tuo negozio online per vendere beni fisici o software, puoi farlo facilmente.
Per la maggior parte degli utenti, i piani standard o illimitati sono le migliori opzioni. È possibile eseguire l'aggiornamento in qualsiasi momento, a meno che non si abbia bisogno di tutto lo spazio o di altri utenti per effettuare l'accesso, prima procedere con il piano standard. In effetti, continua a utilizzare la versione di prova finché non sei pronto per il lancio, ma ricorda che il tuo sito visualizza una schermata iniziale mentre sei in prova.
Quindi, come si confronta Squarespace con un host tradizionale? Molti host web offrono hosting condiviso da circa $ 5 al mese. Economico, giusto? Non dimenticare, dovrai quindi configurare il tuo software CMS, configurarlo e assicurarti che funzioni tutto. Se dovessi riscontrare problemi con il software o l'hosting, dovrai provare e prima di tutto capire dove si trova il problema e quindi avviare il supporto per l'approvvigionamento.
Wordpress è gratuito, quindi non ci sono costi aggiuntivi per usarlo ed è incredibilmente potente e molto popolare. Se non hai esperienza con l'installazione del software web, dovrai considerare le spese per far sì che qualcuno lo faccia per te.
In circa 20 minuti, siamo passati dal nulla a un sito Web completo e funzionale. C'è un costo mensile, ma al livello più basso di $ 10 al mese, è all'incirca lo stesso di una tazza di caffè decente e di una pasticceria dolce ogni mese.
Uno dei maggiori vantaggi di un servizio come Squarespace è quello che mette tu in controllo di tutta la tua presenza sul web. Ogni volta che vuoi cambiare aspetto, aggiungere una pagina, rimuovere un modulo di contatto, puoi farlo da te subito - ti consente di controllare la tua presenza online in un modo che molte persone ancora non realizzano appieno.
Accentsconagua