Website Launch Checklist: Top 7 Things To Do Before Going Live

We LOVE checklists. Ja vaikka tiedämme, että käynnistää uuden sivuston voi olla jännittävää, se voi myös olla stressaavaa pyrkimystä kenellekään, onko sinulla kokemusta tai ei. Sen sijaan murehtia kourallinen asioita, jotka voivat mennä pahasti pieleen käynnistettäessä sivuston, eikö olisi mukavaa olla kätevä tarkistuslista viitata ennen kuin menee live? Sinulla kävi tuuri!

ymmärrämme, että useimmilla talousneuvojilla on vain vähän tai ei lainkaan kokemusta verkkosivujen suunnittelusta, mikä voi tehdä oman sivuston rakentamisesta hyvin pelottavan idean. Vaikka sinulla on perusajatus siitä, miten web toimii, se voi usein olla kallista ja aikaa vievää toteuttaa verkkosivuilla rakentaa itse.

siksi kehitimme Twenty Over Ten-Alustan paitsi loppukäyttäjää, myös rakentajaa – sinua! Intuitiivinen CMS-järjestelmämme (Content Management System) antaa sinulle työkalut hallita verkkosivustoasi itsenäisesti ammattilaisen tavoin. Se on helppokäyttöinen, käyttäjäystävällinen ja täynnä tehokkaita ominaisuuksia aloittelijoille ja asiantuntijoille!

laukaisua edeltävä tarkistuslista

kohta #1 Lisää sivuston otsikko

verkkosivustosi kotisivu on ylivoimaisesti painokkain sivu koko verkkosivustossasi. Siksi, se on tärkeää voit valita standout otsikko uuden sivuston. Sivuston otsikko näkyy hakutuloksissa, selainpalkeissa ja lomakeilmoituksissa. Saamme sen-keksiminen verkkosivuilla otsikko voi olla pelottava asia tehdä. Tämä on ensimmäinen asia näkymät näkevät, kun he laskeutuvat sivustossasi.

sivustosi nimi on brändisi. Ole selkeä tarkoitus sivuston ja vie aikaa kehittää hyvin muotoillun sivuston otsikko, jotta auttaa taloussuunnittelun yritys erottuvat kilpailusta. Valitsemalla hyvä sivuston otsikko auttaa myös kertomaan kävijöille, mitä sivustosi on noin ja mitä he voivat odottaa löytävänsä, kun laskeutuminen sivustoosi.

lisäämällä sivuston otsikko:

Vaihe 1: Käytä ”sivuston asetuksia” sivupalkin alareunasta.

Vaihe 2 (lataamalla logotiedoston): käytä ”lataa logo” – painiketta tuoda tiedoston. .svg, .png, tai .JPEG-tiedostotyypit ovat suositeltavia.

Vaihe 3 (logon lisääminen): Jos sinulla ei ole tiettyä logoa, käytä ”site title” – työkalua ja kirjoita haluamasi nimi (muista, että tämä näkyy logonasi verkkosivustosi sivuilla).

Vaihe 4: Jos käytät ”sivuston otsikko” työkalu, käytä ”logo font” työkalu muuttaa fontti logotyypin vastaamaan halutun tuotemerkin.

kohta #2 lisää sivun otsikot

Otsikkotagit näkyvät käyttämäsi selaimen yläosassa, ja se on tärkeää sekä käyttäjäkokemuksen että hakukoneoptimoinnin kannalta. Sivun otsikoiden lisääminen ja muokkaaminen ei ainoastaan anna sivuston kävijöille enemmän tietoa, mutta näin voi myös auttaa antamaan hakukoneille, kuten Googlelle, enemmän tietoa sivustosi sivuista ja niiden sisältämistä tiedoista.

verkkosivun nimikyltin on tarkoitus olla tarkka ja ytimekäs kuvaus sivun sisällöstä. Alla olevassa esimerkissä ” Cleveland, OH | Female Financial Advisor | Glass Financial on otsikkotunnus. SEO näkökulmasta otsikko tunnisteet olisi muotoiltava sellaisenaan: ensisijainen Avainsana-toissijainen Avainsana / Tuotenimi. Näet, missä yritys sijaitsee, avainsanan, joka kuvaa neuvonantaja tai yritys ja yrityksen nimi.

