Nettsted Launch Sjekkliste: Topp 7 Ting Å Gjøre før Du Går Live

Vi ELSKER sjekklister. Og mens vi vet at lansere et nytt nettsted kan være spennende, det kan også være en stressende forsøke for alle om du er erfaren eller ikke. I stedet for å bekymre deg for en håndfull ting som kan gå veldig galt når du starter nettstedet ditt, ville det ikke vært fint å ha en praktisk sjekkliste som referanse før du går live? Du er på hell!

vi forstår at de fleste finansielle rådgivere har liten eller ingen erfaring med webdesign, noe som kan gjøre å bygge ditt eget nettsted til en veldig skremmende ide. Selv om du har en grunnleggende ide om hvordan nettet fungerer, kan det ofte være dyrt og tidkrevende å gjennomføre et nettsted bygge på egen hånd.

Derfor utviklet Vi Twenty Over Ten-plattformen, ikke bare med sluttbrukeren i tankene, men også byggeren – deg! Vårt intuitive CMS (Content Management System) gir deg verktøyene for å administrere nettstedet ditt som en proff. Det er enkelt å bruke, brukervennlig og fullpakket med kraftige funksjoner for både nybegynnere og eksperter!

Pre-Launch Checklist

Element #1 Legg Til En Nettstedstittel

nettstedets hjemmeside er uten tvil den mest vektede siden på hele nettstedet ditt. Derfor er det viktig at du velger en standout tittel for ditt nye nettsted. Tittelen på nettstedet ditt vil vises i søkeresultater, nettleser barer og skjema varsler. Vi får det – å komme opp med en nettside tittel kan være en skremmende ting å gjøre. Dette er det første prospekter vil se når de lander på nettstedet ditt.

nettstedets tittel er merkevaren din. Vær klar over formålet med nettstedet ditt og ta deg tid til å utvikle et godt utformet nettsted tittel for å hjelpe din økonomiske planlegging firmaet skiller seg ut fra konkurrentene. Å velge en god nettstedstittel vil også bidra til å fortelle besøkende hva nettstedet ditt handler om og hva de kan forvente å finne når de lander på nettstedet ditt.

LEGGE TIL EN SIDETITTEL:

Trinn 1: Få tilgang til «nettstedinnstillinger» fra bunnen av sidefeltet.

Trinn 2 (laste opp en logofil): Bruk» last opp logo » – knappen for å importere en fil. .svg, .png, eller .jpeg filetyper er foretrukket.

Trinn 3 (Legge til en logotype): hvis du ikke har en bestemt logo, bruk» site title » – verktøyet og skriv inn navnet du vil ha (husk at dette vises som logo på sidene på nettstedet ditt).

Trinn 4: hvis du bruker verktøyet «site title», bruk verktøyet «logo font» for å endre skrifttypen til logotypen for å matche ønsket merke.

Punkt #2 Legg Til Sidetitler

Tittelkoder vises øverst i nettleseren du bruker, og Det er viktig for både brukeropplevelse og SEO. Legge til og tilpasse sidetitler vil ikke bare gi besøkende mer informasjon, men dette kan også bidra til å gi søkemotorer Som Google mer informasjon om sidene på nettstedet ditt og informasjonen de inneholder.

tittelkoden på en nettside er ment å være en nøyaktig og kortfattet beskrivelse av innholdet på en side. I eksemplet nedenfor, «Cleveland, OH | Kvinnelig Finansiell Rådgiver | Glass Financial er tittelkoden. Fra ET SEO-perspektiv bør tittelkoder formateres som sådan: Primær Søkeord-Sekundært Søkeord / Merkenavn. Du kan se hvor firmaet ligger, et søkeord som beskriver rådgiveren eller firmaet og navnet på virksomheten.

TILPASSE EN SIDETITTEL:

Element # 3 Legge Metadata Til Alle Sider& Blogginnlegg

Meta beskrivelser forklare søkemotorer og søkere hva nettstedet handler om. Inkludert overbevisende meta beskrivelser på nettstedet ditt kan ofte være den avgjørende faktoren hvis noen klikker på nettstedet ditt eller ikke FRA serp (search engine results page), spesielt hvis du inkluderer søkeord søkeren er ute etter.

Tjue Over Ti klient, Fremtidsrettet Wealth Management, har gjort en god jobb med å inkludere en meta-data beskrivelse under ikke bare deres viktigste tittel tag, men også under underoverskrifter.

