We LOVE checklist. E mentre sappiamo che il lancio di un nuovo sito web può essere eccitante, può anche essere uno sforzo stressante per chiunque sia esperto o meno. Invece di preoccuparsi di una manciata di cose che potrebbero andare terribilmente male quando si avvia il tuo sito, non sarebbe bello avere una comoda lista di controllo per fare riferimento prima di andare in diretta? Sei fortunato!
Comprendiamo che la maggior parte dei consulenti finanziari ha poca o nessuna esperienza con la progettazione di siti web, il che può rendere la costruzione del proprio sito un’idea molto intimidatoria. Anche se hai un’idea di base di come funziona il web, spesso può essere costoso e dispendioso in termini di tempo per intraprendere un sito web costruire da soli.
Ecco perché abbiamo sviluppato la piattaforma Twenty Over Ten non solo pensando all’utente finale, ma anche al costruttore: tu! Il nostro intuitivo CMS (Content Management System) ti offre gli strumenti per gestire autonomamente il tuo sito web come un professionista. È facile da usare, facile da usare e ricco di potenti funzionalità per principianti ed esperti!
Lista di controllo pre-lancio
Articolo #1 Aggiungi un titolo del sito
La homepage del tuo sito web è di gran lunga la pagina più pesantemente ponderata sull’intero sito web. Pertanto, è fondamentale scegliere un titolo standout per il tuo nuovo sito web. Il titolo del tuo sito web apparirà nei risultati di ricerca, nelle barre del browser e nelle notifiche dei moduli. Abbiamo capito-venire con un titolo del sito web può essere una cosa spaventosa da fare. Questa è la prima cosa che le prospettive vedranno quando atterrano sul tuo sito web.
Il titolo del tuo sito web è il tuo marchio. Essere chiari circa lo scopo del tuo sito web e prendere il vostro tempo per sviluppare un titolo sito ben congegnato al fine di aiutare la vostra società di pianificazione finanziaria distinguersi dalla concorrenza. La scelta di un buon titolo del sito aiuterà anche a dire ai visitatori di cosa tratta il tuo sito e cosa possono aspettarsi di trovare una volta atterrato sul tuo sito.
AGGIUNTA DI UN TITOLO DEL SITO:
Passo 1: Accedi alle “impostazioni del sito” dalla parte inferiore della barra laterale.
Passo 2 (caricamento di un file logo): Utilizzare il pulsante “carica logo” per importare un file. .svg, .png, o .i tipi di file jpeg sono preferiti.
Passo 3 (Aggiunta di un logotipo) : Se non si dispone di un logo specifico, utilizzare lo strumento “titolo del sito” e digitare il nome desiderato (tenere presente che questo verrà visualizzato come logo sulle pagine all’interno del tuo sito web).
Passo 4: Se si utilizza lo strumento” titolo sito”, utilizzare lo strumento” logo font ” per modificare il carattere del logotipo per abbinare il marchio desiderato.
Articolo #2 Aggiungi titoli di pagina
Tag titolo appaiono nella parte superiore del browser che si sta utilizzando, ed è importante sia per l’esperienza utente e SEO. Aggiungere e personalizzare i titoli delle tue pagine non solo darà ai visitatori del sito maggiori informazioni, ma così facendo può anche aiutare a dare ai motori di ricerca come Google maggiori informazioni sulle pagine del tuo sito e sulle informazioni che contengono.
Il tag title di una pagina web è pensato per essere una descrizione accurata e concisa del contenuto di una pagina. Nell’esempio seguente, “Cleveland, OH / Consulente finanziario femminile / Glass Financial è il tag del titolo. Dal punto di vista SEO, i tag del titolo devono essere formattati come tali: Parola chiave primaria-Parola chiave secondaria / Nome del marchio. Puoi vedere dove si trova l’azienda, una parola chiave che descrive il consulente o l’azienda e il nome dell’azienda.
PERSONALIZZAZIONE DEL TITOLO DI UNA PAGINA:
Passo 1: Accedi alle tue “impostazioni pagina” dalla barra laterale.
Passaggio 2: Il tuo slug URL della pagina predefinito sarà vuoto.
Passo 3: Puoi personalizzare completamente la tua pagina ‘titolo della pagina del browser’. Ad esempio, piuttosto che avere semplicemente “Nome dell’azienda”, puoi elencare “Nome dell’azienda | Servire Chicago, Evanston e Oakpark” per articolare ulteriormente la tua posizione geografica ai potenziali clienti. Dopo aver aggiunto il titolo di vostra scelta, fare clic sul pulsante Salva.
Passo 4: Puoi vedere il titolo del tuo browser personalizzato nella scheda sopra la tua pagina web.
Articolo #3 Aggiungi metadati a tutte le pagine& Post del blog
Le meta descrizioni spiegano ai motori di ricerca e ai ricercatori di cosa tratta il tuo sito. Includere meta descrizioni convincenti sul tuo sito può spesso essere il fattore determinante se qualcuno fa clic sul tuo sito o meno dalla SERP (pagina dei risultati dei motori di ricerca), specialmente se includi parole chiave che il ricercatore sta cercando.
Twenty Over Ten client, Forward Thinking Wealth Management, ha fatto un ottimo lavoro di includere una descrizione dei meta-dati non solo sotto il loro tag principale del titolo, ma anche sotto i sottotitoli.
Ecco il problema e dove vediamo la maggior parte dei consulenti scivolare-up. I metadati devono essere aggiunti a ogni pagina del tuo sito web. Questo include pagine principali, pagine di destinazione, e post del blog troppo!
AGGIUNTA DI METADATI ALLE PAGINE WEB:
Passo 1: Accedi alle tue “impostazioni pagina” dalla barra laterale.
Passo 2: Scorri verso il basso fino a raggiungere la casella di descrizione SEO e aggiungi i tuoi contenuti.
Passo 3: I metadati dovrebbero essere una breve descrizione di 1-2 frasi (ricca di parole chiave) del contenuto che appare in quella particolare pagina. Dopo aver aggiunto il contenuto di vostra scelta, fare clic sul pulsante Salva.
AGGIUNTA DI METADATI AI POST DEL TUO BLOG:
Passaggio 1: Accedi al tuo “gestisci post” dalla barra laterale (Un’icona).
Passaggio 2: Seleziona il post del blog a cui desideri aggiungere metadati.
Passo 3: Scorri verso il basso fino a raggiungere la casella di descrizione SEO e aggiungi i tuoi contenuti.
Passo 4: I metadati dovrebbero essere una breve descrizione della frase 1-2 (ricca di parole chiave) del contenuto che appare su quel particolare blogpost. Dopo aver aggiunto il contenuto di vostra scelta, fare clic sul pulsante Salva.
Articolo #4 Connect Forms
Hai un modulo sulla tua pagina di contatto? È importante compilare ciascuno per assicurarsi che ogni campo all’interno del modulo funzioni correttamente. Quando fai clic su Invia o invia, dovresti anche verificare che venga visualizzata la pagina di conferma o ringraziamento corretta. Infine, controlla la tua email con cui ti sei registrato per assicurarti che la tua richiesta sia stata inviata con successo. Non c’è niente di più esasperante per i visitatori del tuo sito che compilare un modulo che non funziona e come imprenditore, si desidera assicurarsi che si sta catturando quei cavi troppo!
AGGIUNTA DEI DATI DEL MODULO DI CONNESSIONE:
1) Rinomina i campi predefiniti
Passo 1: Per modificare i nomi dei campi predefiniti per il modulo, devi prima essere connesso e nella schermata di MODIFICA. Da qui passare alla pagina(s) con il modulo su di esso e fare clic sul contenuto della pagina per attivare la casella degli strumenti editor:
Passaggio 2: Da qui, seleziona l’icona </> dalla casella degli strumenti di modifica:
Passo 3: Questo passa a quella che chiamiamo la “Vista codice” del contenuto della tua pagina. Quello che stai guardando è il codice del sito web effettivo per questa pagina. All’interno di questo codice trova dove si trova il tuo modulo, dovrebbe assomigliare a questo:
Passaggio 4: Per ogni campo, sono disponibili due aree che è possibile modificare per personalizzare i campi predefiniti. Questo sarà il testo dell’etichetta e il nome del campo del campo.
Testo etichetta – Questo è il testo che gli utenti vedranno visualizzato sopra il campo.
Nome campo-Questo è per l’elaborazione del modulo e deve essere tutto minuscolo e non contenere spazi.
Così,’ dire che si voleva modificare il campo “Telefono” per dire “il Tuo Numero di Telefono”:
<div class="form-item"> <label>Phone</label> <input class="form-control" name="contact" type="text" /></div>Per modificare l’Etichetta di Testo, cercare la seguente:
<label>Phone</label>Che può essere modificata:
<label>Your Phone Number</label>Successivamente, ti consigliamo di cambiare il nome del campo, cercare qualcosa come il seguente:
<input class="form-control" name="contact" type="text" />All’interno del codice di campo, vedrai quanto segue:
name="contact"Il nome del campo è tra parentesi. Quindi cambieresti questo in:
name="contact"Nota: si consiglia di abbinare il testo dell’etichetta con il nome del campo come nell’esempio precedente, poiché il nome del campo viene utilizzato nelle notifiche e-mail generate.
Punto 5: Una volta che hai finito, fai clic sull’icona </> in alto a destra della vista del codice per tornare all’editor visivo e vedere il modulo aggiornato!
Hai rinominato con successo il campo del modulo! Se tutto sembra a posto, non dimenticare di premere Salva modifiche e procedere attraverso il processo di pubblicazione per rendere i tuoi aggiornamenti in diretta!
2) Aggiungi testo a riga singola
Un campo di testo a riga singola è utile per raccogliere il testo inserito dall’utente per brevi risposte a 2-5 parole (es. nome dell’azienda, età, codice postale, ecc.)
Passo 1: Per aggiungere questo, devi prima essere connesso e nella schermata di modifica. Da qui passare alla pagina(s) con il modulo su di esso e fare clic sul contenuto della pagina per attivare l’editor toolbox e fare clic sul </> icona per attivare la “Vista codice”.
Passo 2: all’Interno di questo codice dove trovare il modulo si trova, dovrebbe essere qualcosa come questo:
Step 3: Ogni campo è contenuto all’interno di questo codice: <div class="form-item"> ... </div>, quindi assicurati di incollare il codice che hai copiato sopra in modo che cada prima o dopo il codice dell’altro campo.
Passaggio 4: Si desidera modificare il testo dell’etichetta e il nome del campo di questo campo, come descritto nella prima sezione sopra.
3) Aggiungi testo multilinea
I campi di testo multilinea sono ideali per domande a lungo termine.
Passo 1: Per aggiungere questo, devi prima essere loggato e nella schermata di MODIFICA. Da qui passare alla pagina(s) con il modulo su di esso e fare clic sul contenuto della pagina per attivare l’editor toolbox e fare clic sul </> icona per attivare la “Vista codice”.
Passo 2: all’Interno di questo codice dove trovare il modulo si trova, dovrebbe essere qualcosa come questo:
Step 3: Ogni campo è contenuto all’interno di questo codice: <div class="form-item"> ... </div>, quindi, essere sicuri di incollare il codice copiato in precedenza, in modo che cade prima o dopo l’altro codice di campo.
Fase 4: Si desidera modificare il testo dell’etichetta e il nome del campo di questo campo, come descritto nella prima sezione sopra.
4) Aggiungi Select Dropdown
Seleziona i campi a discesa sono ideali per opzioni lunghe e predefinite.
Passo 1: Per aggiungere questo, devi prima essere loggato e nella schermata di MODIFICA. Da qui passare alla pagina(s) con il modulo su di esso e fare clic sul contenuto della pagina per attivare l’editor toolbox e fare clic sul </> icona per attivare la “Vista codice”.
Passaggio 2: All’interno di questo codice trova dove si trova il tuo modulo, dovrebbe assomigliare a questo:
Passaggio 3: Ogni campo è contenuto in questo codice: <div class="form-item"> ... </div>, quindi assicurati di incollare il codice che hai copiato sopra in modo che cada prima o dopo il codice dell’altro campo.
Passaggio 4: Si desidera modificare il testo dell’etichetta e il nome del campo di questo campo, come descritto nella prima sezione sopra, ma si desidera anche personalizzare le opzioni a discesa disponibili per gli utenti. Per fare ciò, è sufficiente aggiungere / rimuovere quanto segue dal codice copiato e incollato: <option>Option 1</option>
Noterai che il primo <option> è impostato in modo leggermente diverso. Questa è un’opzione predefinita opzionale per dire agli utenti cosa fare, come indicato dal codice disabled="disabled" e selected="selected". Sentitevi liberi di modificare il testo per questa opzione pure, o rimuovere l’opzione del tutto.
5) Aggiungi pulsanti di opzione
I campi dei pulsanti di opzione sono un altro ottimo modo per mostrare le opzioni a risposta singola.
Passo 1: Per aggiungere questo, devi prima essere loggato e nella schermata di MODIFICA. Da qui passare alla pagina(s) con il modulo su di esso e fare clic sul contenuto della pagina per attivare l’editor toolbox e fare clic sul </> icona per attivare la “Vista codice”.
Passo 2: all’Interno di questo codice dove trovare il modulo si trova, dovrebbe essere qualcosa come questo:
Step 3: Ogni campo è contenuto all’interno di questo codice: <div class="form-item"> ... </div>, in modo da essere sicuri si incolla il codice copiato in precedenza, in modo che cade prima o dopo l’altro codice di campo:
Step 4: Si desidera modificare il testo dell’etichetta e il nome del campo di questo campo, come descritto nella prima sezione sopra, ma sarà anche necessario personalizzare il valore delle opzioni del pulsante di opzione e visualizzare il testo.
Il valore qui è quello che vedi come: value="1", basta cambiare il 1 in qualsiasi testo che vuoi mostrare nelle notifiche e-mail. Il testo visualizzato è quello che vedi come: Option 1, che mostra subito prima del tag di chiusura </label>. Questo è il testo che l’utente vedrà per questa opzione, cambia questo in qualsiasi cosa desideri.
Nota: È possibile aggiungere/rimuovere un numero illimitato di opzioni del pulsante di opzione. Per creare pulsanti di opzione aggiuntivi in un set è sufficiente copiare e incollare il codice precedente prima o dopo altre opzioni e personalizzare il valore del pulsante.
Importante: quando si modifica il nome del campo, si noti che tutti i pulsanti di opzione in un set devono condividere lo stesso nome del campo. Non dare loro nomi di campo diversi, altrimenti saranno trattati come un campo completamente diverso.
6) Aggiungi caselle di controllo
Le caselle di controllo sono perfette per le domande a scelta multipla.
Passo 1: Per aggiungere questo, devi prima essere loggato e nella schermata di MODIFICA. Da qui passare alla pagina(s) con il modulo su di esso e fare clic sul contenuto della pagina per attivare l’editor toolbox e fare clic sul </> icona per attivare la “Vista codice”.
Passo 2: All’interno di questo codice trova dove si trova il tuo modulo, dovrebbe assomigliare a questo:
Passaggio 4: Ogni campo è contenuto all’interno di questo codice: <div class="form-item"> ... </div>, quindi assicurati di incollare il codice che hai copiato sopra in modo che cada prima o dopo il codice dell’altro campo.
Passaggio 4: Si desidera modificare il testo dell’etichetta e il nome del campo di questo campo, come descritto nella prima sezione sopra, ma sarà anche necessario personalizzare il valore delle opzioni della casella di controllo e visualizzare il testo. Per fare ciò, è sufficiente trovare quanto segue all’interno del codice che si copia e incollato:
Il valore qui è quello che vedi come: value="1", basta cambiare il 1 in qualsiasi testo che vuoi mostrare nelle notifiche e-mail. Il testo visualizzato è quello che vedi come: Option 1, che mostra a destra prima della chiusura </label> tag. Questo è il testo che l’utente vedrà per questa opzione, cambia questo in qualsiasi cosa desideri.
Articolo #5 Aggiungi una Favicon
La Favicon (abbreviazione di icona preferita) è essenzialmente una piccola icona associata a un particolare sito web. I browser che supportano le favicon in genere visualizzano l’icona nella barra degli indirizzi del browser, nei segnalibri e nella cronologia. Favicon che sono ben progettati in genere abbinare il logo della vostra azienda o il tema del tuo sito web. L’aggiunta di una favicon al tuo sito web offre ai visitatori un modo rapido per riconoscere il tuo sito web con un solo sguardo.
Twenty Over Ten client, Fit Wealth Advisors ha l’icona “Fit” che si apre a sinistra quando lega il loro nome nel motore di ricerca.
AGGIUNTA DI UNA FAVICON:
Si consiglia di creare una favicon con dimensioni minime di 16x16px. All’interno della piattaforma Twenty Over Ten aggiungere la propria favicon è facile. Quando carichi la tua favicon, tieni presente che i tipi di file PNG o ICO sono preferiti.
Fase 1: Accedi alle tue “impostazioni del sito” dalla parte inferiore della barra laterale.
Passaggio 2 (caricamento di un file logo)
Utilizzare il pulsante “Carica logo” per importare un file
Nota: .svg, .png, o .i tipi di file jpeg sono preferiti.
Passaggio 3 (Aggiunta di un logotipo): Se non hai un logo specifico, usa lo strumento “titolo sito” e digita il nome che desideri (tieni presente che questo verrà visualizzato come logo sulle pagine del tuo sito web).
Passaggio 4: Se si utilizza lo strumento” titolo sito”, utilizzare lo strumento” carattere logo ” per modificare il carattere del logo in modo che corrisponda al marchio desiderato.
Articolo #6 Aggiungi Analytics
Monitoraggio e monitoraggio del tuo sito web l’analisi è fondamentale ed è il fondamento di un sito web basato sulle prestazioni. Google Analytics offre agli utenti un’enorme quantità di dati e può essere facilmente integrato nel tuo sito web Twenty Over Ten. Se non si dispone di una configurazione di account Google Analytics è possibile impostare uno qui.
AGGIUNTA DI GOOGLE ANALYTICS AL TUO SITO WEB:
Passo 1: Accedi al tuo “impostazioni del sito” dalla barra laterale.
Passaggio 2: fare clic sulla scheda integrazioni per espandere e visualizzare tutti i dettagli dell’integrazione.
Passo 3: Dopo aver inserito il codice di Google Analytics, fai clic sul pulsante Salva.
Per integrare il tuo account Google Analytics con il tuo sito web Twenty Over Ten avrai bisogno del tuo numero di account Google Analytics. L’ID di tracciamento fornito da Google Analytics è una stringa di lettere e numeri come UA-000000-2. Questo deve essere incluso nel codice di monitoraggio per indicare ad Analytics a quale account e proprietà inviare i dati. La prima serie di numeri (-000000, nell’esempio precedente) si riferisce al numero di conto e la seconda serie di numeri (-2) si riferisce al numero di proprietà specifico associato all’account. Ecco le istruzioni di base su dove trovare il tuo ID di monitoraggio all’interno del tuo account Google Analytics.
Articolo #7 TEST TEST TEST
Non possiamo dirlo abbastanza-prova, prova e prova di nuovo! Quando il tuo sito web funziona bene, ti aiuterà a far crescere il tuo business in modo esponenziale. Tuttavia, senza l’uso di analisi e test, non saprai mai come funziona il tuo sito Web e come migliorare le prestazioni del tuo sito. Testare il tuo sito web prima del lancio è incredibilmente importante per trovare eventuali problemi e correggere eventuali bug che potrebbero potenzialmente danneggiare l’esperienza dell’utente.
Resto ha assicurato il nostro team è sempre il test, schiacciamento bug e migliorare la nostra piattaforma, ma ci sono alcuni altri elementi della pagina che raccomandiamo ai nostri utenti di revisione per l’assicurazione di qualità prima di lanciare il tuo nuovo sito web, come:
- Link: pensiamo che non c’è nulla di peggio che cliccando su un link che non porta da nessuna parte o completamente irrilevante pagina. Clicca su ogni link sul tuo sito per testare ed essere sicuri che stanno andando dove si intendeva loro di andare.
- Grammatica e ortografia: hai dedicato molto tempo a sviluppare contenuti solidi per il tuo sito web. Non lasciarlo andare sprecato perdendo errori stupidi. Dopo aver guardato il tuo sito per ore (forse anche settimane) alla fine può essere facile perdere errori. Considera di chiedere a un collega o partner di dare un’occhiata al tuo sito di test prima di avviarlo per rilevare eventuali errori ortografici e grammaticali.
- Look and feel: Fai un passo indietro e dai un’occhiata alle tue immagini e ai blocchi di contenuti. C’è abbastanza spazio bianco o tutto sembra smooshed? Assicurarsi che la spaziatura è adeguata, la tavolozza dei colori riflette la vostra identità di marca e lo stile generale è alla pari. Inoltre, assicurarsi che il sito web scorre bene. La maggior parte dei siti web di società di consulenza hanno una durata media di visita di poco più di un minuto. Mantenerlo semplice e facile da navigare. Non c’è motivo per cui devi dire il tuo messaggio con più di cinque pagine.
Lottando con quali contenuti condividere sui social media o via e-mail?
Offriamo l’accesso ai nostri contenuti per i consulenti da utilizzare tramite Lead Pilot per 7 giorni completamente gratuito (anche sui nostri piani mese per mese).
Ottieni tutti i dettagli qui
Circa l’autore
Blair Kelly
Blair è un assistente di marketing digitale a Twenty Over Ten e ha una passione per scoprire ciò che spinge il traffico online e il più alto impegno. Lei segue più animali su Instagram rispetto agli esseri umani e il suo più grande successo è sua figlia, Grigio.