Checklist voor het starten van een Website: Top 7 dingen die u moet doen voordat u Live gaat

we houden van checklists. En hoewel we weten dat het lanceren van een nieuwe website spannend kan zijn, kan het ook een stressvolle onderneming zijn voor iedereen, of je nu ervaren bent of niet. In plaats van zorgen te maken over een handvol dingen die vreselijk mis zou kunnen gaan bij de lancering van uw site, zou het niet leuk zijn om een handige checklist te verwijzen voordat u live gaat? Je hebt geluk!

wij begrijpen dat de meeste financiële adviseurs weinig of geen ervaring hebben met het ontwerpen van websites, wat het bouwen van uw eigen site een zeer intimiderend idee kan maken. Zelfs als je een basisidee van hoe het web werkt, kan het vaak duur en tijdrovend zijn om een website te bouwen op uw eigen ondernemen.

daarom ontwikkelden we het Twenty Over Ten platform niet alleen met de eindgebruiker in het achterhoofd, maar ook met de builder-you! Ons intuïtieve CMS (Content Management System) biedt u de tools om uw website autonoom te beheren als een professional. Het is makkelijk te gebruiken, gebruiksvriendelijk en boordevol krachtige functies voor zowel beginners als experts!

Pre-Launch Checklist

Pre-Launch Checklist

Item # 1 Een sitetitel toevoegen

de homepage van uw website is veruit de zwaarst gewogen pagina op uw hele website. Daarom, het is van cruciaal belang dat u kiest voor een opvallende titel voor uw nieuwe website. De titel van uw website zal verschijnen in de zoekresultaten, browser bars en formulier meldingen. We snappen het – het bedenken van een website Titel kan een eng ding om te doen. Dit is het eerste wat prospects zullen zien wanneer ze het land op uw website.

de titel van uw website is uw merk. Wees duidelijk over het doel van uw website en neem de tijd om een goed vervaardigde site titel te ontwikkelen om te helpen uw financiële planning bedrijf onderscheiden van uw concurrentie. Het kiezen van een goede site titel zal ook helpen vertellen bezoekers wat uw site is over en wat ze kunnen verwachten te vinden zodra de landing op uw site.

een sitetitel toevoegen:

Stap 1: Toegang tot uw “site settings” vanaf de onderkant van uw zijbalk.

managingstyles_sitesettings-1024x588.jpg

Stap 2 (uploaden van een logo bestand): Gebruik de “upload logo” knop om een bestand te importeren. .svg, .png, of .JPEG-bestandstypen hebben de voorkeur.

step3-1024x587.jpg

Stap 3 (het toevoegen van een logo): als u geen specifiek logo heeft, gebruik dan de “site title” tool en typ de naam die u wilt (Houd er rekening mee dat dit als uw logo wordt weergegeven op de pagina ‘ s binnen uw website).

step4-1024x587.jpg

Stap 4: Als u gebruik maakt van de “site title” tool, gebruik maken van de “logo font” tool om het lettertype van het logo aan te passen aan uw gewenste merk.

step5-1024x587.jpg

Item # 2 paginatitels toevoegen

Titeltags verschijnen bovenaan de browser die u gebruikt, en het is belangrijk voor zowel de gebruikerservaring als de SEO. Het toevoegen en aanpassen van uw pagina titels zal niet alleen site bezoekers meer informatie te geven, maar dit kan ook helpen bij het geven van zoekmachines zoals Google meer informatie over de pagina ‘ s op uw site en de informatie die ze bevatten.

het titellabel van een webpagina is bedoeld als een nauwkeurige en beknopte beschrijving van de inhoud van een pagina. In het onderstaande voorbeeld, “Cleveland, OH / Female Financial Advisor / Glass Financial is de titel tag. Vanuit een SEO perspectief, title tags moeten worden geformatteerd als zodanig: primaire zoekwoord-secundaire zoekwoord / merknaam. U kunt zien waar het bedrijf is gevestigd, een trefwoord dat de adviseur of het bedrijf en de naam van het bedrijf beschrijft.