Her er fangsten og hvor vi ser de fleste rådgivere slip-up. Metadata må legges til hver side på nettstedet ditt. Dette inkluderer hovedsider, destinasjonssider og blogginnlegg også!

LEGGE TIL METADATA PÅ NETTSIDENE DINE:

LEGGE TIL METADATA I BLOGGINNLEGGENE dine:

Trinn 1: Få tilgang til «administrer innlegg» fra sidepanelet ditt (et ikon).

Trinn 2: Velg blogginnlegget du vil legge til metadata i.

Trinn 3: Rull ned til DU kommer TIL SEO-beskrivelsesboksen og legg til innholdet ditt.

Trinn 4: metadataene dine bør være en kort 1-2 setningsbeskrivelse (rik på søkeord) av innholdet som vises på den aktuelle bloggposten. Når du har lagt til innholdet du ønsker, klikker du på lagre-knappen.

Element # 4 Koble Skjemaer

har du et skjema på kontaktsiden din? Det er viktig å fylle ut hver enkelt for å sikre at hvert felt i skjemaet fungerer som det skal. Når du klikker på send eller send, bør du også bekrefte at riktig bekreftelse eller takkeside kommer opp. Til slutt, sjekk e-posten du registrerte deg med å sørge for at forespørselen ble sendt. Det er ikke noe mer frustrerende for besøkende enn å fylle ut et skjema som ikke fungerer, og som bedriftseier, du vil sikre at du fange de fører også!

LEGGE TIL KOBLE SKJEMADATA:

1) Gi Nytt Navn Til Standardfelt

Trinn 1: for å redigere standard feltnavn for skjemaet må du først være logget inn og PÅ REDIGERINGSSKJERMEN. Herfra navigerer du til siden (e) med skjemaet ditt på det og klikker på sideinnholdet ditt for å aktivere redigeringsverktøyet:

Trinn 2: Herfra velger du </> – ikonet fra redigeringsverktøykassen:

Trinn 3: dette bytter til det vi kaller «Kodevisning» av sidens innhold. Det du ser på er den faktiske nettstedskoden for denne siden. Innenfor denne koden finner du hvor skjemaet ditt er plassert, det skal se slik ut:

Trinn 4: for Hvert Felt er det to områder du kan endre for å tilpasse standardfeltene. Dette vil Være Etikettteksten og Feltnavnet til feltet.

så, la oss si at du ønsket å endre «Telefon» – feltet for å si «Telefonnummeret Ditt»:

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

<label>Phone</label>

Som kan endres til:

<label>Your Phone Number</label>

Deretter vil du endre Feltnavnet, se etter noe som følgende:

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

I feltkoden ser du følgende:

name="contact"

navnet på feltet er innenfor parentesene. Så du vil endre dette til:

name="contact"

Trinn 5: Når du er ferdig, klikker du på ikonet </> øverst til høyre i kodevisningen for å bytte tilbake til visuell redigering og se det oppdaterte skjemaet!

2) Legg Til Enkeltlinjetekst

et enkeltlinjetekstfelt er nyttig for å samle inn brukertekst for korte svar på 2-5 ord (dvs. firmanavn, alder, postnummer osv.)

Trinn 1: for å legge til dette, må du først være logget inn og PÅ REDIGERINGSSKJERMEN. Herfra går du til siden (e) med skjemaet ditt på det og klikker på sideinnholdet ditt for å aktivere redigeringsverktøykassen og klikker på </> ikonet for å aktivere «Kodevisning».

Trinn 2: I denne koden finner du hvor skjemaet ditt er plassert, det skal se slik ut:

Trinn 3: Hvert felt finnes i denne koden: <div class="form-item"> ... </div>, så pass på at du limer inn koden du kopierte over, slik at den faller før eller etter det andre feltets kode.

Trinn 4: du vil endre Etikettteksten og Feltnavnet til dette feltet, som beskrevet i den første delen ovenfor.

3) Legg Til Tekst Med Flere Linjer

tekstfelt med flere Linjer er gode for spørsmål med lange linjer.

Trinn 1: for å legge til dette, må du først være logget inn og PÅ REDIGERINGSSKJERMEN. Herfra går du til siden (e) med skjemaet ditt på det og klikker på sideinnholdet ditt for å aktivere redigeringsverktøykassen og klikker på </> ikonet for å aktivere «Kodevisning».

