Lista de verificare a lansării site-ului Web: Top 7 Lucruri de făcut înainte de a merge Live

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

înțelegem că majoritatea consilierilor financiari au puțină sau deloc experiență în proiectarea site-ului web, ceea ce poate face ca construirea propriului site să fie o idee foarte intimidantă. Chiar dacă aveți o idee de bază despre modul în care funcționează web-ul, poate fi adesea costisitor și consumator de timp să realizați un site web construit pe cont propriu.

de aceea am dezvoltat platforma Twenty Over Ten nu numai cu utilizatorul final în minte, ci și cu constructorul-tu! CMS-ul nostru intuitiv (Content Management System) vă oferă instrumentele necesare pentru a gestiona în mod autonom site-ul dvs. ca un profesionist. Este ușor de utilizat, ușor de utilizat și ambalate cu caracteristici puternice pentru începători și experți deopotrivă!

Lista de verificare înainte de lansare

Lista de verificare înainte de lansare

Item #1 Adăugați un titlu de Site

pagina de pornire a site-ului dvs. web este de departe cea mai ponderată pagină de pe întregul dvs. site web. Prin urmare, este crucial să alegeți un titlu remarcabil pentru noul dvs. site web. Titlul site-ului dvs. web va apărea în rezultatele căutării, barele browserului și notificările formularului. Am înțeles – a veni cu un titlu al site-ului web poate fi un lucru înfricoșător de făcut. Acesta este primul lucru pe care perspectivele îl vor vedea atunci când aterizează pe site-ul dvs. web.

titlul site-ului dvs. web este marca dvs. Fiți clar cu privire la scopul site-ului dvs. web și luați-vă timp pentru a dezvolta un titlu de site bine conceput pentru a vă ajuta firma de Planificare Financiară să iasă în evidență de concurența dvs. Alegerea unui titlu bun al site-ului va ajuta, de asemenea, să le spuneți vizitatorilor despre ce este site-ul dvs. și la ce se pot aștepta să găsească odată ce aterizează pe site-ul dvs.

adăugarea unui titlu de SITE:

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

managingstyles_sitesettings-1024x588.jpg

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

step3-1024x587.jpg

Pasul 3 (Adăugarea unui logotip): dacă nu aveți un logo specific, utilizați instrumentul „titlul site-ului” și introduceți numele dorit (rețineți că acest lucru se va afișa ca logo-ul dvs. pe paginile site-ului dvs. web).

step4-1024x587.jpg

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

step5-1024x587.jpg

articol # 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 paginii dvs. nu numai că 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 informațiile pe care le conțin.

eticheta de titlu a unei pagini web este menită să fie o descriere exactă și concisă a conținutului unei pagini. În exemplul de mai jos, „Cleveland, OH | consilier financiar feminin | Glass Financial este eticheta titlului. Din perspectiva SEO, etichetele de titlu ar trebui formatate ca atare: 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.

Glass Financial Advisors

personalizarea unui titlu de pagină:

Pasul 1: Accesați „setările paginii” din bara laterală.

 personalizarea titlurilor paginilor browserului

Pasul 2: Slug-ul URL al paginii dvs. implicite va fi gol.

actualizarea titlurilor browserului

Pasul 3: puteți personaliza complet pagina ‘titlul paginii browserului’. De exemplu, în loc să aveți pur și simplu ‘numele companiei’, puteți enumera ‘numele companiei | servirea Chicago, Evanston și Oakpark’ pentru a articula în continuare locația dvs. geografică către potențialii clienți. După ce ați adăugat titlul la alegere, faceți clic pe butonul Salvare.

actualizarea titlurilor browserului

Pasul 4: puteți vedea titlul browserului personalizat în fila de deasupra paginii web.

actualizați titlurile browserului

articol # 3 adăugați metadate la toate paginile& postări pe Blog

meta descrierile explică motoarelor de căutare și căutătorilor despre ce este site-ul dvs. Includerea descrierilor meta 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ă căutătorul.

douăzeci și peste zece client, înainte de gândire Wealth Management, a făcut o treabă bună de a include o descriere meta-date Sub nu numai tag-ul lor titlu principal, dar, de asemenea, sub subpoziții.

Meta date înainte de gândire wealth management