muokaten sivun otsikkoa:

kohta #3 Lisää metatiedot kaikille sivuille & blogikirjoitukset

Metakuvaukset selittävät hakukoneille ja etsijöille, mistä sivustossasi on kyse. Mukaan lukien pakottavia meta kuvaukset sivustossasi voi usein olla ratkaiseva tekijä, jos joku napsauttaa sivustosi tai ei SERP (hakukoneen tulokset sivu), varsinkin jos olet myös avainsanoja searcher etsii.

Twenty Over Ten client, Forward Thinking Wealth Management, on tehnyt hienoa työtä sisällyttämällä metadatan kuvauksen paitsi pääotsikkonsa, myös alaotsikoiden alle.

tässä on saalis ja jossa näemme eniten neuvonantajien lipsahduksia. Metatiedot on lisättävä jokaiselle sivulle sivuston. Tämä sisältää pääsivut, aloitussivut, ja blogikirjoituksia liian!

metatietojen lisääminen verkkosivuille:

metatietojen lisääminen BLOGIKIRJOITUKSIISI:

Vaihe 1: Käytä” Hallitse viestejä ” sivupalkista (kuvake).

Vaihe 2: Valitse blogikirjoitus, johon haluat lisätä metatietoja.

Vaihe 3: selaa alaspäin, kunnes pääset SEO-kuvausruutuun ja lisää sisältösi.

Vaihe 4: metatiedon tulisi olla lyhyt 1-2 lauseen kuvaus (runsaasti avainsanoja) kyseisen blogikirjoituksen sisällöstä. Kun olet lisännyt haluamasi sisällön, napsauta Tallenna-painiketta.

kohta #4 Connect-lomakkeet

onko sinulla lomaketta yhteystietosivullasi? On tärkeää täyttää jokainen, jotta jokainen lomakkeen kenttä toimii oikein. Kun klikkaat lähetä tai lähetä, kannattaa myös varmistaa, että oikea vahvistus tai kiitos-sivu tulee esiin. Lopuksi, tarkista sähköpostisi, että olet rekisteröitynyt varmista, että pyyntö lähetettiin onnistuneesti. Ei ole mitään enemmän raivostuttavaa sivuston kävijöitä kuin täyttää lomakkeen, joka ei toimi ja yrityksen omistaja, haluat varmistaa olet syömällä nämä johtaa liian!

connect FORM-tietojen lisääminen:

1) nimeä oletuskentät

Vaihe 1: muokataksesi lomakkeesi oletuskenttien nimiä sinun täytyy ensin olla kirjautuneena sisään ja muokkausnäytössä. Siirry tästä sivulle (sivuille), jossa on lomakkeesi, ja klikkaa sivun sisältöä aktivoidaksesi muokkaimen työkalupakin:

Vaihe 2: Valitse täältä </> – kuvake muokkaustyökalupakista:

Vaihe 3: tämä siirtyy niin sanottuun ”Koodinäkymään” sivusi sisällöstä. Mitä etsit on todellinen verkkosivuilla koodi tällä sivulla. Tämän koodin löytää missä lomake sijaitsee, sen pitäisi näyttää jotain tällaista:

Vaihe 4: jokaiselle kentälle on kaksi aluetta, joita voit muuttaa muokataksesi oletuskenttiäsi. Tämä on kentän Etikettiteksti ja Kentän nimi.

so, let ’say you wanted to change the” Phone ”field to say ” your Phone Number”:

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

<label>Phone</label>

joka voidaan muuttaa:

<label>Your Phone Number</label>

seuraavaksi haluat muuttaa kentän nimeä, etsiä jotain seuraavista:

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

Kenttäkoodin sisällä näet seuraavat:

name="contact"

suluissa on kentän nimi. Joten muuttaisit tämän:

name="contact"