Trinn 2: I denne koden finner du hvor skjemaet ditt er plassert, det skal se slik ut:

Trinn 3: hvert felt finnes i denne koden: <div class="form-item"> ... </div>, så vær sikker på at du limer inn koden du kopierte over, slik at den faller før eller etter det andre feltets kode.

Trinn 4: Du vil ønske å endre Etikettekst og Feltnavn for dette feltet, som beskrevet i den første delen ovenfor.

4) Legg Til Velg Dropdown

Velg Dropdown felt er en stor for lange, forhåndsdefinerte alternativer.

Trinn 1: for å legge til dette, må du først være logget inn og PÅ REDIGERINGSSKJERMEN. Herfra går du til siden (e) med skjemaet ditt på det og klikker på sideinnholdet ditt for å aktivere redigeringsverktøykassen og klikker på </> ikonet for å aktivere «Kodevisning».

Trinn 2: Innenfor denne koden finner du hvor skjemaet ditt er plassert, det skal se slik ut:

Trinn 3: hvert felt finnes i denne koden: <div class="form-item"> ... </div>, så vær sikker på at du limer inn koden du kopierte over, slik at den faller før eller etter det andre feltets kode.

Trinn 4: du vil endre Etikettekst og Feltnavn for dette feltet, som beskrevet i den første delen ovenfor, men du vil også tilpasse rullegardinalternativene som er tilgjengelige for brukerne. For å gjøre dette, legg til/fjern følgende fra koden du kopierer og limer inn: <option>Option 1</option>

du vil legge merke til at den første <option> er satt opp litt annerledes. Dette er et valgfritt standardalternativ for å fortelle brukerne hva de skal gjøre, som angitt av koden disabled="disabled" og selected="selected". Du er velkommen til å redigere teksten for dette alternativet også, eller fjern alternativet helt.

5) Legg Til Radioknapper

Radioknappfelt er en annen fin måte å vise frem enkelt svaralternativer på.

Trinn 1: for å legge til dette, må du først være logget inn og PÅ REDIGERINGSSKJERMEN. Herfra går du til siden (e) med skjemaet ditt på det og klikker på sideinnholdet ditt for å aktivere redigeringsverktøykassen og klikker på </> ikonet for å aktivere «Kodevisning».

Trinn 2: I denne koden finner du hvor skjemaet ditt er plassert, det skal se slik ut:

Trinn 3: hvert felt finnes i denne koden: <div class="form-item"> ... </div>, så pass på at du limer inn koden du kopierte over slik at den faller før eller etter det andre feltets kode:

Trinn 4: Du vil ønske å endre Etikettekst Og Feltnavn for dette feltet, som beskrevet i den første delen ovenfor, men du må også tilpasse alternativknappens alternativverdi Og Vise Tekst.

Verdien her er det du ser som: value="1", bare endre 1 til hvilken tekst du vil vise i e-postvarslene dine. Visningsteksten er det du ser som: Option 1, som viser rett før lukkingen </label> – taggen. Dette er teksten brukeren vil se for dette alternativet, endre dette til hva du vil.

6) Legg Til Avmerkingsbokser

Avmerkingsbokser er gode for når flervalgsspørsmål.

Trinn 1: for å legge til dette, må du først være logget inn og PÅ REDIGERINGSSKJERMEN. Herfra går du til siden (e) med skjemaet ditt på det og klikker på sideinnholdet ditt for å aktivere redigeringsverktøykassen og klikker på </> ikonet for å aktivere «Kodevisning».

Trinn 2: I denne koden finner du hvor skjemaet ditt er plassert, det skal se slik ut:

Trinn 4: Hvert felt finnes i denne koden: <div class="form-item"> ... </div>, så pass på at du limer inn koden du kopierte over, slik at den faller før eller etter det andre feltets kode.

Trinn 4: du vil endre Etikettekst og Feltnavn for dette feltet, som beskrevet i den første delen ovenfor, men du må også tilpasse avkrysningsalternativverdien Og Vise Tekst. For å gjøre dette, bare finn følgende i koden du kopierer og limer inn:

Verdien her er det du ser som: value="1", bare endre 1 til hvilken tekst du vil vise i e-postvarslene dine. Visningsteksten er det du ser som: Option 1, som viser rett før den avsluttende </label> – taggen. Dette er teksten brukeren vil se for dette alternativet, endre dette til hva du vil.