Iată captura și în cazul în care vom vedea cele mai multe consilieri alunecare-up. Metadatele trebuie adăugate la fiecare pagină a site-ului dvs. web. Aceasta include paginile principale, paginile de destinație și postările de pe blog!

adăugarea de metadate la paginile dvs. web:

Pasul 1: Accesați „setările paginii” din bara laterală.

adăugarea de date meta la webapges

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

adăugarea de date meta la webapges

Pasul 3: metadatele dvs. ar trebui să fie o scurtă descriere a propoziției 1-2 (bogată în cuvinte cheie) a conținutului care apare pe acea pagină. După ce ați adăugat conținutul ales, Faceți clic pe butonul Salvare.

adăugarea de date meta la webapges

adăugarea de metadate la postările de pe BLOG:

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

adăugarea meta-datelor la postările de blog

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

adăugarea meta-datelor la postările de blog

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

adăugarea meta-datelor la postările de blog

Pasul 4: metadatele dvs. ar trebui să fie o scurtă descriere a propoziției 1-2 (bogată în cuvinte cheie) a conținutului care apare pe acel blog. După ce ați adăugat conținutul ales, Faceți clic pe butonul Salvare.

adăugarea meta-datelor la postările de blog

Item #4 Conectați formularele

aveți un formular pe pagina dvs. de contact? Este important să completați 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, dacă apare pagina corectă de confirmare sau mulțumire. În cele din urmă, verificați e-mailul cu care v-ați înscris pentru a vă asigura că solicitarea dvs. a fost trimisă cu succes. Nu este nimic mai înnebunitor pentru vizitatorii site-ului dvs. decât să completați un formular care nu funcționează și, ca proprietar de afaceri, doriți să vă asigurați că capturați și acele oportunități!

adăugarea datelor formularului de conectare:

1) redenumiți câmpurile implicite

Pasul 1: pentru a edita numele câmpurilor implicite pentru formularul dvs., va trebui mai întâi să vă conectați și pe ecranul de editare. De aici navigați la pagina(paginile) cu formularul dvs. și faceți clic pe conținutul paginii dvs. pentru a activa caseta de instrumente editor:

redenumirea câmpurilor de formular implicite

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

redenumirea câmpurilor de formular implicite

Pasul 3: aceasta trece la ceea ce numim „Vizualizare cod” a conținutului paginii dvs. Ceea ce căutați este codul real al site-ului web pentru această pagină. În cadrul acestui cod găsiți unde se află formularul dvs., ar trebui să arate așa:

redenumirea câmpurilor de formular implicite

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 câmpului.

Label Text – acesta este textul pe care utilizatorii îl vor vedea afișat deasupra câmpului.

numele câmpului – acesta este pentru procesarea formularului și trebuie să fie toate minuscule și să nu conțină spații.

deci, să presupunem că ați vrut să schimbați câmpul „telefon” pentru a spune „numărul dvs. de telefon”:

redenumirea câmpurilor de formular implicite

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

pentru a modifica textul etichetei, căutați următoarele:

<label>Phone</label>

care poate fi schimbat la:

<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" type="text" />

în codul de câmp, veți vedea următoarele:

name="contact"

numele câmpului se află în paranteze. Deci ai schimba asta în:

name="contact"

Notă: Vă recomandăm să potriviți textul etichetei cu numele câmpului, ca în exemplul de mai sus, deoarece numele câmpului este utilizat în notificările de e-mail generate.

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

redenumirea câmpurilor de formular implicite

ați redenumit cu succes câmpul de formular! Dacă totul arată bine, nu uitați să apăsați Salvați modificările și să continuați procesul de publicare pentru a vă face actualizările live!

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

 adăugarea textului cu 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 (adică. numele companiei, vârsta, codul poștal etc.)

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

adăugarea textului cu o singură linie

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

adăugarea textului cu o singură linie

Pasul 3: fiecare câmp este conținut în acest cod: <div class="form-item"> ... </div>, deci asigurați-vă că lipiți codul pe care l-ați copiat mai sus, astfel încât să cadă î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.

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

adăugarea textului cu mai multe linii câmpurile de text cu mai multe linii sunt excelente pentru întrebări de formă lungă.

