Lista de verificare pentru lansarea site-ului web: Cele mai bune 7 lucruri de făcut înainte de lansarea live

IUBĂM listele de verificare. Și, deși știm că lansarea unui nou site web poate fi incitantă, poate fi, de asemenea, un efort stresant pentru oricine, indiferent dacă aveți sau nu experiență. În loc să vă faceți griji pentru o mână de lucruri care ar putea merge teribil de prost atunci când vă lansați site-ul, nu ar fi bine să aveți o listă de verificare la îndemână la care să faceți referire înainte de a intra în direct? Ai noroc!

Înțelegem că majoritatea consilierilor financiari au puțină sau deloc experiență în designul site-urilor web, ceea ce poate face construirea propriului site o idee foarte intimidantă. Chiar dacă aveți o idee de bază despre cum funcționează web-ul, poate fi adesea costisitor și consumatoare de timp să construiți un site web pe cont propriu.

De aceea am dezvoltat platforma Twenty Over Ten nu numai pentru utilizatorul final, ci și pentru constructor – tu! Sistemul nostru de management al conținutului (CMS) intuitiv vă oferă instrumentele pentru a vă gestiona în mod autonom site-ul web ca un profesionist. Este ușor de utilizat, ușor de utilizat și dotat cu funcții puternice atât pentru începători, cât și pentru experți!

Lista de verificare înainte de lansare

Elementul #1 Adăugați un titlu de site

Pagina de pornire a site-ului dvs. este de departe cea mai ponderată pagină de pe întregul site. Prin urmare, este esențial să alegeți un titlu remarcabil pentru noul dvs. site web. Titlul site-ului dvs. web va apărea în rezultatele căutării, în barele de browser și în notificările de formular. Am înțeles – a veni cu un titlu pentru site-ul web poate fi un lucru înfricoșător de făcut. Acesta este primul lucru pe care îl vor vedea clienții potențiali când ajung pe site-ul dvs.

Titlul site-ului dvs. este marca dvs. Fiți clar cu privire la scopul site-ului dvs. și alocați-vă timp pentru a dezvolta un titlu de site bine conceput, pentru a vă ajuta firma de planificare financiară să iasă în evidență față de concurență. Alegerea unui titlu bun de site va ajuta, de asemenea, să le spună vizitatorilor despre ce este site-ul dvs. și ce se pot aștepta să găsească odată ce ajung pe site-ul dvs.

ADĂUGAREA UNUI TITL DE SITE:

Pasul 1: Accesați „setările site-ului” din partea de jos a barei laterale.

Pasul 2 (încărcarea unui fișier logo): Folosiți butonul „încărcați logo” pentru a importa un fișier. Sunt preferate tipurile de fișiere .svg, .png sau .jpeg.

Pasul 3 (Adăugarea unui logo): Dacă nu aveți o siglă specifică, utilizați instrumentul „titlul site-ului” și introduceți numele dorit (rețineți că acesta se va afișa ca siglă pe paginile site-ului dvs.).

Pasul 4: Dacă utilizați instrumentul „titlul site-ului”, utilizați instrumentul „font logo” pentru a schimba fontul logotipului pentru a se potrivi cu marca dorită.

Elementul #2 Adăugați titluri de pagină

Etichetele de titlu apar în partea de sus a browserului pe care îl utilizați și este important atât pentru experiența utilizatorului, cât și pentru SEO. Adăugarea și personalizarea titlurilor paginilor dvs. nu numai că le va oferi vizitatorilor site-ului mai multe informații, dar acest lucru poate ajuta, de asemenea, să ofere motoarelor de căutare precum Google mai multe informații despre paginile de pe site-ul dvs. și despre informațiile pe care le conțin.