Element #5 Legg Til Et Favicon

Favicon (kort for favorittikonet) er i hovedsak et lite ikon knyttet til et bestemt nettsted. Nettlesere som støtter favicons vil typisk vise ikonet i nettleserens adressefelt, i bokmerker og i historien også. Favicon som er godt designet vil typisk matche firmaets logo eller temaet på nettstedet ditt. Å legge til et favicon på nettstedet ditt gir besøkende en rask måte å gjenkjenne nettstedet ditt med et enkelt blikk.

Tjue Over Ti klient, Fit Wealth Advisors har» Fit » – ikonet som dukker opp til venstre når du knytter navnet sitt inn i søkemotoren.

LEGGE TIL ET FAVICON:

vi anbefaler å lage et favicon som er minst, 16x16px i størrelse. Innen Tjue Over Ti plattformen legge din egen favicon er enkelt. Når du laster opp favicon vær oppmerksom PÅ AT PNG ELLER ICO filtyper foretrekkes.

Item # 6 Add Analytics

Sporing og overvåking av nettstedanalyser er avgjørende og er grunnlaget for et ytelsesdrevet nettsted. Google Analytics tilbyr brukerne en enorm mengde data og kan enkelt integreres I Din Tjue Over Ti nettside. Hvis Du ikke har En Google Analytics-kontooppsett, kan du sette opp en her.

LEGGE TIL GOOGLE ANALYTICS PÅ NETTSTEDET DITT:

for å integrere Google Analytics-kontoen Med Tjue Over Ti nettstedet trenger Du Google Analytics-kontonummeret. Sporings-ID-EN levert Av Google Analytics er en streng med bokstaver og tall SOM UA-000000-2. Dette må inkluderes i sporingskoden din for Å fortelle Analytics hvilken konto og område du skal sende data til. Det første settet med tall (-000000 i eksemplet ovenfor) refererer til kontonummeret ditt, og det andre settet med tall (-2) refererer til det spesifikke egenskapsnummeret som er knyttet til kontoen. Her finner du grunnleggende instruksjoner om hvor du finner sporings-ID-en din I Google Analytics-kontoen din.

Item # 7 TEST TEST TEST

Vi kan ikke si det nok-test, test og test igjen! Når nettstedet ditt gjør det bra, vil det bidra til å utvide virksomheten din eksponentielt. Men uten bruk av analyse og testing, vil du aldri vite hvordan nettstedet ditt utfører og hvordan du kan forbedre nettstedets ytelse. Testing av nettstedet ditt før lansering er utrolig viktig for å finne eventuelle problemer og fikse eventuelle feil som potensielt kan skade brukeropplevelsen.

Vær trygg på at teamet vårt alltid tester, knuser feil og forbedrer plattformen vår, men det er noen ekstra elementer på siden som vi anbefaler at brukerne vurderer for kvalitetssikring før du starter din nye nettside, for eksempel:

• Lenker: Vi tror ikke Det er noe verre enn å klikke på en lenke som går ingen steder eller tar deg til en helt irrelevant side. Klikk på hver kobling på nettstedet ditt for å teste og være sikker på at de kommer dit du hadde tenkt dem å gå.
• Grammatikk og stavemåte: Du har brukt mye tid på å utvikle solid innhold for nettstedet ditt. Ikke la det gå til avfall ved mangler dumme feil. Etter å ha sett på nettstedet ditt i flere timer (kanskje uker) på slutten kan det være lett å gå glipp av feil. Vurder å be en kollega eller partner om å ta en titt på teststedet ditt før du starter for å fange stavefeil og grammatiske feil.
• Se og føl: Gå tilbake og ta en titt på bildene og innholdsblokkene dine. Er det nok hvit plass eller ser alt ut smooshed? Pass på at avstanden er tilstrekkelig, fargepaletten gjenspeiler merkeidentiteten din og den generelle stylingen er på nivå. I tillegg må du sørge for at nettstedet ditt flyter godt. De fleste rådgivende firmaets nettsteder har en gjennomsnittlig besøkstid på litt over ett minutt. Gjør det enkelt og enkelt å navigere. Det er ingen grunn til at du trenger å fortelle meldingen din med mer enn fem sider.