Pasul 1: pentru a adăuga acest lucru, va trebui mai întâi să vă conectați și pe ecranul de editare. De aici navigați la pagina(paginile) cu formularul dvs. și faceți clic pe conținutul paginii dvs. pentru a activa caseta de instrumente editor și faceți clic pe pictograma </> pentru a activa „vizualizarea codului”.

adăugarea textului cu mai multe linii

Pasul 2: în cadrul acestui cod găsiți unde se află formularul dvs., ar trebui să arate ceva de genul acesta:

adăugarea textului cu mai multe linii

Pasul 3: fiecare câmp este conținut în acest cod: <div class="form-item"> ... </div>, deci asigurați-vă că lipiți codul pe care l-ați copiat mai sus, astfel încât să cadă î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.

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

 adăugarea selectați meniul derulant selectați câmpurile derulante sunt o mare pentru opțiuni lungi, predefinite.

Pasul 1: pentru a adăuga acest lucru, va trebui mai întâi să vă conectați și pe ecranul de editare. De aici navigați la pagina(paginile) cu formularul dvs. și faceți clic pe conținutul paginii dvs. pentru a activa caseta de instrumente editor și faceți clic pe pictograma </> pentru a activa „vizualizarea codului”.

adăugarea de text multi-linie

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

adăugarea textului cu mai multe linii

Pasul 3: fiecare câmp este conținut în acest cod: <div class="form-item"> ... </div>, deci asigurați-vă că lipiți codul pe care l-ați copiat mai sus, astfel încât să cadă î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 derulante disponibile pentru utilizatorii dvs. Pentru a face acest lucru, pur și simplu adăugați / eliminați următoarele din codul pe care îl copiați și lipiți: <option>Option 1</option>

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

5) Adăugați butoane Radio

 adăugarea butoanelor radio câmpurile butonului Radio sunt o altă modalitate excelentă de prezentare a opțiunilor cu un singur răspuns.

Pasul 1: pentru a adăuga acest lucru, va trebui mai întâi să vă conectați și pe ecranul de editare. De aici navigați la pagina(paginile) cu formularul dvs. și faceți clic pe conținutul paginii dvs. pentru a activa caseta de instrumente editor și faceți clic pe pictograma </> pentru a activa „vizualizarea codului”.

adăugarea butoanelor radio

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

adăugarea butoanelor radio

Pasul 3: fiecare câmp este conținut în acest cod: <div class="form-item"> ... </div>, deci asigurați-vă că lipiți codul pe care l-ați copiat mai sus, astfel încât să cadă î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, de asemenea, să personalizați valoarea opțiunilor butonului radio și să afișați textul.


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

notă: Puteți adăuga / elimina un număr nelimitat de opțiuni buton radio. Pentru a crea butoane radio suplimentare într-un set, pur și simplu copiați și lipiți codul de mai sus înainte sau după alte opțiuni și personalizați valoarea butonului.

Important: când schimbați numele câmpului, rețineți că toate butoanele radio dintr-un set trebuie să partajeze același nume de câmp. Nu le dați fiecare nume de câmpuri diferite, altfel fiecare va fi tratat ca un câmp diferit în întregime.

6) Adăugați casetele de selectare

 adăugați casetele de selectare casetele de selectare sunt excelente pentru întrebările cu mai multe opțiuni.

Pasul 1: pentru a adăuga acest lucru, va trebui mai întâi să vă conectați și pe ecranul de editare. De aici navigați la pagina(paginile) cu formularul dvs. și faceți clic pe conținutul paginii dvs. pentru a activa caseta de instrumente editor și faceți clic pe pictograma </> pentru a activa „vizualizarea codului”.

 adăugați casete de selectare

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

adăugați casetele de selectare

Pasul 4: fiecare câmp este conținut în acest cod: <div class="form-item"> ... </div>, deci asigurați-vă că lipiți codul pe care l-ați copiat mai sus, astfel încât să cadă î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, de asemenea, să personalizați valoarea opțiunilor casetei de selectare și să afișați textul. Pentru a face acest lucru, pur și simplu găsiți următoarele în codul pe care îl copiați și lipiți:


valoarea aici este ceea ce vedeți ca: value="1", pur și simplu schimbați 1 la orice text doriți să apară în notificările dvs. prin e-mail. Textul afișat este ceea ce vedeți ca: Option 1, care arată chiar înainte de închiderea </label> tag-ul. Acesta este textul pe care utilizatorul îl va vedea pentru această opțiune, schimbați-l în orice doriți.