Vaihe 5: Kun olet valmis, napsauta < / > – kuvaketta koodinäkymän oikeasta yläkulmasta vaihtaaksesi takaisin visuaaliseen muokkaimeen ja nähdäksesi päivitetyn lomakkeesi!

2) Lisää Yksirivinen teksti

yksirivinen tekstikenttä on hyödyllinen käyttäjän syöttämän tekstin keräämiseen lyhyitä 2-5 sanan vastauksia varten (ts. yrityksen nimi, ikä, postinumero jne.)

Vaihe 1: Jos haluat lisätä tämän, sinun on ensin oltava kirjautuneena sisään ja muokkausnäytössä. Siirry tästä sivulle (sivuille), jossa on lomakkeesi, ja napsauta sivun sisältöä aktivoidaksesi muokkaimen työkalupakin ja napsauta </> – kuvaketta aktivoidaksesi ”Koodinäkymän”.

Vaihe 2: tämän koodin sisällä Etsi missä lomakkeesi sijaitsee, sen pitäisi näyttää jokseenkin tältä:

Vaihe 3: jokainen kenttä sisältyy tähän koodiin: <div class="form-item"> ... </div>, joten muista liittää yllä kopioimasi koodi niin, että se osuu toisen kentän koodin eteen tai jälkeen.

Vaihe 4: haluat muuttaa tämän kentän Etikettitekstiä ja kentän nimeä, kuten yllä olevassa ensimmäisessä osassa on esitetty.

3) Lisää monirivinen teksti

moniriviset tekstikentät ovat loistavia pitkänmuotoisia kysymyksiä varten.

Vaihe 1: Jos haluat lisätä tämän, sinun täytyy ensin olla kirjautunut sisään ja muokata näyttöä. Siirry tästä sivulle (sivuille), jossa on lomakkeesi, ja napsauta sivun sisältöä aktivoidaksesi muokkaimen työkalupakin ja napsauta </> – kuvaketta aktivoidaksesi ”Koodinäkymän”.

Vaihe 2: tämän koodin sisällä Etsi missä lomakkeesi sijaitsee, sen pitäisi näyttää jokseenkin tältä:

Vaihe 3: jokainen kenttä sisältyy tähän koodiin: <div class="form-item"> ... </div>, joten muista liittää yllä kopioimasi koodi niin, että se osuu toisen kentän koodin eteen tai jälkeen.

Vaihe 4: Haluat muuttaa tämän kentän Etikettitekstiä ja kentän nimeä, kuten yllä olevassa ensimmäisessä osassa on esitetty.

4) Add Select Dropdown

Select Dropdown-kentät ovat loistavia pitkille, ennalta määritetyille valinnoille.

Vaihe 1: Jos haluat lisätä tämän, sinun täytyy ensin olla kirjautunut sisään ja muokata näyttöä. Siirry tästä sivulle (sivuille), jossa on lomakkeesi, ja napsauta sivun sisältöä aktivoidaksesi muokkaimen työkalupakin ja napsauta </> – kuvaketta aktivoidaksesi ”Koodinäkymän”.

Vaihe 2: Tämän koodin löytää missä lomake sijaitsee, sen pitäisi näyttää jotain tällaista:

Vaihe 3: jokainen kenttä sisältyy tähän koodiin: <div class="form-item"> ... </div>, joten muista liittää yllä kopioimasi koodi niin, että se osuu toisen kentän koodin eteen tai jälkeen.

Vaihe 4: haluat muuttaa tämän kentän Etikettitekstiä ja kentän nimeä, kuten yllä olevassa ensimmäisessä osassa on esitetty, mutta haluat myös muokata käyttäjiesi käytettävissä olevia pudotusvaihtoehtoja. Voit tehdä tämän yksinkertaisesti lisätä / poistaa seuraavat koodista, jonka kopioit ja liität: <option>Option 1</option>

huomaa, että ensimmäinen <option> on perustettu hieman eri tavalla. Tämä on valinnainen oletusvalinta, jolla käyttäjä voi kertoa, mitä hänen tulee tehdä, kuten koodissa disabled="disabled" ja selected="selected" todetaan. Voit vapaasti muokata tekstiä tämän vaihtoehdon samoin, tai poista vaihtoehto kokonaan.

