vi älskar checklistor. Och även om vi vet att lansera en ny webbplats kan vara spännande, det kan också vara en stressande strävan för alla om du är erfaren eller inte. Istället för att oroa dig för en handfull saker som kan gå väldigt fel när du startar din webbplats, skulle det inte vara trevligt att ha en praktisk checklista att referera till innan du går live? Du har tur!
vi förstår att de flesta finansiella rådgivare har liten eller ingen erfarenhet av webbdesign, vilket kan göra att bygga din egen webbplats en mycket skrämmande ide. Även om du har en grundläggande uppfattning om hur webben fungerar, kan det ofta vara dyrt och tidskrävande att genomföra en webbplats bygga på egen hand.
därför utvecklade vi Twenty Over Ten-plattformen, inte bara med slutanvändaren i åtanke utan också byggaren – du! Vårt intuitiva CMS (Content Management System) ger dig verktygen för att självständigt hantera din webbplats som ett proffs. Det är lätt att använda, användarvänligt och packat med kraftfulla funktioner för både nybörjare och experter!
checklista före lansering
artikel #1 Lägg till en webbplats Titel
din webbplats hemsida är den i särklass tyngst viktade sidan på hela webbplatsen. Därför är det viktigt att du väljer en enastående titel för din nya webbplats. Titeln på din webbplats visas i sökresultat, webbläsarfält och formulärmeddelanden. Vi får det-att komma med en webbplatstitel kan vara en skrämmande sak att göra. Detta är det första utsikterna kommer att se när de landar på din webbplats.
din webbplats titel är ditt varumärke. Var tydlig om syftet med din webbplats och ta dig tid att utveckla en väl utformad webbplatstitel för att hjälpa ditt finansiella planeringsföretag att sticka ut från dina konkurrenter. Att välja en bra webbplatstitel hjälper också besökare att berätta vad din webbplats handlar om och vad de kan förvänta sig att hitta när de landar på din webbplats.
lägga till en WEBBPLATSTITEL:
Steg 1: Öppna dina ”Webbplatsinställningar” från botten av sidofältet.
steg 2 (Ladda upp en logotypfil): använd knappen ”Ladda upp logotyp” för att importera en fil. .svg,.png, eller .jpeg-filtyper föredras.
steg 3 (Lägga till en logotyp): om du inte har en specifik logotyp, använd verktyget ”site title” och skriv in det namn du vill ha (kom ihåg att detta kommer att visas som din logotyp på sidorna på din webbplats).
steg 4: Om du använder verktyget ”site title”, använd verktyget ”logo font” för att ändra teckensnittet för logotypen så att det matchar ditt önskade varumärke.
artikel # 2 Lägg till sidtitlar
titeltaggar visas högst upp i webbläsaren du använder, och det är viktigt för både användarupplevelse och SEO. Att lägga till och anpassa dina sidtitlar ger inte bara besökare mer information, men det kan också hjälpa till att ge sökmotorer som Google mer information om sidorna på din webbplats och den information de innehåller.
titeltaggen på en webbsida är tänkt att vara en korrekt och kortfattad beskrivning av en sidas innehåll. I exemplet nedan är ” Cleveland, OH | Female Financial Advisor | Glass Financial titeltaggen. Ur ett SEO-perspektiv bör titeltaggar formateras som sådana: primärt nyckelord-sekundärt nyckelord / varumärke. Du kan se var företaget ligger, ett nyckelord som beskriver rådgivaren eller företaget och företagets namn.
anpassa en sidtitel:
Steg 1: Öppna dina ”Sidinställningar” från din sidofält.
steg 2: Din standardsida URL slug kommer att vara tom.
steg 3: Du kan helt anpassa din sida ’webbläsarens sidtitel’. Till exempel, snarare än att bara ha ’företagsnamn’, kan du lista ’företagsnamn | servering Chicago, Evanston och Oakpark’ för att ytterligare formulera din geografiska plats till potentiella kunder. När du har lagt till titeln du väljer klickar du på Spara-knappen.
steg 4: Du kan se din anpassade webbläsartitel på fliken ovanför din webbsida.
artikel # 3 Lägg till Metadata till alla sidor & blogginlägg
metabeskrivningar förklara för sökmotorer och sökare vad din webbplats handlar om. Att inkludera övertygande metabeskrivningar på din webbplats kan ofta vara den avgörande faktorn om någon klickar på din webbplats eller inte från SERP (sökmotorns resultatsida), särskilt om du inkluderar nyckelord som sökaren letar efter.
Twenty Over Ten client, Forward Thinking Wealth Management, har gjort ett bra jobb med att inkludera en metadatabeskrivning under inte bara deras huvudtiteltagg utan också under underrubrikerna.
här är fångsten och där vi ser de flesta rådgivare slip-up. Metadata måste läggas till varje sida på din webbplats. Detta inkluderar huvudsidor, målsidor och blogginlägg också!
lägga till METADATA på dina webbsidor:
Steg 1: Öppna dina ”Sidinställningar” från din sidofält.
steg 2: bläddra ner tills du når SEO-beskrivningsrutan och Lägg till ditt innehåll.
steg 3: dina metadata bör vara en kort 1-2 mening beskrivning (rik på nyckelord) av innehållet som visas på just den sidan. När du har lagt till innehållet efter eget val klickar du på Spara-knappen.
lägga till METADATA i dina blogginlägg:
Steg 1: Öppna dina ”Hantera inlägg” från din sidofält (en ikon).
steg 2: Välj det blogginlägg du vill lägga till metadata till.
steg 3: Bläddra ner tills du når SEO-beskrivningsrutan och Lägg till ditt innehåll.
steg 4: Din metadata bör vara en kort 1-2 mening beskrivning (rik på sökord) av innehållet som visas på just blogginlägg. När du har lagt till innehållet efter eget val klickar du på Spara-knappen.
artikel #4 Anslut formulär
har du ett formulär på din kontaktsida? Det är viktigt att fylla i var och en för att se till att varje fält i formuläret fungerar korrekt. När du klickar på Skicka eller skicka, bör du också kontrollera att rätt bekräftelse eller tack sida kommer upp. Slutligen, kontrollera din e-post som du registrerade dig för att se till att din begäran skickades in. Det finns inget mer irriterande för dina besökare än att fylla i ett formulär som inte fungerar och som företagare, du vill se till att du fånga dessa leder också!
lägga till Anslut formulärdata:
1) Byt namn på standardfält
Steg 1: för att redigera standardfältnamnen för ditt formulär måste du först vara inloggad och på redigeringsskärmen. Härifrån navigera till sidan / sidorna med ditt formulär på den och klicka på ditt sidinnehåll för att aktivera redigeringsverktygslådan:
steg 2: Härifrån väljer du ikonen </> från redigeringsverktygslådan:
steg 3: Detta växlar till vad vi kallar ”Kodvy” för sidans innehåll. Vad du tittar på är den faktiska webbplatskoden för den här sidan. Inom den här koden hittar du var ditt formulär finns, det ska se ut så här:
steg 4: för varje fält finns det två områden som du kan ändra för att anpassa standardfälten. Detta kommer att vara etiketttexten och fältnamnet på fältet.
Etiketttext – det här är texten som användarna kommer att se visas ovanför fältet.
fältnamn – Detta är för bearbetning av formuläret och måste vara alla små bokstäver och innehåller inga mellanslag.
så låt oss säga att du ville ändra fältet” telefon ”för att säga ”ditt telefonnummer”:
<div class="form-item"> <label>Phone</label> <input class="form-control" name="contact" type="text" /></div>
för att ändra Etiketttexten, leta efter följande:
<label>Phone</label>
som kan ändras till:
<label>Your Phone Number</label>
därefter vill du ändra fältnamnet, leta efter något som följande:
<input class="form-control" name="contact" type="text" />
inom fältkoden ser du följande:
name="contact"
namnet på fältet ligger inom parenteserna. Så du skulle ändra detta till:
name="contact"
Obs!: Vi rekommenderar att du matchar din Etiketttext med ditt fältnamn som i exemplet ovan eftersom fältnamnet används i de genererade e-postaviseringarna.
Steg 5: När du är klar klickar du på ikonen </> längst upp till höger i kodvyn för att växla tillbaka till den visuella redigeraren och se ditt uppdaterade formulär!
du har bytt namn på ditt formulärfält! Om allt ser bra ut, glöm inte att slå Spara ändringar och fortsätt genom publiceringsprocessen för att göra dina uppdateringar live!
2) Lägg till enradig Text
ett textfält med en rad är användbart för att samla in användarinmatad text för korta 2-5 ordsvar (dvs. företagsnamn, ålder, postnummer, etc)
Steg 1: för att lägga till detta måste du först vara inloggad och på redigeringsskärmen. Härifrån navigera till sidan / sidorna med ditt formulär på den och klicka på ditt sidinnehåll för att aktivera redigeringsverktygslådan och klicka på ikonen </> för att aktivera ”Kodvy”.
steg 2: inom den här koden hittar du var din blankett finns, det ska se ut så här:
steg 3: varje fält finns i denna kod: <div class="form-item"> ... </div>
, så se till att du klistrar in din kod du kopierade ovan så att den faller före eller efter det andra fältets kod.
steg 4: du vill ändra Etiketttexten och fältnamnet för detta fält, som beskrivs i det första avsnittet ovan.
3) Lägg till flerradig Text
flerradiga textfält är bra för långformade frågor.
Steg 1: för att lägga till detta måste du först vara inloggad och på redigeringsskärmen. Härifrån navigera till sidan / sidorna med ditt formulär på den och klicka på ditt sidinnehåll för att aktivera redigeringsverktygslådan och klicka på ikonen </> för att aktivera ”Kodvy”.
steg 2: inom den här koden hittar du var ditt formulär finns, det ska se ut så här:
steg 3: varje fält finns i denna kod: <div class="form-item"> ... </div>
, så se till att du klistrar in din kod du kopierade ovan så att den faller före eller efter det andra fältets kod.
steg 4: Du vill ändra Etiketttexten och fältnamnet för det här fältet, som beskrivs i det första avsnittet ovan.
4) Lägg till välj rullgardinsmenyn
Välj Rullgardinsfält är bra för långa, fördefinierade alternativ.
Steg 1: för att lägga till detta måste du först vara inloggad och på redigeringsskärmen. Härifrån navigera till sidan / sidorna med ditt formulär på den och klicka på ditt sidinnehåll för att aktivera redigeringsverktygslådan och klicka på ikonen </> för att aktivera ”Kodvy”.
steg 2: Inom den här koden hittar du var ditt formulär finns, det ska se ut så här:
steg 3: varje fält finns i denna kod: <div class="form-item"> ... </div>
, så se till att du klistrar in din kod du kopierade ovan så att den faller före eller efter det andra fältets kod.
steg 4: du vill ändra Etiketttexten och fältnamnet för det här fältet, som beskrivs i det första avsnittet ovan, men du vill också anpassa rullgardinsalternativen som är tillgängliga för dina användare. För att göra detta, lägg till / ta bort följande från koden du kopierar och klistrar in: <option>Option 1</option>
du kommer att märka att den första <option>
är inställd något annorlunda. Detta är ett valfritt standardalternativ för att berätta för användarna vad de ska göra, vilket noteras av koden disabled="disabled"
och selected="selected"
. Redigera gärna texten för det här alternativet också, eller ta bort alternativet helt.
5) Lägg till radioknappar
Radioknappfält är ett annat bra sätt att visa alternativ med ett svar.
Steg 1: för att lägga till detta måste du först vara inloggad och på redigeringsskärmen. Härifrån navigera till sidan / sidorna med ditt formulär på den och klicka på ditt sidinnehåll för att aktivera redigeringsverktygslådan och klicka på ikonen </> för att aktivera ”Kodvy”.
steg 2: inom den här koden hittar du var ditt formulär finns, det ska se ut så här:
steg 3: varje fält finns i denna kod: <div class="form-item"> ... </div>
, så se till att du klistrar in din kod du kopierade ovan så att den faller före eller efter det andra fältets kod:
steg 4: Du vill ändra Etiketttexten och fältnamnet på det här fältet, som beskrivs i det första avsnittet ovan, men du måste också anpassa ditt alternativvalsvärde och visa Text.
värdet här är vad du ser som: value="1"
, ändra helt enkelt 1
till vilken text du vill visa i dina e-postmeddelanden. Displaytexten är vad du ser som: Option 1
, som visar precis före stängningen </label>
taggen. Det här är texten som användaren kommer att se för det här alternativet, Ändra detta till vad du vill.
notera: Du kan lägga till / ta bort ett obegränsat antal alternativknappalternativ. För att skapa ytterligare radioknappar i en uppsättning, kopiera och klistra in ovanstående kod före eller efter andra alternativ och anpassa knappvärdet.
viktigt: när du ändrar fältnamnet, Observera att alla alternativknappar i en uppsättning måste dela samma fältnamn. Ge dem inte varje olika fältnamn, annars kommer de att behandlas som ett annat fält helt.
6) Lägg till kryssrutor
kryssrutor är bra för när flervalsfrågor.
Steg 1: för att lägga till detta måste du först vara inloggad och på redigeringsskärmen. Härifrån navigera till sidan / sidorna med ditt formulär på den och klicka på ditt sidinnehåll för att aktivera redigeringsverktygslådan och klicka på ikonen </> för att aktivera ”Kodvy”.
steg 2: inom den här koden hittar du var ditt formulär finns, det ska se ut så här:
steg 4: varje fält finns i denna kod: <div class="form-item"> ... </div>
, så se till att du klistrar in din kod du kopierade ovan så att den faller före eller efter det andra fältets kod.
steg 4: du vill ändra Etiketttexten och fältnamnet på det här fältet, som beskrivs i det första avsnittet ovan, men du måste också anpassa kryssrutan alternativ värde och visa Text. För att göra detta, hitta helt enkelt följande i koden du kopierar och klistrar in:
värdet här är vad du ser som: value="1"
, ändra helt enkelt 1
till vilken text du vill visa i dina e-postmeddelanden. Displaytexten är vad du ser som: Option 1
, som visar precis före stängningen </label>
taggen. Det här är texten som användaren kommer att se för det här alternativet, Ändra detta till vad du vill.
artikel #5 Lägg till en Favicon
Favicon (kort för favoritikon) är i huvudsak en liten ikon associerad med en viss webbplats. Webbläsare som stöder favicons visar vanligtvis ikonen i webbläsarens adressfält, i bokmärken och i historiken också. Favicons som är väl utformade matchar vanligtvis ditt företags logotyp eller temat för din webbplats. Att lägga till ett favicon på din webbplats ger besökarna ett snabbt sätt att känna igen din webbplats med en enda blick.
Tjugo över tio klient, Fit Wealth Advisors har ”Fit” – ikonen som dyker upp till vänster när de knyter sitt namn i sökmotorn.
lägga till ett FAVICON:
vi rekommenderar att du skapar ett favicon som är minst 16x16px i storlek. Inom tjugo över tio plattform lägga din egen favicon är lätt. När du laddar upp din favicon Observera att PNG eller ICO filtyper föredras.
Steg 1: Öppna dina ”Webbplatsinställningar” från botten av sidofältet.
steg 2 (Ladda upp en logotypfil)
använd knappen ”Ladda upp logotyp” för att importera en fil
Obs: .svg,.png, eller .jpeg-filtyper föredras.
steg 3 (Lägga till en logotyp): om du inte har en specifik logotyp, använd verktyget ”site title” och skriv in det namn du vill ha (kom ihåg att detta kommer att visas som din logotyp på sidorna på din webbplats).
steg 4: Om du använder verktyget ”site title”, använd verktyget” logo font ” för att ändra teckensnittet på logotypen så att det matchar ditt önskade varumärke.
artikel # 6 Lägg till Analytics
spårning och övervakning av din webbplatsanalys är avgörande och är grunden för en prestationsdriven webbplats. Google Analytics erbjuder användarna en enorm mängd data och kan enkelt integreras i din tjugo över tio webbplats. Om du inte har en Google Analytics-kontoinställning kan du ställa in en här.
LÄGGA TILL GOOGLE ANALYTICS PÅ DIN WEBBPLATS:
Steg 1: Öppna dina ”Webbplatsinställningar” från din sidofält.
steg 2: Klicka på fliken integrationer för att expandera och se alla dina integrationsdetaljer.
steg 3: När du har infogat din Google Analytics-kod klickar du på Spara-knappen.
för att integrera ditt Google Analytics-konto med din tjugo över tio webbplats behöver du ditt Google Analytics-kontonummer. Spårnings-ID som tillhandahålls av Google Analytics är en rad bokstäver och siffror som UA-000000-2. Detta måste inkluderas i din spårningskod för att berätta för Analytics vilket konto och egendom som ska skickas data till. Den första uppsättningen siffror (-000000, i exemplet ovan) hänvisar till ditt kontonummer och den andra uppsättningen siffror (-2) hänvisar till det specifika egenskapsnummer som är kopplat till kontot. Här är grundläggande instruktioner om var du hittar ditt spårnings-ID i ditt Google Analytics-konto.
artikel # 7 TEST TEST TEST
vi kan inte säga det nog – test, test och test igen! När din webbplats fungerar bra kommer det att hjälpa till att växa ditt företag exponentiellt. Men utan att använda analys och testning kommer du aldrig att veta hur din webbplats presterar och hur du kan förbättra webbplatsens prestanda. Testa din webbplats innan du startar är oerhört viktigt för att hitta några problem och åtgärda eventuella buggar som potentiellt kan skada användarupplevelsen.
Var säker på att vårt team alltid testar, squashar buggar och förbättrar vår plattform, men det finns några ytterligare objekt på sidan som vi rekommenderar våra användare att granska för kvalitetssäkring innan du startar din nya webbplats, till exempel:
- länkar: vi tror inte att det finns något värre än att klicka på en länk som går ingenstans eller tar dig till en helt irrelevant sida. Klicka på varje länk på din webbplats för att testa och vara säker på att de kommer där du tänkt dem att gå.
- grammatik och stavning: du har spenderat mycket tid på att utveckla solidt innehåll för din webbplats. Låt det inte gå till spillo genom att missa dumma fel. Efter att ha tittat på din webbplats i timmar (kanske till och med veckor) i slutet kan det vara lätt att missa fel. Överväg att be en kollega eller partner att ta en titt på din testplats innan du startar för att fånga stavnings-och grammatiska fel.
- utseende och känsla: gå tillbaka och titta på dina bilder och innehållsblock. Finns det tillräckligt med vitt utrymme eller ser allt ut smooshed? Se till att ditt avstånd är tillräckligt, din färgpalett återspeglar din varumärkesidentitet och den övergripande stylingen är i nivå. Se också till att din webbplats flyter bra. De flesta rådgivande företagets webbplatser har en genomsnittlig besökstid på drygt en minut. Håll det enkelt och enkelt att navigera. Det finns ingen anledning att du behöver berätta ditt meddelande med mer än fem sidor.
kämpar med vilket innehåll att dela på sociala medier eller via e-post?
vi erbjuder tillgång till vårt innehåll för rådgivare att använda via Lead Pilot för 7-dagar helt gratis (även på våra månad till månad planer).
få alla detaljer här
om författaren
Blair Kelly
Blair är en digital marknadsföringsassistent på tjugo över tio och har en passion för att avslöja vad som driver online-trafik och det högsta engagemanget. Hon följer fler djur på Instagram än människor och hennes största prestation är hennes dotter, grå.