glas financiële adviseurs

paginatitel aanpassen:

Stap 1: Toegang tot uw “pagina-instellingen” vanuit uw zijbalk.

paginatitels van browser aanpassen

Stap 2: Uw standaard pagina URL slug zal leeg zijn.

browsertitels bijwerken

Stap 3: U kunt uw pagina ‘browser paginatitel’volledig aanpassen. Bijvoorbeeld, in plaats van gewoon het hebben van ‘Bedrijfsnaam’, kunt u een lijst’ bedrijfsnaam | serveren Chicago, Evanston, en Oakpark ‘ om verder te articuleren uw geografische locatie aan potentiële klanten. Nadat u de titel van uw keuze hebt toegevoegd, klikt u op de knop Opslaan.

browsertitels bijwerken

Stap 4: U kunt uw eigen browsertitel zien in het tabblad boven uw webpagina.

browsertitels bijwerken

Item # 3 voeg Metadata toe aan alle pagina ‘ s & blogberichten

metabeschrijvingen leg aan zoekmachines en zoekers uit waar uw site over gaat. Inclusief meeslepende meta Beschrijvingen op uw site kan vaak de bepalende factor zijn als iemand klikt op uw site of niet van de SERP (zoekmachine resultaten pagina), vooral als je met inbegrip van zoekwoorden de zoeker is op zoek naar.Twenty Over Ten client, Forward Thinking Wealth Management, heeft goed werk geleverd door een beschrijving van meta-data onder niet alleen hun hoofdtitel tag, maar ook onder de subheaders op te nemen.

meta Data forward thinking wealth management

hier is de vangst en waar we de meeste adviseurs misstap zien. Metadata moet worden toegevoegd aan elke pagina van uw website. Dit omvat de belangrijkste pagina ‘ s, landing pages, en blog posts te!

METADATA toevoegen aan uw webpagina ‘s:

Stap 1: Toegang tot uw “pagina-instellingen” vanuit uw zijbalk.

metagegevens toevoegen aan webapges

Stap 2: Scroll naar beneden totdat u het vak SEO-beschrijving bereikt en voeg uw inhoud toe.

metagegevens toevoegen aan webapges

Stap 3: uw metagegevens moeten een korte beschrijving van 1-2 zinnen zijn (rijk aan trefwoorden) van de inhoud die op die specifieke pagina verschijnt. Nadat u de inhoud van uw keuze hebt toegevoegd, klikt u op de knop Opslaan.

metagegevens toevoegen aan webapges

METADATA toevoegen aan uw blogberichten:

Stap 1: Toegang tot uw “berichten beheren” vanuit uw zijbalk (een pictogram).

metagegevens toevoegen aan blogberichten

Stap 2: Selecteer de blogpost waaraan u metagegevens wilt toevoegen.

metagegevens toevoegen aan blogberichten

Stap 3: Scroll naar beneden totdat u het vak SEO-beschrijving bereikt en voeg uw inhoud toe.

metagegevens toevoegen aan blogberichten

Stap 4: Uw metagegevens moeten een korte beschrijving van 1-2 zinnen zijn (rijk aan trefwoorden) van de inhoud die op die specifieke blogpost verschijnt. Nadat u de inhoud van uw keuze hebt toegevoegd, klikt u op de knop Opslaan.

metagegevens toevoegen aan blogberichten

Item #4 Connect Forms

heeft u een formulier op uw contactpagina? Het is belangrijk om elk veld in te vullen om ervoor te zorgen dat elk veld in het formulier goed werkt. Wanneer u klikt op verzenden of verzenden, moet u ook controleren of de juiste bevestiging of dank u pagina komt. Controleer ten slotte uw e-mail waarmee u zich hebt aangemeld om ervoor te zorgen dat uw verzoek met succes is ingediend. Er is niets meer gekmakend voor uw bezoekers van de site dan het invullen van een formulier dat niet werkt en als ondernemer, u wilt ervoor zorgen dat u het vastleggen van die leads ook!