Eticheta de titlu a unei pagini web este menită să fie o descriere precisă și concisă a conținutului unei pagini. În exemplul de mai jos, „Cleveland, OH | Femeie consilier financiar | Glass Financial este eticheta de titlu. Din perspectiva SEO, etichetele de titlu ar trebui formate astfel: Cuvânt cheie primar – Cuvânt cheie secundar | Nume de marcă . Puteți vedea unde se află firma, un cuvânt cheie care descrie consilierul sau firma și numele afacerii.

PERSONALIZAREA TITLULUI PAGINEI:

Elementul #3 Adăugați metadate la toate paginile și postările de blog

Metadescrierile explică motoarele de căutare și celor care caută despre ce este vorba despre site-ul tău. Includerea unor meta descrieri convingătoare pe site-ul dvs. poate fi adesea factorul determinant dacă cineva face clic pe site-ul dvs. sau nu din SERP (pagina cu rezultatele motorului de căutare), mai ales dacă includeți cuvinte cheie pe care le caută utilizatorul.

Clientul Twenty Over Ten, Forward Thinking Wealth Management, a făcut o treabă grozavă incluzând o descriere a metadatelor nu numai sub eticheta principală a titlului, ci și sub titluri.

Iată care este problema și unde vedem cei mai mulți consilieri greșind. Metadatele trebuie adăugate în fiecare pagină a site-ului dvs. web. Aceasta include și paginile principale, paginile de destinație și postările de blog!

Adăugarea de metadate la paginile DVS. WEB:

ADĂUGAREA METADATELOR LA POSTĂRILE TĂU DE BLOG:

Pasul 1: Accesați „gestionați postările” din bara laterală (pictograma A).

Pasul 2: Selectați postarea de blog la care doriți să adăugați metadate.

Pasul 3: Derulați în jos până ajungeți la caseta de descriere SEO și adăugați conținutul dvs.

Pasul 4: metadatele dvs. ar trebui să fie o scurtă descriere de 1-2 propoziții (bogată în cuvinte cheie) a conținutului care apare pe respectiva postare de blog. După ce ați adăugat conținutul dorit, faceți clic pe butonul de salvare.

Elementul #4 Formulare de conectare

Ai un formular pe pagina ta de contact? Este important să le completați pe fiecare pentru a vă asigura că fiecare câmp din formular funcționează corect. Când faceți clic pe Trimiteți sau Trimiteți, ar trebui să verificați, de asemenea, că apare pagina corectă de confirmare sau de mulțumire. În cele din urmă, verificați e-mailul cu care v-ați înscris pentru a vă asigura că solicitarea a fost trimisă cu succes. Nu este nimic mai enervant pentru vizitatorii site-ului dvs. decât să completați un formular care nu funcționează și, în calitate de proprietar de afaceri, doriți să vă asigurați că captați și acele clienți potențiali!

ADĂUGAREA DATELOR FORMULARULUI CONNECT:

1) Redenumiți câmpurile implicite

Pasul 1: Pentru a edita numele câmpurilor implicite pentru formularul dvs., va trebui mai întâi să fiți conectat și pe ecranul EDITARE. De aici, navigați la paginile cu formularul dvs. și faceți clic pe conținutul paginii pentru a activa caseta de instrumente a editorului:

Pasul 2: de aici, selectați pictograma </> din caseta de instrumente de editare:

Pasul 3: Aceasta trece la ceea ce numim „Vizualizarea codului” a conținutului paginii dvs. Ceea ce vă uitați este codul real al site-ului web pentru această pagină. În acest cod, găsiți unde se află formularul dvs., ar trebui să arate cam așa:

Pasul 4: Pentru fiecare Câmp, există două zone pe care le puteți modifica pentru a personaliza câmpurile implicite. Acesta va fi textul etichetei și numele câmpului.

Deci, să presupunem că doriți să schimbați câmpul „Telefon” pentru a spune „Numărul dvs. de telefon” :

 < div class = " form-item " > < label > Phone </ label > < input class = " form-control " name = " contact[phone] " type = " text " /> </ div >

 < label > Phone </ label >

Care poate fi schimbat în:

 < label > Your Phone Number </ label >