5) Lisää Radionappeja

Radionappikentät ovat toinen hyvä tapa esitellä yhden vastauksen vaihtoehtoja.

Vaihe 1: Jos haluat lisätä tämän, sinun täytyy ensin olla kirjautunut sisään ja muokata näyttöä. Siirry tästä sivulle (sivuille), jossa on lomakkeesi, ja napsauta sivun sisältöä aktivoidaksesi muokkaimen työkalupakin ja napsauta </> – kuvaketta aktivoidaksesi ”Koodinäkymän”.

Vaihe 2: tämän koodin sisällä Etsi missä lomakkeesi sijaitsee, sen pitäisi näyttää jokseenkin tältä:

Vaihe 3: jokainen kenttä sisältyy tähän koodiin: <div class="form-item"> ... </div>, joten muista liittää yllä kopioimasi koodi niin, että se osuu ennen tai jälkeen toisen kentän koodin:

Vaihe 4: Haluat muuttaa etiketin tekstin ja Kentän nimi tämän kentän, kuten ensimmäisessä osassa edellä, mutta sinun täytyy myös muokata radiopainikkeen asetukset arvo ja näyttää tekstiä.

arvo tässä on mitä näet: value="1", yksinkertaisesti muuttaa 1 mitä tahansa tekstiä haluat näkyä Sähköposti-ilmoituksissa. Näyttöteksti on se, mikä näkyy: Option 1, joka näyttää juuri ennen sulkemista </label> tagin. Tämä on teksti käyttäjä näkee tämän vaihtoehdon, muuttaa tämän mitä haluat.

6) Lisää valintaruudut

valintaruudut sopivat hyvin monivalintakysymyksiin.

Vaihe 1: Jos haluat lisätä tämän, sinun täytyy ensin olla kirjautunut sisään ja muokata näyttöä. Siirry tästä sivulle (sivuille), jossa on lomakkeesi, ja napsauta sivun sisältöä aktivoidaksesi muokkaimen työkalupakin ja napsauta </> – kuvaketta aktivoidaksesi ”Koodinäkymän”.

Vaihe 2: tämän koodin sisällä Etsi, missä lomakkeesi sijaitsee, sen pitäisi näyttää tältä:

Vaihe 4: jokainen kenttä sisältyy tähän koodiin: <div class="form-item"> ... </div>, joten muista liittää yllä kopioimasi koodi niin, että se osuu toisen kentän koodin eteen tai jälkeen.

Vaihe 4: haluat muuttaa tämän kentän Etikettitekstiä ja kentän nimeä, kuten yllä olevassa ensimmäisessä osassa on esitetty, mutta sinun on myös muokattava valintaruudun Asetukset arvo ja tekstin näyttö. Voit tehdä tämän, yksinkertaisesti löytää seuraavat sisällä koodi kopioit ja liittää:

arvo tässä on mitä näet: value="1", yksinkertaisesti muuttaa 1 mitä tahansa tekstiä haluat näkyä Sähköposti-ilmoituksissa. Näytä teksti on mitä näet: Option 1, joka näyttää juuri ennen päätöskierrosta </label> tagin. Tämä on teksti käyttäjä näkee tämän vaihtoehdon, muuttaa tämän mitä haluat.

kohde #5 Add a favicon

Favicon (lyhenne lempikuvakkeesta) on lähinnä tiettyyn verkkosivustoon liittyvä pieni kuvake. Faviconeja tukevat selaimet näyttävät kuvakkeen tyypillisesti selaimen osoiterivillä, kirjanmerkeissä ja historiassakin. Favicon: t, jotka ovat hyvin suunniteltuja, vastaavat tyypillisesti yrityksesi logoa tai verkkosivustosi teemaa. Faviconin lisääminen sivustoosi antaa kävijöille nopean tavan tunnistaa sivustosi yhdellä silmäyksellä.

Twenty Over Ten client, Fit Wealth Advisorsilla on ”Fit” – kuvake, joka ponnahtaa vasemmalle, kun sitoo nimensä hakukoneeseen.