CONNECT FORM DATA toevoegen:

1) hernoem standaard velden

Stap 1: om de standaard veldnamen voor uw formulier te bewerken moet u eerst ingelogd zijn en op het bewerkingsscherm staan. Van hier navigeer naar de pagina (‘s) met uw formulier erop en klik op uw pagina-inhoud om de editor toolbox te activeren:

standaard formuliervelden hernoemen

Stap 2: Selecteer hier het pictogram </> in het bewerkingsvenster:

hernoemen van standaard formuliervelden

Stap 3: Dit schakelt over naar wat we noemen de “Code View” van de inhoud van uw pagina. Wat u op zoek bent naar is de werkelijke Website code voor deze pagina. Binnen deze code vinden waar uw formulier zich bevindt, het moet er ongeveer zo uitzien:

standaard formuliervelden hernoemen

Stap 4: voor elk veld zijn er twee gebieden die u kunt wijzigen om uw standaardvelden aan te passen. Dit zal de labeltekst en veldnaam van het veld zijn.

Etikettekst-dit is de tekst die gebruikers boven het veld zullen zien.

veldnaam – dit is voor het verwerken van het formulier en moet alle kleine letters zijn en geen spaties bevatten.

dus, laten we zeggen dat je het veld “Phone” wilde wijzigen om te zeggen “Your Phone Number”:

standaard formuliervelden hernoemen

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

om de labeltekst te wijzigen, zoekt u het volgende:

<label>Phone</label>

die kan worden gewijzigd in:

<label>Your Phone Number</label>

vervolgens wilt u de veldnaam wijzigen, zoek naar iets als het volgende:

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

binnen de veldcode ziet u het volgende:

name="contact"

de naam van het veld staat tussen de haakjes. Dus je zou dit veranderen in:

name="contact"

Notes: we raden aan uw labeltekst te matchen met uw veldnaam zoals in het bovenstaande voorbeeld, omdat de veldnaam wordt gebruikt in de gegenereerde e-mailmeldingen.

Stap 5: Als u klaar bent, klikt u op het </> pictogram in de rechterbovenhoek van de codeweergave om terug te schakelen naar de visuele editor en uw bijgewerkte formulier te zien!

standaard formuliervelden hernoemen

u hebt uw formulierveld succesvol hernoemd! Als alles er goed uitziet, vergeet dan niet om wijzigingen op te slaan en door het publicatieproces te gaan om uw updates live te maken!

2) tekst met één regel toevoegen

tekst met één regel toevoegen een tekstveld met één regel is nuttig voor het verzamelen van door de gebruiker ingevoerde tekst voor korte antwoorden met 2-5 woorden (dwz. bedrijfsnaam, leeftijd, postcode, etc)

Stap 1: om dit toe te voegen moet u eerst ingelogd zijn en op het bewerkingsscherm. Navigeer naar de pagina (‘s) met uw formulier erop en klik op de pagina-inhoud om de editor toolbox te activeren en klik op het </> icoon om de “Code View”te activeren.

tekst op één regel toevoegen

Stap 2: Zoek binnen deze code waar uw formulier zich bevindt, het zou er ongeveer zo uit moeten zien:

toevoegen van eenregelige tekst

Stap 3: elk veld bevindt zich binnen deze code: <div class="form-item"> ... </div>, dus zorg ervoor dat u de code die u hierboven hebt gekopieerd plakt, zodat deze voor of na de code van het andere veld valt.

Stap 4: u wilt de labeltekst en de veldnaam van dit veld wijzigen, zoals beschreven in de eerste sectie hierboven.

3) tekst met meerdere regels toevoegen

tekst met meerdere regels toevoegen tekstvelden met meerdere regels zijn zeer geschikt voor lange-vormvragen.

Stap 1: om dit toe te voegen moet u eerst ingelogd zijn en op het bewerkingsscherm. Navigeer naar de pagina (‘s) met uw formulier erop en klik op de pagina-inhoud om de editor toolbox te activeren en klik op het </> icoon om de “Code View”te activeren.