Apoi, veți dori să schimbați numele câmpului, căutați ceva de genul următor:

 < input class = " form-control " name = " contact[phone] " type = " text " />

În codul câmpului, veți vedea următoarele:

 name="contact[phone]"

Numele câmpului se află între parantezele [] . Deci ai schimba asta în:

 name="contact[your-phone-number]"

Pasul 5: După ce ați terminat, faceți clic pe pictograma </> din dreapta sus a vizualizării codului pentru a reveni la editorul vizual și a vedea formularul actualizat!

2) Adăugați text pe o singură linie

Un câmp de text cu o singură linie este util pentru colectarea textului introdus de utilizator pentru răspunsuri scurte de 2-5 cuvinte (de exemplu, numele companiei, vârsta, codul poștal etc.)

Pasul 1: Pentru a adăuga acest lucru, mai întâi va trebui să fiți autentificat și pe ecranul EDITARE. De aici, navigați la paginile cu formularul dvs. și faceți clic pe conținutul paginii pentru a activa caseta de instrumente a editorului și faceți clic pe pictograma </> pentru a activa „Vizualizarea codului”.

Pasul 2: În acest cod, găsiți unde se află formularul dvs., ar trebui să arate cam așa:

Pasul 3: Fiecare câmp este conținut în acest cod: <div class="form-item"> ... </div> , așa că asigurați-vă că inserați codul pe care l-ați copiat mai sus, astfel încât să fie înainte sau după codul celuilalt câmp .

Pasul 4: Veți dori să schimbați textul etichetei și numele câmpului acestui câmp, așa cum este subliniat în prima secțiune de mai sus.

3) Adăugați text cu mai multe linii

Câmpurile de text cu mai multe rânduri sunt grozave pentru întrebări de formă lungă.

Pasul 1: Pentru a adăuga acest lucru, mai întâi va trebui să fiți autentificat și pe ecranul EDITARE. De aici, navigați la paginile cu formularul dvs. și faceți clic pe conținutul paginii pentru a activa caseta de instrumente a editorului și faceți clic pe pictograma </> pentru a activa „Vizualizarea codului”.

Pasul 2: În acest cod, găsiți unde se află formularul dvs., ar trebui să arate cam așa:

Pasul 3: Fiecare câmp este conținut în acest cod: <div class="form-item"> ... </div> , așa că asigurați-vă că inserați codul pe care l-ați copiat mai sus, astfel încât să fie înainte sau după codul celuilalt câmp .

Pasul 4: Veți dori să schimbați textul etichetei și numele câmpului acestui câmp, așa cum este subliniat în prima secțiune de mai sus.

4) Adăugați meniul derulant Selectați

Câmpurile din meniul derulant selectați sunt excelente pentru opțiuni lungi, predefinite.

Pasul 1: Pentru a adăuga acest lucru, mai întâi va trebui să fiți autentificat și pe ecranul EDITARE. De aici, navigați la paginile cu formularul dvs. și faceți clic pe conținutul paginii pentru a activa caseta de instrumente a editorului și faceți clic pe pictograma </> pentru a activa „Vizualizarea codului”.

Pasul 2: În acest cod, găsiți unde se află formularul dvs., ar trebui să arate cam așa:

Pasul 3: Fiecare câmp este conținut în acest cod: <div class="form-item"> ... </div> , așa că asigurați-vă că inserați codul pe care l-ați copiat mai sus, astfel încât să fie înainte sau după codul celuilalt câmp .

Pasul 4: veți dori să modificați textul etichetei și numele câmpului acestui câmp, așa cum este subliniat în prima secțiune de mai sus, dar veți dori, de asemenea, să personalizați opțiunile drop-down disponibile pentru utilizatorii dvs. Pentru a face acest lucru, pur și simplu adăugați/eliminați următoarele din codul pe care l-ați copiat și lipit: <option>Option 1</option>