lisäämällä FAVICON:

suosittelemme luomaan faviconin, joka on vähintään 16x16px kooltaan. Sisällä kaksikymmentä yli kymmenen alustan lisäämällä oman favicon on helppoa. Kun lataat favicon-tiedostosi, ota huomioon, että PNG-tai ICO-tiedostotyypit ovat suositeltavia.

kohde # 6 Add Analytics

sivustosi analytiikan seuranta ja seuranta on ratkaisevan tärkeää, ja se on suorituskykylähtöisen verkkosivuston perusta. Google Analytics tarjoaa käyttäjille valtavan määrän dataa, ja se voidaan helposti integroida Twenty Over Ten-verkkosivustoosi. Jos sinulla ei ole Google Analytics-tilin asetuksia, voit asettaa sellaisen täällä.

GOOGLE ANALYTICSIN LISÄÄMINEN VERKKOSIVUSTOOSI:

jotta voit integroida Google Analytics-tilisi Twenty Over Ten-verkkosivustoosi, tarvitset Google Analytics-tilinumerosi. Google Analyticsin tarjoama seurantatunnus on merkkijono kirjaimia ja numeroita, kuten UA-000000-2. Tämä on sisällytettävä seurantakoodiisi, jotta voit kertoa Analytiikalle, mille tilille ja omaisuudelle tiedot lähetetään. Ensimmäinen numerosarja (-000000, yllä olevassa esimerkissä) viittaa tilinumeroosi ja toinen numerosarja (-2) tiliin liittyvään ominaisuusnumeroon. Tässä on perusohjeet siitä, mistä löydät seurantatunnuksesi Google Analytics-tililläsi.

kohta #7 testitesti

emme voi sanoa sitä tarpeeksi-testaa, testaa ja testaa uudestaan! Kun sivustosi toimii hyvin, se auttaa kasvattamaan liiketoimintaasi eksponentiaalisesti. Kuitenkin, ilman analytiikkaa ja testausta, et koskaan tiedä, miten sivustosi toimii ja miten parantaa sivustosi suorituskykyä. Sivustosi testaaminen ennen käynnistämistä on uskomattoman tärkeää, jotta voit löytää ongelmia ja korjata vikoja, jotka voivat mahdollisesti vahingoittaa käyttäjäkokemusta.

voit olla varma, että tiimimme testaa aina vikoja ja parantaa alustaamme, mutta on olemassa joitakin muita sivulla olevia kohteita, jotka suosittelemme käyttäjillemme laadunvarmistusta varten ennen uuden verkkosivustosi käynnistämistä, kuten:

• linkit: mielestämme ei ole mitään pahempaa kuin klikkaamalla linkkiä, joka ei mene mihinkään tai vie sinut täysin epäolennaiselle sivulle. Klikkaa jokaista linkkiä sivustossasi testata ja olla varma, että he ovat menossa minne olet tarkoitettu ne mennä.
• kielioppi ja oikeinkirjoitus: olet käyttänyt paljon aikaa kehittääksesi kiinteää sisältöä verkkosivustollesi. Älä anna sen mennä hukkaan puuttumalla typeriä virheitä. Tarkasteltuaan sivustosi tuntikausia (ehkä jopa viikkoja) loppuun se voi olla helppo jättää virheitä. Harkitse pyytää kollega tai kumppani katsomaan testisivuston ennen käynnistämistä kiinni oikeinkirjoitus-ja kieliopilliset virheet.
• Look and feel: astu taaksepäin ja katso kuviasi ja sisältölohkojasi. Onko valkoista tilaa riittävästi vai näyttääkö kaikki savulta? Varmista, että väli on riittävä, väripaletti heijastaa tuotemerkin identiteetti ja yleinen muotoilu on par. Lisäksi varmista, että sivustosi virtaa hyvin. Useimpien neuvontayrityksen verkkosivujen keskimääräinen käyntiaika on hieman yli minuutti. Pidä se yksinkertainen ja helppo navigoida. Sinun ei tarvitse kertoa viestiäsi kuin viisi sivua.