meerregelige tekst toevoegen

Stap 2: Zoek binnen deze code waar uw formulier zich bevindt, het zou er ongeveer zo uit moeten zien:

toevoegen van meerregelige tekst

Stap 3: elk veld is opgenomen in deze code: <div class="form-item"> ... </div>, dus zorg ervoor dat u de code die u hierboven hebt gekopieerd plakt zodat deze voor of na de code van het andere veld valt.

Stap 4: U wilt de labeltekst en de veldnaam van dit veld wijzigen, zoals beschreven in de eerste sectie hierboven.

4) Select Dropdown

Select dropdown select Dropdown velden zijn ideaal voor lange, voorgedefinieerde opties.

Stap 1: om dit toe te voegen moet u eerst ingelogd zijn en op het bewerkingsscherm. Navigeer naar de pagina (‘s) met uw formulier erop en klik op de pagina-inhoud om de editor toolbox te activeren en klik op het </> icoon om de “Code View”te activeren.

tekst met meerdere regels toevoegen

Stap 2: Binnen deze code vinden waar uw formulier zich bevindt, het moet er ongeveer zo uitzien:

toevoegen van meerregelige tekst

Stap 3: elk veld is opgenomen in deze code: <div class="form-item"> ... </div>, dus zorg ervoor dat u de code die u hierboven hebt gekopieerd plakt zodat deze voor of na de code van het andere veld valt.

Stap 4: u wilt de labeltekst en de veldnaam van dit veld wijzigen, zoals beschreven in de eerste sectie hierboven, maar u wilt ook de keuzemogelijkheden aanpassen die beschikbaar zijn voor uw gebruikers. Om dit te doen, gewoon toevoegen / verwijderen van de code die u kopieert en geplakt: <option>Option 1</option>

u zult merken dat de eerste <option> iets anders is ingesteld. Dit is een optionele standaardoptie om gebruikers te vertellen wat ze moeten doen, zoals aangegeven door de code disabled="disabled" en selected="selected". Voel je vrij om de tekst voor deze optie ook te bewerken, of verwijder de optie volledig.

5) keuzerondjes toevoegen

keuzerondjes keuzerondjes toevoegen is een andere geweldige manier om opties met één antwoord te tonen.

Stap 1: om dit toe te voegen moet u eerst ingelogd zijn en op het bewerkingsscherm. Navigeer naar de pagina (‘s) met uw formulier erop en klik op de pagina-inhoud om de editor toolbox te activeren en klik op het </> icoon om de “Code View”te activeren.

keuzerondjes toevoegen

Stap 2: Zoek binnen deze code waar uw formulier zich bevindt, het zou er ongeveer zo uit moeten zien:

keuzerondjes

toevoegen Stap 3: elk veld is opgenomen in deze code: <div class="form-item"> ... </div>, dus zorg ervoor dat u de hierboven gekopieerde code plakt zodat deze voor of na de code van het andere veld valt:

Stap 4: U wilt de labeltekst en veldnaam van dit veld wijzigen, zoals beschreven in het eerste gedeelte hierboven, maar u moet ook uw keuzerondjesopties aanpassen en tekst weergeven.


de waarde hier is wat u ziet als: value="1", verander gewoon de 1 naar de tekst die u wilt weergeven in uw e-mailmeldingen. De Display tekst is wat je ziet als: Option 1, die wordt weergegeven vlak voor het sluiten </label> tag. Dit is de tekst die de gebruiker zal zien voor deze optie, verander dit naar wat je wilt.

Noot: U kunt toevoegen / verwijderen van een onbeperkt aantal keuzerondjes opties. Als u extra keuzerondjes in een set wilt maken, kopieert en plakt u de bovenstaande code voor of na andere opties en past u de waarde van de knop aan.

