hjemmeside lancering tjekliste: Top 7 ting at gøre, før de går Live

vi elsker tjeklister. Og mens vi ved, at lancere en ny hjemmeside kan være spændende, det kan også være en stressende bestræbelse for nogen, uanset om du er erfaren eller ej. I stedet for at bekymre sig om en håndfuld ting, der kunne gå galt, når du starter din hjemmeside, ville det ikke være rart at have en praktisk tjekliste til reference, før de går live? Du er heldig!

vi forstår, at de fleste finansielle rådgivere har ringe eller ingen erfaring med hjemmeside design, hvilket kan gøre at bygge din egen hjemmeside en meget skræmmende ide. Selvom du har en grundlæggende ide om, hvordan internettet fungerer, kan det ofte være dyrt og tidskrævende at foretage en hjemmeside, der bygger på egen hånd.

derfor udviklede vi den tyve over ti platform ikke kun med slutbrugeren i tankerne, men også bygherren-dig! Vores intuitive CMS (Content Management System) giver dig værktøjerne til selvstændigt at administrere din hjemmeside som en professionel. Det er nemt at bruge, brugervenligt og fyldt med kraftfulde funktioner til både begyndere og eksperter!

Pre-Launch checkliste

Item #1 Tilføj en site Titel

din hjemmesides hjemmeside er langt den mest vægtede side på hele din hjemmeside. Derfor er det afgørende, at du vælger en standout titel til din nye hjemmeside. Titlen på din hjemmeside vises i søgeresultater, bro.ser barer og formular meddelelser. Vi får det-kommer op med en hjemmeside titel kan være en skræmmende ting at gøre. Dette er den første ting udsigterne vil se, når de lander på din hjemmeside.

din hjemmesides titel er dit brand. Vær klar over formålet med din hjemmeside og tage din tid til at udvikle et godt udformet site titel for at hjælpe din finansielle planlægning firma skiller sig ud fra din konkurrence. At vælge en god sidetitel vil også hjælpe med at fortælle besøgende, hvad din side handler om, og hvad de kan forvente at finde, når de lander på din side.

tilføjelse af en sidetitel:

Trin 1: Få adgang til dine “site settings” fra bunden af din sidebjælke.

Trin 2 (upload af en logofil): Brug knappen “upload logo” til at importere en fil. .svg, .png, eller .jpeg-filtyper foretrækkes.

Trin 3 (Tilføjelse af en logotype): hvis du ikke har et specifikt logo, skal du bruge værktøjet “site title” og indtaste det ønskede navn (husk, at dette vises som dit logo på siderne på din hjemmeside).

Trin 4: Hvis du bruger værktøjet “site title”, skal du bruge værktøjet “logo font” til at ændre skrifttypen på logotypen, så den passer til det ønskede brand.

vare #2 Tilføj sidetitler

Titelmærker vises øverst på den bro.ser, du bruger, og det er vigtigt for både brugeroplevelse og SEO. Tilføjelse og tilpasning af dine sidetitler giver ikke kun besøgende flere oplysninger, men det kan også hjælpe med at give søgemaskiner som Google flere oplysninger om siderne på din side og de oplysninger, de indeholder.

titelmærket på en hjemmeside er beregnet til at være en nøjagtig og præcis beskrivelse af en sides indhold. I eksemplet nedenfor, “Cleveland, OH / Female Financial Advisor / Glass Financial er titelmærket. Fra et SEO-perspektiv skal titelmærker formateres som sådan: primært nøgleord – sekundært nøgleord | Brandnavn. Du kan se, hvor firmaet er placeret, et nøgleord, der beskriver rådgiveren eller firmaet og navnet på virksomheden.

tilpasning af en sidetitel:

vare # 3 Tilføj Metadata til alle sider & blogindlæg

metabeskrivelser forklar søgemaskiner og søgere, hvad din side handler om. Inkludering af overbevisende metabeskrivelser på din side kan ofte være den afgørende faktor, hvis nogen klikker på din side eller ej fra SERP (search engine results page), især hvis du inkluderer søgeord, som søgeren leder efter.

tyve over ti klient, fremadtænkende formueforvaltning, har gjort et stort stykke arbejde med at inkludere en metadatabeskrivelse under ikke kun deres hovedtitelmærke, men også under underoverskrifterne.