Veți observa că prima <option> este configurată ușor diferit. Aceasta este o opțiune implicită opțională pentru a le spune utilizatorilor ce trebuie să facă, după cum se menționează prin codul disabled="disabled" și selected="selected" . Simțiți-vă liber să editați și textul pentru această opțiune sau să eliminați complet opțiunea.

5) Adăugați butoane radio

Câmpurile pentru butonul radio sunt o altă modalitate excelentă de a prezenta opțiuni cu un singur răspuns.

Pasul 1: Pentru a adăuga acest lucru, mai întâi va trebui să fiți autentificat și pe ecranul EDITARE. De aici, navigați la paginile cu formularul dvs. și faceți clic pe conținutul paginii pentru a activa caseta de instrumente a editorului și faceți clic pe pictograma </> pentru a activa „Vizualizarea codului”.

Pasul 2: În acest cod, găsiți unde se află formularul dvs., ar trebui să arate cam așa:

Pasul 3: Fiecare câmp este conținut în acest cod: <div class="form-item"> ... </div> , așa că asigurați-vă că inserați codul pe care l-ați copiat mai sus, astfel încât să fie înainte sau după codul celuilalt câmp :

Pasul 4 : Veți dori să modificați Textul etichetei și Numele câmpului acestui câmp, așa cum este subliniat în prima secțiune de mai sus, dar va trebui și să personalizați opțiunile butonului radio Valoare și Text de afișare .

Valoarea aici este ceea ce vedeți ca: value="1" , pur și simplu schimbați 1 cu orice text doriți să apară în notificările prin e-mail. Textul de afișare este ceea ce vedeți ca: Option 1 , care apare chiar înainte de eticheta de închidere </label> . Acesta este textul pe care îl va vedea utilizatorul pentru această opțiune, schimbați-l în ceea ce doriți.

6) Adăugați casete de selectare

Casetele de selectare sunt excelente pentru întrebările cu variante multiple.

Pasul 1: Pentru a adăuga acest lucru, mai întâi va trebui să fiți autentificat și pe ecranul EDITARE. De aici, navigați la paginile cu formularul dvs. și faceți clic pe conținutul paginii pentru a activa caseta de instrumente a editorului și faceți clic pe pictograma </> pentru a activa „Vizualizarea codului”.

Pasul 2: În acest cod, găsiți unde se află formularul dvs., ar trebui să arate cam așa:

Pasul 4: Fiecare câmp este conținut în acest cod: <div class="form-item"> ... </div> , așa că asigurați-vă că inserați codul pe care l-ați copiat mai sus, astfel încât să fie înainte sau după codul celuilalt câmp .

Pasul 4: Veți dori să modificați Textul etichetei și Numele câmpului acestui câmp, așa cum este subliniat în prima secțiune de mai sus, dar va trebui și să personalizați opțiunile casetei de selectare Valoare și Text de afișare . Pentru a face acest lucru, pur și simplu găsiți următoarele în codul pe care l-ați copiat și lipit:

Valoarea aici este ceea ce vedeți ca: value="1" , pur și simplu schimbați 1 cu orice text doriți să apară în notificările prin e-mail. Textul de afișare este ceea ce vedeți ca: Option 1 , care apare chiar înainte de eticheta de închidere </label> . Acesta este textul pe care îl va vedea utilizatorul pentru această opțiune, schimbați-l în ceea ce doriți.

Elementul #5 Adăugați o favicon

Favicon (prescurtare pentru pictograma preferată) este în esență o pictogramă mică asociată cu un anumit site web. Browserele care acceptă favicon-uri vor afișa de obicei pictograma în bara de adrese a browserului, în marcaje și, de asemenea, în istoric. Favicon-urile care sunt bine concepute se vor potrivi de obicei cu logo-ul firmei sau cu tema site-ului dvs. Adăugarea unei favicon pe site-ul dvs. oferă vizitatorilor o modalitate rapidă de a vă recunoaște site-ul dintr-o singură privire.