belangrijk: houd er bij het wijzigen van de veldnaam rekening mee dat alle keuzerondjes in een set dezelfde veldnaam moeten hebben. Geef ze niet elk verschillende veldnamen, of anders zullen ze elk worden behandeld als een ander veld volledig.

6) selectievakjes toevoegen

selectievakjes toevoegen selectievakjes zijn geweldig voor meerkeuzevragen.

Stap 1: om dit toe te voegen moet u eerst ingelogd zijn en op het bewerkingsscherm. Navigeer naar de pagina (‘s) met uw formulier erop en klik op de pagina-inhoud om de editor toolbox te activeren en klik op het </> icoon om de “Code View”te activeren.

voeg selectievakjes

Stap 2: Zoek binnen deze code waar uw formulier zich bevindt, het zou er ongeveer zo uit moeten zien:

voeg selectievakjes

Stap 4: elk veld is opgenomen in deze code: <div class="form-item"> ... </div>, dus zorg ervoor dat u de code die u hierboven hebt gekopieerd plakt, zodat deze voor of na de code van het andere veld valt.

Stap 4: u wilt de labeltekst en de veldnaam van dit veld wijzigen, zoals beschreven in de eerste sectie hierboven, maar u moet ook uw checkbox opties waarde aanpassen en tekst weergeven. Om dit te doen, vindt u het volgende in de code die u kopieert en plakt:


de waarde hier is wat u ziet als: value="1", verander gewoon de 1 naar de tekst die u wilt weergeven in uw e-mailmeldingen. De Display tekst is wat je ziet als: Option 1, wat vlak voor het sluiten van </label> – tag wordt weergegeven. Dit is de tekst die de gebruiker zal zien voor deze optie, verander dit naar wat je wilt.

Item # 5 Add a Favicon

Favicon (afkorting voor favoriete icon) is in wezen een klein pictogram geassocieerd met een bepaalde website. Browsers die favicons ondersteunen, tonen meestal het pictogram in de adresbalk van de browser, in bladwijzers en in de geschiedenis. Favicon ‘ s die zijn goed ontworpen zal meestal overeenkomen met het logo van uw bedrijf of het thema van uw website. Het toevoegen van een favicon aan uw website geeft bezoekers een snelle manier om uw website te herkennen met een enkele blik.

Fit Wealth Advisors

twintig over tien client, Fit Wealth Advisors heeft het” Fit ” pictogram dat naar links verschijnt wanneer hun naam wordt gekoppeld aan de zoekmachine.

een FAVICON toevoegen:

we raden aan een favicon aan te maken die minimaal 16x16px groot is. Binnen de twintig Over tien platform het toevoegen van uw eigen favicon is eenvoudig. Houd er bij het uploaden van uw favicon rekening mee dat PNG-of ICO-bestandstypen de voorkeur hebben.

Stap 1: Toegang tot uw “site-instellingen” vanaf de onderkant van uw zijbalk.

toevoegen van een favicon

Stap 2 (uploaden van een logobestand)

gebruik de knop “logo uploaden” om een bestand

te importeren opmerking: .svg, .png, of .JPEG-bestandstypen hebben de voorkeur.

toevoegen van een Favicon

Stap 3 (een logo toevoegen): als u geen specifiek logo heeft, gebruik dan het gereedschap “site title” en typ de naam in die u wilt (Houd er rekening mee dat dit als uw logo wordt weergegeven op de pagina ‘ s binnen uw website).

toevoegen van een favicon

Stap 4: Als u de “site title” tool gebruikt, gebruik dan de “logo font” tool om het lettertype van het logo aan te passen aan uw gewenste merk.

een favicon toevoegen

Item # 6 Analytics toevoegen

het volgen en monitoren van uw website analytics is cruciaal en vormt de basis van een prestatiegerichte website. Google Analytics biedt gebruikers een enorme hoeveelheid gegevens en kan gemakkelijk worden geà ntegreerd in uw twintig Over tien website. Als u geen Google Analytics-account hebt ingesteld, kunt u er hier een Instellen.