her er fangsten, og hvor vi ser de fleste rådgivere glide op. Metadata skal tilføjes til hver side på din hjemmeside. Dette inkluderer også hovedsider, destinationssider og blogindlæg!

tilføjelse af METADATA til dine hjemmesider:

tilføjelse af METADATA til dine blogindlæg:

Trin 1: Få adgang til dine” Administrer indlæg ” fra din sidepanel (et ikon).

Trin 2: Vælg det blogindlæg, du gerne vil tilføje metadata til.

Trin 3: Rul ned, indtil du når SEO-beskrivelsesfeltet, og tilføj dit indhold.

Trin 4: dine metadata skal være en kort 1-2 sætningsbeskrivelse (rig på nøgleord) af indholdet, der vises på den pågældende blogpost. Når du har tilføjet det valgte indhold, skal du klikke på knappen Gem.

Item #4 Connect Forms

har du en formular på din kontaktside? Det er vigtigt at udfylde hver enkelt for at sikre, at hvert felt i formularen fungerer korrekt. Når du klikker på Send eller send, skal du også kontrollere, at den korrekte bekræftelses-eller takside kommer op. Til sidst skal du kontrollere din e-mail, som du tilmeldte dig, for at sikre dig, at din anmodning blev sendt med succes. Der er ikke noget mere vanvittigt for dine besøgende end at udfylde en formular, der ikke fungerer, og som virksomhedsejer, du vil sikre dig, at du også fanger disse kundeemner!

tilføjelse af FORBINDELSESFORMULARDATA:

1) Omdøb standardfelter

Trin 1: For at redigere standardfeltnavne til din formular skal du først være logget ind og på redigeringsskærmen. Naviger herfra til siden(E) med din formular på den, og klik på dit sideindhold for at aktivere redigeringsværktøjskassen:

Trin 2: Herfra skal du vælge ikonet </> fra redigeringsværktøjskassen:

Trin 3: Dette skifter til det, vi kalder “kodevisning” for din sides indhold. Hvad du kigger på er den faktiske hjemmeside kode for denne side. Inden for denne kode finder du, hvor din formular er placeret, det skal se sådan ud:

Trin 4: For hvert felt er der to områder, som du kan ændre for at tilpasse dine standardfelter. Dette vil være Etiketteksten og feltnavnet på feltet.

så lad os sige, at du ville ændre feltet” telefon “for at sige “Dit telefonnummer”:

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

<label>Phone</label>

som kan ændres til:

<label>Your Phone Number</label>

Dernæst vil du ændre feltnavnet, se efter noget som følgende:

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

inden for feltkoden ser du følgende:

name="contact"

navnet på feltet er inden for parenteserne. Så du ville ændre dette til:

name="contact"

Trin 5: Når du er færdig, skal du klikke på </> ikonet øverst til højre i kodevisningen for at skifte tilbage til den visuelle editor og se din opdaterede formular!

2) Tilføj Enkeltlinjetekst

et enkeltlinjetekstfelt er nyttigt til indsamling af brugerindtastet tekst til korte svar på 2-5 ord (dvs. firmanavn, alder, postnummer osv.)

Trin 1: For at tilføje dette skal du først være logget ind og på redigeringsskærmen. Naviger herfra til siden (E) med din formular på den, og klik på dit sideindhold for at aktivere redigeringsværktøjskassen og klik på ikonet </> for at aktivere “kodevisning”.

Trin 2: inden for denne kode finder du, hvor din formular er placeret, det skal se sådan ud:

Trin 3: hvert felt er indeholdt i denne kode: <div class="form-item"> ... </div>, så sørg for at indsætte din kode, du kopierede ovenfor, så den falder før eller efter det andet felts kode.

Trin 4: Du vil ændre Etiketteksten og feltnavnet på dette felt som beskrevet i det første afsnit ovenfor.

3) Tilføj tekst med flere linjer

tekstfelter med flere linjer er gode til spørgsmål i lang form.

Trin 1: For at tilføje dette skal du først være logget ind og på redigeringsskærmen. Naviger herfra til siden (E) med din formular på den, og klik på dit sideindhold for at aktivere redigeringsværktøjskassen og klik på ikonet </> for at aktivere “kodevisning”.