Item #5 Adăugați un Favicon

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

Fit Wealth Advisors

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

adăugarea unui FAVICON:

vă recomandăm să creați un favicon care este la minim, 16x16px în dimensiune. În cadrul platformei douăzeci și peste zece adăugarea propriului favicon este ușoară. Când încărcați favicon, rețineți că sunt preferate tipurile de fișiere PNG sau ICO.

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

adăugarea unui favicon

Pasul 2 (încărcarea unui fișier logo)

utilizați butonul „încărcați logo” pentru a importa un fișier

notă: .svg, .png, sau .sunt preferate tipurile de fișiere jpeg.

adăugarea unui Favicon

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

adăugarea unui favicon

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

adăugarea unui favicon

postul #6 Adăugați Analytics

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

ADĂUGAREA GOOGLE ANALYTICS PE SITE-UL DVS. WEB:

Pasul 1: Accesați „setările site-ului” din bara laterală.

adăugarea Google analytics

Pasul 2: Faceți clic pe fila integrări pentru a extinde și a vedea toate detaliile de integrare.

adăugarea Google Analytics

Pasul 3: După ce ați introdus codul Google Analytics, faceți clic pe butonul Salvare.

adăugarea Google Analytics

pentru a vă integra contul Google Analytics cu site-ul dvs. web Twenty Over Ten, veți avea nevoie de numărul contului Dvs. 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 dvs. de urmărire pentru a indica Google Analytics către CE cont și proprietate să trimită date. Primul set de numere (-000000, în exemplul de mai sus) se referă la numărul contului dvs., 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 dvs. de urmărire în Contul Google Analytics.

Item # 7 TEST TEST Test

Nu putem spune suficient – testați, testați și testați din nou! Când site-ul dvs. funcționează bine, vă va ajuta să vă dezvoltați afacerea exponențial. Cu toate acestea, fără utilizarea analizei și testării, nu veți ști niciodată cum funcționează site-ul dvs. web și cum să îmbunătățiți performanța site-ului dvs. Testarea site-ului dvs. web î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ă întotdeauna, elimină erorile ș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 revizuiască pentru asigurarea calității înainte de lansarea noului dvs. site web, cum ar fi:

  • link-uri: nu credem că există ceva mai rău decât să faceți clic pe un link care nu duce nicăieri sau vă duce la o pagină complet irelevantă. Faceți clic pe fiecare link de pe site-ul dvs. pentru a testa și asigurați-vă că merg acolo unde ați intenționat să meargă.
  • gramatică și ortografie: ați petrecut mult timp dezvoltând conținut solid pentru site-ul dvs. web. Nu lăsați-l să meargă la deșeuri de lipsă erori stupide. După ce te uiți la site-ul tău ore întregi (poate chiar săptămâni), poate fi ușor să ratezi Erorile. Luați în considerare solicitarea unui coleg sau partener să arunce o privire pe site-ul dvs. de testare înainte de lansare pentru a surprinde orice erori de ortografie și gramaticale.
  • Uită-te și simte: fă un pas înapoi și aruncă o privire asupra imaginilor și blocurilor de conținut. Există suficient spațiu alb sau totul pare smooshed? Asigurați-vă că spațiul dvs. este adecvat, paleta de culori reflectă identitatea mărcii dvs. și stilul general este la egalitate. În plus, asigurați-vă că site-ul dvs. web curge bine. Majoritatea site-urilor web ale firmei 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 trebuie să spuneți mesajul dvs. cu mai mult de cinci pagini.

lupta cu ce conținut pentru a partaja pe social Media sau prin e-mail?

oferim acces la conținutul nostru pentru ca consilierii să îl poată utiliza prin Lead Pilot timp de 7 zile Complet gratuit (chiar și în planurile noastre lunare).

obțineți toate detaliile aici

despre autor

Blair Kelly

Blair este un asistent de marketing digital la douăzeci și peste zece și are o pasiune pentru descoperirea a ceea ce conduce traficul online și cea mai mare implicare. Ea urmărește mai multe animale pe Instagram decât oamenii, iar cea mai mare realizare a ei este fiica ei, Grey.

Lasă un răspuns

Adresa ta de email nu va fi publicată.