GOOGLE ANALYTICS TOEVOEGEN AAN UW WEBSITE:

Stap 1: Toegang tot uw “site-instellingen” vanuit uw zijbalk.

analytics toevoegen

Stap 2: Klik op het tabblad integraties om uit te vouwen en zie al uw integratiedetails.

Google Analytics toevoegen

Stap 3: Nadat u uw Google Analytics-code hebt ingevoegd, klikt u op de knop Opslaan.

Google Analytics toevoegen

om uw Google Analytics-account te integreren met uw twintig Over tien website hebt u uw Google Analytics-accountnummer nodig. De tracking-ID van Google Analytics is een reeks letters en cijfers zoals UA-000000-2. Dit moet worden opgenomen in uw trackingcode om Analytics te vertellen naar welke account en eigenschap gegevens moeten worden verzonden. De eerste reeks getallen (-000000, in het voorbeeld hierboven) verwijst naar uw rekeningnummer, en de tweede reeks getallen (-2) verwijst naar het specifieke eigenschappennummer dat aan de rekening is gekoppeld. Hier zijn basisinstructies over waar u uw tracking-ID kunt vinden in uw Google Analytics-account.

Item # 7 TEST TEST TEST

we kunnen het niet genoeg zeggen – test, test, en test opnieuw! Wanneer uw website goed presteert, zal het helpen groeien uw bedrijf exponentieel. Echter, zonder het gebruik van analytics en testen, zult u nooit weten hoe uw website presteert en hoe u de prestaties van uw site kunt verbeteren. Het testen van uw website voor de lancering is ongelooflijk belangrijk om eventuele problemen te vinden en eventuele bugs die mogelijk schade kunnen toebrengen aan de gebruikerservaring op te lossen.

wees gerust ons team is altijd het testen, squashing bugs en het verbeteren van ons platform, maar er zijn een aantal extra op-pagina items die we onze gebruikers aanraden te beoordelen voor kwaliteitsborging voor de lancering van uw nieuwe website, zoals:

  • Links: We denken niet dat er iets erger is dan het klikken op een link die nergens heen gaat of je naar een volledig irrelevante pagina brengt. Klik op elke link op uw site om te testen en zorg ervoor dat ze gaan waar je ze bedoeld om te gaan.
  • grammatica en spelling: u hebt veel tijd besteed aan het ontwikkelen van solide inhoud voor uw website. Laat het niet verloren gaan door het missen van domme fouten. Na het bekijken van uw site voor uren (misschien zelfs weken) op einde kan het gemakkelijk zijn om fouten te missen. Overweeg om een collega of partner te vragen om een kijkje te nemen op uw test site voordat u de lancering om eventuele spelling en grammaticale fouten te vangen.
  • kijk en voel: stap terug en neem een kijkje op uw afbeeldingen en blokken van inhoud. Is er genoeg witte ruimte of ziet alles er smooshed uit? Zorg ervoor dat uw afstand voldoende is, uw kleurenpalet weerspiegelt uw merkidentiteit en de algehele styling is on-par. Bovendien, zorg ervoor dat uw website goed stroomt. De meeste websites van adviesbureaus hebben een gemiddelde bezoekduur van iets meer dan een minuut. Houd het eenvoudig en gemakkelijk te navigeren. Er is geen reden om uw bericht te vertellen met meer dan vijf pagina ‘ s.

worstelen met welke inhoud te delen op sociale Media of via e-mail?

we bieden adviseurs toegang tot onze content om deze 7 dagen volledig gratis te gebruiken via Lead Pilot (zelfs op onze maand-tot-maandplannen).

Hier vindt u alle Details

over de auteur

Blair Kelly

Blair is een Digital marketing assistant op twintig Over tien en heeft een passie voor het blootleggen van wat drijft online verkeer en de hoogste betrokkenheid. Ze volgt meer dieren op Instagram dan mensen en haar grootste prestatie is haar dochter, Grey.

Geef een antwoord

Het e-mailadres wordt niet gepubliceerd.