Trin 2: inden for denne kode finder du, hvor din formular er placeret, den skal se sådan ud:

Trin 3: hvert felt er indeholdt i denne kode: <div class="form-item"> ... </div>, så sørg for at indsætte din kode, du kopierede ovenfor, så den falder før eller efter det andet felts kode.

Trin 4: Du vil ændre Etiketteksten og feltnavnet på dette felt som beskrevet i det første afsnit ovenfor.

4) Tilføj vælg rullemenu

Vælg rullefelter er gode til lange, foruddefinerede indstillinger.

Trin 1: For at tilføje dette skal du først være logget ind og på redigeringsskærmen. Naviger herfra til siden (E) med din formular på den, og klik på dit sideindhold for at aktivere redigeringsværktøjskassen og klik på ikonet </> for at aktivere “kodevisning”.

Trin 2: Inden for denne kode finder du, hvor din formular er placeret, det skal se sådan ud:

Trin 3: hvert felt er indeholdt i denne kode: <div class="form-item"> ... </div>, så sørg for at indsætte din kode, du kopierede ovenfor, så den falder før eller efter det andet felts kode.

Trin 4: Du vil ændre Etiketteksten og feltnavnet på dette felt som beskrevet i det første afsnit ovenfor, men du vil også tilpasse de rullemenuer, der er tilgængelige for dine brugere. For at gøre dette skal du blot tilføje / fjerne følgende fra den kode, du kopierer og indsætter: <option>Option 1</option>

du vil bemærke, at den første <option> er oprettet lidt anderledes. Dette er en valgfri Standardindstilling til at fortælle brugerne, hvad de skal gøre, som bemærket af koden disabled="disabled" og selected="selected". Du er også velkommen til at redigere teksten til denne mulighed eller fjerne indstillingen helt.

5) Tilføj radioknapper

Radioknappefelter er en anden god måde at fremvise muligheder for enkelt svar på.

Trin 1: For at tilføje dette skal du først være logget ind og på redigeringsskærmen. Naviger herfra til siden (E) med din formular på den, og klik på dit sideindhold for at aktivere redigeringsværktøjskassen og klik på ikonet </> for at aktivere “kodevisning”.

Trin 2: inden for denne kode finder du, hvor din formular er placeret, det skal se sådan ud:

Trin 3: hvert felt er indeholdt i denne kode: <div class="form-item"> ... </div>, så sørg for at indsætte din kode, du kopierede ovenfor, så den falder før eller efter det andet felts kode:

Trin 4: Du vil ændre Etiketteksten og feltnavnet på dette felt, som beskrevet i det første afsnit ovenfor, men du skal også tilpasse din alternativknapvalgværdi og vise tekst.

værdien her er, hvad du ser som: value="1", skal du blot ændre 1 til den tekst, du vil vise i dine e-mail-meddelelser. Visningsteksten er det, du ser som: Option 1, som vises lige før det afsluttende </label> tag. Dette er den tekst, brugeren vil se for denne mulighed, ændre dette til hvad du vil.

6) Tilføj afkrydsningsfelter

afkrydsningsfelter er gode til spørgsmål med flere valg.

Trin 1: For at tilføje dette skal du først være logget ind og på redigeringsskærmen. Naviger herfra til siden (E) med din formular på den, og klik på dit sideindhold for at aktivere redigeringsværktøjskassen og klik på ikonet </> for at aktivere “kodevisning”.

Trin 2: inden for denne kode finder du, hvor din formular er placeret, det skal se sådan ud:

Trin 4: hvert felt er indeholdt i denne kode: <div class="form-item"> ... </div>, så sørg for at indsætte din kode, du kopierede ovenfor, så den falder før eller efter det andet felts kode.

Trin 4: Du vil ændre Etiketteksten og feltnavnet på dette felt som beskrevet i det første afsnit ovenfor, men du skal også tilpasse din afkrydsningsfeltindstillinger værdi og Vis tekst. For at gøre dette skal du blot finde følgende inden for den kode, du kopierer og indsætter:

værdien her er, hvad du ser som: value="1", skal du blot ændre 1 til den tekst, du vil vise i dine e-mail-meddelelser. Displayteksten er det, du ser som: Option 1, som vises lige før lukningen </label> tag. Dette er den tekst, brugeren vil se for denne mulighed, ændre dette til hvad du vil.