Client Twenty Over Ten, Fit Wealth Advisors are pictograma „Fit” care apare în stânga atunci când își leagă numele în motorul de căutare.

ADĂUGAREA UNUI FAVICON:

Vă recomandăm să creați o favicon care să aibă o dimensiune minimă de 16x16px. În cadrul platformei Twenty Over Ten, este ușor să adăugați propria dvs. favicon. Când încărcați favicon-ul, rețineți că sunt preferate tipurile de fișiere PNG sau ICO.

Elementul #6 Adăugați Analytics

Urmărirea și monitorizarea analizei site-ului dvs. este crucială și reprezintă fundamentul unui site web bazat pe performanță. Google Analytics oferă utilizatorilor o cantitate imensă de date și poate fi integrat cu ușurință în site-ul dvs. Twenty Over Ten. Dacă nu aveți o configurație de cont Google Analytics, puteți configura unul aici.

ADĂUGAREA GOOGLE ANALYTICS PE SITE-UL WEB:

Pentru a vă integra contul Google Analytics cu site-ul dvs. Twenty Over Ten, veți avea nevoie de numărul de cont Google Analytics. ID-ul de urmărire furnizat de Google Analytics este un șir de litere și numere precum UA-000000-2. Acest lucru trebuie inclus în codul de urmărire pentru a spune Google Analytics la ce cont și proprietate să trimită datele. Primul set de numere (-000000, în exemplul de mai sus) se referă la numărul de cont, iar al doilea set de numere (-2) se referă la numărul de proprietate specific asociat contului. Iată instrucțiuni de bază despre unde puteți găsi ID-ul de urmărire în contul dvs. Google Analytics.

Elementul #7 TEST TEST TEST

Nu putem spune suficient – ​​testați, testați și testați din nou! Când site-ul dvs. are performanțe bune, vă va ajuta să vă dezvoltați afacerea în mod exponențial. Cu toate acestea, fără utilizarea de analize și testare, nu veți ști niciodată cum funcționează site-ul dvs. și cum să vă îmbunătățiți performanța. Testarea site-ului dvs. înainte de lansare este incredibil de importantă pentru a găsi orice probleme și a remedia eventualele erori care ar putea dăuna experienței utilizatorului.

Fiți siguri că echipa noastră testează mereu, înlătură erori și îmbunătățește platforma noastră, dar există câteva elemente suplimentare pe pagină pe care le recomandăm utilizatorilor noștri să le examineze pentru asigurarea calității înainte de a lansa noul dvs. site web, cum ar fi:

• Linkuri: nu credem că există ceva mai rău decât să dai clic pe un link care nu duce nicăieri sau care te duce la o pagină complet irelevantă. Faceți clic pe fiecare link de pe site-ul dvs. pentru a testa și pentru a vă asigura că se duc acolo unde ați vrut să ajungă.
• Gramatică și ortografie: ați petrecut mult timp dezvoltând conținut solid pentru site-ul dvs. web. Nu-l lăsa să se irosească scăpând erorile stupide. După ce te uiți la site-ul tău ore în șir (poate chiar săptămâni), poate fi ușor să ratezi erori. Luați în considerare să cereți unui coleg sau partener să arunce o privire pe site-ul dvs. de testare înainte de lansare pentru a detecta eventualele erori de ortografie și gramaticale.
• Aspect și simțire: dați înapoi și aruncați o privire asupra imaginilor și blocurilor de conținut. Există suficient spațiu alb sau totul pare netezit? Asigurați-vă că spațiul dvs. este adecvat, paleta de culori reflectă identitatea mărcii și stilul general este la egalitate. În plus, asigurați-vă că site-ul dvs. web curge bine. Majoritatea site-urilor web ale firmelor de consultanță au o durată medie de vizită de puțin peste un minut. Păstrați-l simplu și ușor de navigat. Nu există niciun motiv pentru care să-ți spui mesajul cu mai mult de cinci pagini.