vare # 5 Tilføj et Favicon

Favicon (forkortelse for favoritikon) er i det væsentlige et lille ikon forbundet med en bestemt hjemmeside. De, der understøtter favicons, viser typisk ikonet i adresselinjen, i bogmærker og i historikken. Favicons, der er veldesignede, vil typisk matche dit firmas logo eller temaet på din hjemmeside. Tilføjelse af et favicon til din hjemmeside giver besøgende en hurtig måde at genkende din hjemmeside med et enkelt blik.

tyve over ti klient, Fit rigdom rådgivere har ikonet “Fit”, der popper op til venstre, når binde deres navn i søgemaskinen.

tilføjelse af et FAVICON:

vi anbefaler at oprette et favicon, der er mindst 16h16ph i størrelse. Inden for tyve over ti platform tilføje din egen favicon er let. Når du uploader dit favicon, skal du være opmærksom på, at PNG-eller ICO-filtyper foretrækkes.

Item # 6 Add Analytics

sporing og overvågning af din hjemmeside analytics er afgørende og er grundlaget for en performance-drevet hjemmeside. Google Analytics tilbyder brugerne en enorm mængde data og kan nemt integreres i din tyve over ti hjemmeside. Hvis du ikke har en Google Analytics-kontoopsætning, kan du konfigurere en her.

TILFØJELSE AF GOOGLE ANALYTICS TIL DIN HJEMMESIDE:

for at integrere din Google Analytics-konto med din tyve over ti hjemmeside skal du bruge dit Google Analytics-kontonummer. Sporings-ID ‘ et, der leveres af Google Analytics, er en række bogstaver og tal som UA-000000-2. Dette skal medtages i din sporingskode for at fortælle Analytics, hvilken konto og ejendom der skal sendes data til. Det første sæt tal (-000000, i eksemplet ovenfor) henviser til dit kontonummer, og det andet sæt tal (-2) henviser til det specifikke ejendomsnummer, der er knyttet til kontoen. Her er grundlæggende instruktioner om, hvor du kan finde dit sporings-ID på din Google Analytics-konto.

vare #7 TEST TEST TEST

vi kan ikke sige det nok – test, test og test igen! Når din hjemmeside fungerer godt, vil det hjælpe med at vokse din virksomhed eksponentielt. Men uden brug af analyser og test, vil du aldrig vide, hvordan din hjemmeside klarer sig, og hvordan du kan forbedre din hjemmesides ydeevne. Test din hjemmeside før lanceringen er utrolig vigtigt for at finde eventuelle problemer og løse eventuelle fejl, der potentielt kan skade brugeroplevelsen.

vær sikker på, at vores team altid tester, knuser fejl og forbedrer vores platform, men der er nogle yderligere elementer på siden, som vi anbefaler, at vores brugere gennemgår for kvalitetssikring, før de lancerer Din nye hjemmeside, såsom:

• Links: Vi tror ikke, der er noget værre end at klikke på et link, der ikke går nogen steder eller fører dig til en helt irrelevant side. Klik på hvert link på din hjemmeside for at teste og være sikker på, at de går, hvor du havde tænkt dem at gå.
• grammatik og stavning: du har brugt meget tid på at udvikle solidt indhold til din hjemmeside. Lad det ikke gå til spilde ved at gå glip af dumme fejl. Efter at have kigget på din hjemmeside i timevis (måske endda uger) på ende kan det være nemt at gå glip af fejl. Overvej at bede en kollega eller partner om at kigge på dit teststed, inden du starter for at fange stavefejl og grammatiske fejl.
• Look and feel: gå tilbage og se på dine billeder og indholdsblokke. Er der nok hvid plads, eller ser alt smooshed ud? Sørg for, at din afstand er tilstrækkelig, din farvepalet afspejler din brandidentitet, og den overordnede styling er på niveau. Sørg også for, at din hjemmeside flyder godt. De fleste rådgivende firmas hjemmesider har en gennemsnitlig Besøgsvarighed på lidt over et minut. Hold det enkelt og nemt at navigere. Der er ingen grund til at fortælle din besked med mere end fem sider.