De snelheid van de website is belangrijk. Hoe beter de website is gebouwd, hoe minder overbodige code, hoe minder storing en hoe sneller de site is. Snelheid is belangrijk voor:
Google
Het is niet hoe sneller, hoe hoger je scoort. Maar een trage website komt wel aanzienlijk lager in de zoekresultaten te staan. Wij houden 80 tot 90 punten (van de 100) aan als minimum snelheid voor een belangrijke website pagina.
De bezoeker
Een traag ladende site of een site waar elke actie van de bezoeker een eeuwigheid kijkt te duren, wekt bewust of onbewust ergernis op. Het is een feit dat een langzame website leidt tot minder aankopen of inschrijvingen, en minder terugkerende bezoekers.
Deze website is natuurlijk ook getest. We hebben de ‘zwaarste’ pagina getest. Homepagina 8 hebben we gekozen.
Deze pagina bevat:
Een query (zoekopdracht) van 6 pagina’s met foto’s.
Een query (zoekopdracht) van 6 nieuwsberichten.
Een review carrousel, dus met bewegingsanimatie (voor de kenner: ook een query van meerdere custom posts met custom fields)
Een Hero (bovenkant website) met een heel brede achtergrondafbeelding.
Rij van verschillende logo’s met effecten.
Knop met een pop-up en het informatieformulier.
Knop aan de zijkant met een slide-in modal.
Knop in de Hero met een pop-up met informatie over de betreffende pagina.
Onderaan de pagina een inschrijvingsformulier voor de nieuwsbrief
Knop in de Hero met een pop-up voor het inschrijvingsformulier voor de nieuwsbrief.
Zelfs met deze overdaad aan elementen heeft de pagina deze prachtige snelheid
Mobiel: 96 (van de 100, dus een 9,6)
Desktop: 99 (van de 100, dus een 9,9)
Regio
Regio Utrecht, De Bilt, De Meern, Westbroek, Maartensdijk, Bilthoven, Nieuwegein, Houten. Bezoek aan huis is mogelijk.
Specialisaties
Lichaamsmassage, sportmassage, ontspanningsmassage, rug, bekken en nekklachten. Zowel preventief als curatief.
De knop waar je op geklikt hebt, opent deze melding met een tekst, link of afbeelding naar keuze. Als je dit niet nodig hebt, kan dit worden uitgezet! Als voorbeeld staat het informatieformulier ook hier.
Schrijf je in voor de nieuwsbrief!
De gegevens worden alleen gebruikt voor de nieuwsbrief. Na elke nieuwsbrief kun je jezelf weer afmelden.
De menu items geven nu meerdere opties per item aan, zodat je een keuze kunt maken. Er zijn bijvoorbeeld meerdere home pagina's. Sommige daarvan tonen je aanbod als tekst, andere tonen meerdere aanbodpagina's en enkele tonen juist meer blogposts (nieuws). Ook is er een versie met een modern slide-out menu.
De pagina's die je niet wilt gebruiken kun je verwijderen uit het menu. De pagina's zelf kun je bewaren; misschien heb je die later nodig.
* als je niet bekend bent met het WordPress systeem: als je een tekst of afbeelding op een activiteitenpagina of blogpost aanpast, is dat automatisch zichtbaar op de homepagina of het nieuwsoverzicht.
Er zijn meerdere kleurenpalets. De kleuren kun je, binnen zekere grezen, aanpassen, evenals de gebruikte lettertypes en de achtergrond afbeelding. Hou wel in de gaten dat een kleur op meerdere pagina's wordt gebruikt en dat je de 'functie' intact laat: een donkere kleur vervangen door ene lichte kleur, zorgt ervoor dat delen van de site onleesbaar worden.
Je kunt mixen: bijvoorbeeld de bovenkant en het pagina overzicht van homepagina 2, met de footer (onderkant) van homepagina 1.
De socials kunnen zowel links als rechts op de pagina, en uiteraard kunnen ze worden aangepast.
De logoipsum logo's staan er in om aan te geven waar jouw logo komt en waar je andere logo's kunt plaatsen; alles is voorbereid.
Ook de footer (het deel helemaal onderaan je website met allerlei gegevens) is uiteraard aanpasbaar.
De site is al geheel voorbereid op een nieuwsbrief. Ook de koppeling van het formulier met de e-mailadressen database wordt ingesteld.
Deze uitschuif-modal kan bijvoorbeeld ook gebruikt worden voor je informatieformulier.
Homepagina aanpassen
Je kunt op eenvoudige wijze meerdere onderdelen aanpassen. Vergeet niet om na de wijzigingen op Opslaan te klikken, dat duurt 5-7 seconden.
Titel
Standaard toont de homepagina de naam van de titel. Soms wil je iets anders tonen dan de echte titel. Dat kan een technische of een SEO reden hebben. Aanpassen: klik op Pagina bewerken, onderaan staat een dynamic veld: Titel indien afwijkend van pagina titel. Daar zet je de tekst in die je wilt zien.
Subtitel of slogan onder titel
Het is niet verplicht, dus je kunt het leeglaten. Maar een subtitel kan soms heel verhelderend zijn. Vooral omdat een te lange titel niet goed is; kies dan een korte titel; en maak een subtitel. Aanpassen: klik op Pagina bewerken, onderaan staat een dynamic veld: Subtitel of slogan onder titel. Daar zet je de tekst in die je wilt zien.
Achtergrond
Een aantal Homepagina's heeft de mogelijkheid een achtergrondafbeelding of achtergrondkleur te gebruiken. Op het moment van schrijven zijn dat Homepagina 11, 12 en 13. In de Bewerkmodus kun je onderin een afbeelding uploaden. Deze moet minimaal 900 pixels breed en 1200 px hoog zijn. Als het een egale achtergrondkleur betreft, is 400x400 voldoende.
Tekst visie homepagina
Je homepagina is de eerste kennismaking met je website. Daarom heb je de gelegenheid om daar een slogan, spreuk of iets anders te vermelden. Aanpassen: klik op Pagina bewerken, onderaan staat een dynamic veld: Tekst visie homepagina. Daar zet je de tekst in die je wilt zien.
Je wilt je aanbod aanpassen
De meeste homepagina's tonen een selectie (query) van je aanbod pagina's. Dat kun je op meerdere manieren aanpassen:
Het aantal aanbod pagina's
Dat staat meestal op 6 maar kan elk aantal zijn. Hoe daarbij wel rekening de lay-out; als er 2 kolommen zijn, is een even aantal mooier. Bij 3 kolommen kies je een meervoud van 3.
Dit kun je zelf aanpassen als je weet wat je doet, of door ons laten doen. Als je het zelf wilt doen, klik op pagina bewerken en activeer de query loop die je wilt aanpassen.
Vervolgens kijk je in de rechter edit kolom en past 'results per page' aan.
Je wilt de pagina volgorde aanpassen
In de afbeelding hiervoor zie (in blauw) dat de pagina volgorde op nummer gaat. Open de juiste aanbod pagina's, klik op Pagina bewerken en pas helemaal onderaan de pagina volgorde aan.
Aanbod pagina's
Je website maakt gebruik van aanbod pagina's. Dit zijn gewone pagina's, maar hebben de paginasoort 'Aanbod'. De website heeft een aantal kant-en-klare pagina's, die je meteen met je teksten en afbeeldingen kunt vullen.
Nieuwe pagina?
Als je een bestaande Aanbod pagina opent en bewerkt, zijn sommige velden al ingevuld. Als je een 'verse' pagina maakt niet. Als je een nieuwe aanbod pagina maakt, heb je 2 keuzes:
Je klikt bovenaan je website op 'Nieuw' en dan 'Pagina'. Dan zie je een geheel lege pagina. Zodra je in de Bewerkmodus rechts bij Paginasoort Aanbod-actief of Aanbod-non-actief zet, verschijnen onderaan meteen alle velden die je nodig hebt om teksten en URL's in te zetten.
Open een bestaande Aanbod pagina. Rechtboven zie je een knop 'Dupliceer pagina'. De nieuwe pagina neemt dan alle bestaande instellingen en teksten over; dat scheel je een werk. Vervolgens pas je de Uitgelichte afbeelding, alle teksten en de pagina volgorde aan, en vergeet Opslaan niet. Let op: alle SEO-instellingen worden ook gekopieerd; pas deze aan!
Titel
Standaard toont de pagina de naam van de titel. Hou er rekening mee dat deze duidelijk moet zijn voor de bezoeker en voor de zoekmachine.
Subtitel of slogan onder titel
Het is niet verplicht, dus je kunt het leeglaten. Maar een subtitel kan soms heel verhelderend zijn. Vooral omdat een te lange titel niet goed is; kies dan een korte titel; en maak een subtitel. Aanpassen: klik op Pagina bewerken, onderaan staat een dynamic veld: Subtitel of slogan onder titel. Daar zet je de tekst in die je wilt zien.
Pagina volgorde
Dit bepaalt de volgorde waarin de pagina's op de Homepagina staan. 1 is eerst, 2 daarna, etc. Als je waardes overslaat (1, 3, 5, 7, 9, etc) , kun je later nog een aanbodpagina invoegen.
Uitgelichte afbeelding kiezen
Rechtsboven in de instellingen kolom, staat 'Uitgelichte afbeelding kiezen'. Klik daarop. Media van je website opent automatisch. Als je daar al aan afbeelding had, kies je die. Anders sleep je een afbeelding naar media en kiest die daarna. Opslaan niet vergeten. Noot: het is niet verstandig om heel grote afbeeldingen te gebruiken; ze maken je website traag. Een breedte van 750 pixels is voor dit doel voldoende. Noot: een uitgelichte afbeelding is echt een 'must', anders zie je op de home pagina een pagina in de aabond-collecie zonder afbeelding.
URL en naam download knop
Het is soms handig om de bezoeker in de gelegenheid te stellen om een document zoals en brochure te downloaden. Tijdens het bewerken, kun je onderaan ingeven:
Naam download knop
URL van de download
Na het inloggen op je website ga ja naar het site dashboard. Dan klik je op Media. Nu kun je een pdf bestand (je brochure) naar Media verslepen. Daaarna kun je met je muis over de bestandsnaam hoveren en zie je 'URL kopiëren'.
De gekopieerde waarde plak je in het veld URL van de brochure. Plaats je cursor in het veld, rechtermuistoets, plakken. Vergeet niet om op te slaan.
Let op: de bekijken brochure knop is pas zichtbaar voor de bezoeker, als de URL is ingevuld. Als deze leeg is, wordt de knop verborgen.
Accordeon (vraag en antwoord)
De accordeon items op de aanbod pagina's zijn voorbereid met speciale dynamosche velden. Dat betekent dat je niets aan de lay-out hoeft te veranderen. Je klikt op Pagina bewerken en onderaan de pagina hoef je alleen de vraag en antwoord velden in te vullen. Er zijn er 4, maar de vragen die je leeglaat worden vanzelf verborgen.
Accordeon-item verwijderen
Laat de vraag van dat accordeon-item leeg; dan wordt het item automatisch niet getoond.
Let op: elke accordeon vraag en antwoord is pas zichtbaar voor de bezoeker, als de vraag is ingevuld. Anders wordt deze verborgen.
Video plaatsen
Elke Aanbod pagina heeft de optie een video te plaatsen. de video-player is al helemaal ingesteld. Je hoeft alleen de URL van de video en van de poster (het stilstaande beeld) in te geven. Zodra je op Pagina bewerken klikt, zie je onderaan 2 velden om die URL's in te geven. Daar staat ook een uitleg over de schrijfwijze; dat komt heel precies! Een goed adres voor video hosting is bunny.net.
Let op: het video blok is pas zichtbaar voor de bezoeker, als de URL van de video is ingevuld.
Lay-out pagina
Je hebt nu bijna alles compleet, behalve de daadwerkelijke inhoud van je pagina. Als je gebruik maakt van de bijgeleverde kant-en-klare aanbod pagina's, zie je al een opbouw. Dit is voor een beginner misschien even wennen; zorg dat de lijstweergave actief is, en neem de tijd om het te bestuderen.
Het is eigenlijk heel simpel: Bovenaan de inhoud, maar onder de Hero, staat een soort uitgebreide titel. Het veld heet Titel bovenaan.
Het veld daaronder heet Inhoud van de pagina. Tik de tekst en kies uit paragraaf (gewone tekst) koptekst 2, 3 4, en 5.
Gebruik in je inhoud van de pagina geen H1 koptekst. H1 mag maar één keer worden gebruikt op een pagina en die staat al als titel in de Hero. Zorg dat er op een pagina ook maar één keer een H2 koptekst wordt gebruikt, en dat een h4 een onderdeel is van een H3.
Gewone pagina's
Met een gewone pagina bedoelen we dat het geen aanbod pagina betreft, maar een pagina met een ander doel.
Hierbij kun je kiezen uit een pagina met dezelfde lay-out als de aanbodpagina's, of een blanco pagina die je helemaal zelf van lay-out gaat voorzien.
Nieuwe pagina
Je hebt 3 keuzes:
Je klikt bovenaan je website op 'Nieuw' en dan 'Pagina'. Je hebt een geheel lege pagina, dus zonder enige lay-out. Dat is wel meer werk, omdat je alles zelf moet creëren, maar dat geeft ook bijna onbeperkte mogelijkheden.
Je klikt bovenaan je website op 'Nieuw' en dan 'Pagina'. In Bewerk modus zet je in het veld Paginasoort Pagina-template-compleet. Dan krijgt deze nieuwe pagina meteen dezelfde lay-out en dezelfde velden als de Aanbodpagina. Dus de lay-out omvat dan automatisch: titel bovenaan, paginainhoud blok, knop, vraag-en-antwoord accordeons en het videoblok.
Zoek een pagina van de website uit die qua lay-out het meest aansluit bij de pagina die je wilt maken. Rechtboven zie je een knop 'Dupliceer pagina'. De nieuwe pagina neemt dan de hele bestaande lay-out en inhoud over; pas de teksten en afbeeldingen aan. Let op: de SEO instellingen worden ook overgenomen; pas deze aan.
Titel
Standaard toont de pagina de naam van de titel. Hou er rekening mee dat deze duidelijk moet zijn voor de bezoeker en voor de zoekmachine.
Subtitel of slogan onder titel
Het is niet verplicht, dus je kunt het leeglaten. Maar een subtitel kan soms heel verhelderend zijn. Vooral omdat een te lange titel niet goed is; kies dan een korte titel; en maak een subtitel. Aanpassen: klik op Pagina bewerken, onderaan staat een dynamic veld: Subtitel of slogan onder titel. Daar zet je de tekst in die je wilt zien.
Samenvatting
Rechtsboven (zorg dat de tab Pagina actief is) staat een link met de naam 'Samenvatting bewerken'. Deze samenvatting is een soort voorvertoning die in de aanbod-overzichten gebruikt wordt. Voer hier hier een pakkende samenvatting in.
Pagina volgorde
Als het om een aanbodpagina gaat, bepaalt het getal de volgorde waarin de pagina's op de Homepagina staan.
Uitgelichte afbeelding kiezen
Dit is alleen van toepassing als je gebuik maakt van een kant-en-klare lay-out, zoals bij de aanbod pagina's of een blogpost, die in een query (een collectie pagina's) komt. Rechtsboven in de instellingen kolom, staat 'Uitgelichte afbeelding kiezen'. Klik daarop. Media van je website opent automatisch. Als je daar al aan afbeelding had, kies je die. Anders sleep je een afbeelding naar media en kiest die daarna. Opslaan niet vergeten. Noot: het is niet verstandig om heel grote afbeeldingen te gebruiken; ze maken je website traag. Een breedte van 800 pixels is voor dit doel voldoende.
URL en naam download knop
Het is soms handig om de bezoeker in de gelegenheid te stellen om een document zoals een brochure te downloaden. Tijdens het bewerken, kun je onderaan ingeven:
Naam download knop
URL van de download
Na het inloggen op je website ga ja naar het site dashboard. Dan klik je op Media. Nu kun je een pdf bestand (je brochure) naar Media verslepen. Daaarna kun je met je muis over de bestandsnaam hoveren en zie je 'URL kopiëren'.
De gekopieerde waarde plak je in het veld URL van de download. Plaats je cursor in het veld, rechtermuistoets, plakken. Vergeet niet om op te slaan.
Let op: de download knop is pas zichtbaar voor de bezoeker, als de URL is ingevuld. Als de URL leeg is, wordt de knop verborgen.
Accordeon (vraag en antwoord)
De accordeon items op de aanbod pagina's zijn voorbereid met speciale dynamosche velden. Dat betekent dat je niets aan de lay-out hoeft te veranderen. Je klikt op Pagina bewerken en onderaan de pagina hoef je alleen de vraag en antwoord velden in te vullen. Er zijn er 4, maar de vragen die je leeglaat worden vanzelf verborgen.
Accordeon-item verwijderen
Laat de vraag van dat accordeon-item leeg; dan wordt het item automatisch niet getoond.
Let op: elke accordeon vraag en antwoord is pas zichtbaar voor de bezoeker, als de vraag is ingevuld. Anders wordt deze verborgen.
Video plaatsen
Elke Aanbod pagina heeft de optie een video te plaatsen. de video-player is al helemaal ingesteld. Je hoeft alleen de URL van de video en van de poster (het stilstaande beeld) in te geven. Zodra je op Pagina bewerken klikt, zie je onderaan 2 velden om die URL's in te geven. Daar staat ook een uitleg over de schrijfwijze; dat komt heel precies! Een goed adres voor video hosting is bunny.net.
Let op: het video blok is pas zichtbaar voor de bezoeker, als de URL van de video is ingevuld.
Lay-out pagina
Je hebt nu bijna alles compleet, behalve de daadwerkelijke inhoud van je pagina. Als je gebruik maakt van de bijgeleverde kant-en-klare aanbod pagina's, zie je al een opbouw. Dit is voor een beginner misschien even wennen; zorg dat de lijstweergave actief is, en neem de tijd om het te bestuderen.
Het is eigenlijk heel simpel: Bovenaan de inhoud, maar onder de Hero, staat een soort uitgebreide titel. Het veld heet Titel bovenaan.
Het veld daaronder heet Inhoud van de pagina. Tik de tekst en kies uit paragraaf (gewone tekst) koptekst 2, 3 4, en 5.
Gebruik in je inhoud van de pagina geen H1 koptekst. H1 mag maar één keer worden gebruikt op een pagina en die staat al als titel in de Hero. Zorg dat er op een pagina ook maar één keer een H2 koptekst wordt gebruikt, en dat een h4 een onderdeel is van een H3.
Extra blokken (functionaliteit)
Elke nieuwe (of bestaande) pagina kun je aanvullen met eigen functionaliteit. Als je de pagina bewerkt, zie je bovenaan een leeg vlak; in dat vlak kun je Gutenberg blokken (zoals een video of een knop) plaatsen. Die worden automatisch onderaan de pagina getoond aan de bezoeker.
Video plaatsen
Klik op het grote + in het lege vlak. Kies 'Video popup' Vervolgens hoef je alleen de URL van de video en van de poster (het stilstaande beeld) in te geven. Hieronder staat een uitleg over de schrijfwijze van de video URL's. Een goed adres voor video hosting is bunny.net.
De volledige URL van de video ingeven, dus inclusief https:// - Let op: de URL van een YouTube video kun je meteen inplakken. Een video die bijvoorbeeld bij Bunny gehost is, moet op .mp4 eindigen. Gebruik dan de HLS Playlist URL, en vervang /playlist.m3u8 door: /play_720p.mp4
Knop(pen)
Klik op het grote + in lege vlak. Kies 'Knoppen (adv)' Vervolgens hoef je de knop alleen een naam te geven en rechts bij 'Knop link' de complete URL van de bestemming (waar de knop naar verwijst) in te geven. Rechts bij de blok instellingen kun je ook de maten van de knop kiezen.
Tekstblok
Klik op het grote + in het lege vlak. Kies 'Tekst (adv)'. Vervolgens kun je tekst ingeven. Rechts bij de blok instellingen kun je ook de kleuren en maten van de tekst kiezen.
Noot: instructie over het gebruik van de blokken (eigen toevoegingen) valt buiten onze werkzaamheden.
Blog posts (berichten)
De blogposts (berichten) zijn vooraf vormgegeven middels een template. Net als bij de aanbod pagina's werkt het met een aantal vooraf gecreëerde velden.
Nieuwe blogpost (bericht)
Klik bovenaan je website op 'Nieuw' en dan 'Bericht'. De site is zodanig gemaakt, dat je dan automatisch een dynamische ingerichte post krijgt. Je ziet een aantal velden, waardoor een veld met de hoofdinhoud. Daar zit je in wat je in je blogpost (bericht) wilt zien. Vervolgens pas je de Uitgelichte afbeelding en de samenvatting aan, en kies je de categorie aan, zoals Nieuws.
Je kunt ook een reeds bestaande blogpost dupliceren en aanpassen. Dat heeft vooral nut als een deel van de inhoud identiek is. Open een reeds bestaande blogpost. Rechtsboven zie je een knop 'Dupliceer bericht'. De nieuwe pagina neemt dan alles over; dat scheel je dan werk. Vervolgens pas je de Uitgelichte afbeelding en de samenvatting aan, en kies je de categorie aan, zoals Nieuws. Let op: bij het dupliceren van een bericht, worden ook de SEO instellingen overgenomen; pas deze altijd aan!
Titel
Standaard toont het bericht de naam van de titel. Hou er rekening mee dat deze duidelijk moet zijn voor de bezoeker en voor de zoekmachine.
Subtitel of slogan onder titel
Het is niet verplicht, dus je kunt het leeglaten. Maar een subtitel kan soms heel verhelderend zijn. Vooral omdat een te lange titel niet goed is; kies dan een korte titel; en maak een subtitel. Aanpassen: klik op Pagina bewerken, onderaan staat een dynamic veld: Subtitel of slogan onder titel.
Post volgorde
De volgorde in de lijst is automatisch; het gaat op datum publicatie.
Uitgelichte afbeelding kiezen
Dat is een must; anders krijg je een heel vreemde (niet mooie) blogpost. Rechtsboven in de instellingen kolom, staat 'Uitgelichte afbeelding kiezen'. Klik daarop. Media van je website opent automatisch. Als je daar al aan afbeelding had, kies je die. Anders sleep je een afbeelding naar media en kiest die daarna. Opslaan niet vergeten. Noot: het is niet verstandig om heel grote afbeeldingen te gebruiken; ze maken je website traag. Een breedte van 500 pixels is voor dit doel voldoende.
Inhoud blogpost
Nu nog de daadwerkelijke inhoud van je blogpost. Het is eigenlijk heel simpel:
Als je de post aan het bewerken bent, zie je onderaan een veld dat heet 'Inhoud blogpost'. Tik de tekst en kies uit paragraaf (gewone tekst) koptekst 2, 3 4, en 5.
Gebruik in je inhoud van de pagina geen H1 koptekst. Een H1 koptekst gebruik je bij voorkeur maar één keer op een pagina en die staat al als titel in de Hero. Zorg dat er op een pagina ook maar één keer een H2 koptekst wordt gebruikt, en dat een h4 een onderdeel is van een H3.
Zorg dat je de rest van de Dynamische velden een waarde geeft; Subtitel of slogan onder titel en Titel bovenaan.
Samenvatting
Rechtsboven (zorg dat de tab Bericht actief is) staat een link met de naam 'Samenvatting bewerken'. Deze samenvatting is een soort voorvertoning die in de nieuwsoverzichten gebruikt wordt. Voer hier hier een leuke samenvatting in.
Extra blokken (functionaliteit)
Elke nieuw (of bestaand) bericht (blogpost) kun je aanvullen met eigen functionaliteit. Als je de post bewerkt, zie je bovenaan een leeg vlak; in dat vlak kun je Gutenberg blokken (zoals een video of een knop) plaatsen. Die worden automatisch onderaan de pagina getoond aan de bezoeker.
Video plaatsen
Klik op het grote + in het lege vlak. Kies 'Video popup' Vervolgens hoef je alleen de URL van de video en van de poster (het stilstaande beeld) in te geven. Hieronder staat een uitleg over de schrijfwijze van de video URL's. Een goed adres voor video hosting is bunny.net.
De volledige URL van de video ingeven, dus inclusief https:// - Let op: de URL van een YouTube video kun je meteen inplakken. Een video die bijvoorbeeld bij Bunny gehost is, moet op .mp4 eindigen. Gebruik dan de HLS Playlist URL, en vervang /playlist.m3u8 door: /play_720p.mp4
Knop(pen)
Klik op het grote + in lege vlak. Kies 'Knoppen (adv)' Vervolgens hoef je de knop alleen een naam te geven en rechts bij 'Knop link' de complete URL van de bestemming (waar de knop naar verwijst) in te geven. Rechts bij de blok instellingen kun je ook de maten van de knop kiezen.
Tekstblok
Klik op het grote + in het lege vlak. Kies 'Tekst (adv)'. Vervolgens kun je tekst ingeven. Rechts bij de blok instellingen kun je ook de kleuren en maten van de tekst kiezen.
Noot: instructie over het gebruik van de blokken (eigen toevoegingen) valt buiten onze werkzaamheden.
Aanbevelingen / reviews
Deze aanbevelingen zijn echte aparte posts, net als pagina’s of blogposts, maar dan aanbevelingen. Dit werkt zonder vooraf ingesteld maximum aantal, je kunt er zoveel maken als je wilt. De beweging is automatisch en kan met de muis of vinger worden stilgezet of doorgeschoven worden.
De Pro versie van deze plug-in kun je koppelen aan je Google en Facebook account, om die reviews ook op je site te vertonen. De site is geleverd met de standaard versie, zonder jaar abonnement.
Elke pagina, ook de homepagina, heeft SEO insstellingen. SEO wil zeggen Seach Engine Optimalization, ofwel Zoekmachine optimalisatie.
Instellen SEO plugin per pagina of blogpost
Open de pagina
Klik op Pagina of Bericht bewerken
Dan zie je dit rechtsboven:
Fragment
Elke post maakt gebruik van een Fragment. Dit fragment is een soort hulpje voor de zoekmachines en helpt je om te bepalen hoe de pagina in zoekresultaten vermeld wordt. Het fragment bestaat uit:
Titel
Dat is niet de echte titel van je site, maar is bepalend hoe de titel in zoekresultaten vermeld wordt.
Standaard gebruikt dit veld een 'formule: %title% %sep% %sitename%
%title% = titel van de post (van de pagina, blogpost, etc.)
%sep% = is het door jezelf ingesteld scheidingsteken: Zoals - of | .
%sitename% = de naam van je website.
Velen laten dit zo staan; het scheelt je veel werk, maar je kunt daar elke tekst plaatsen, of een combinatie van formule en tekst.
Permalink
Dat is de daadwerkelijke URL van die pagina of post. Het is een adres, net als het adres van je huis of bedrijf.
Het is het mooist als de permalink een reflectie van het onderwerp van je pagina (inclusief het keyword)
Als je deze aanpast, heb je kans dat je menustructuur niet meer werkt of dat je pagina opeens niet meer gevonden wordt in de zoekresultaten. Ook interne links (van de ene naar de andere pagina) werken dan opeens niet meer. Zie dan het onderwerp 'Omleidingen' in de SEO uitleg.
Beschrijving
Zorg voor een duidelijke tekst die vertelt waar de pagina over gaat en uitnodigt om de pagina te bezoeken.
De beschrijving is de tekst die in de zoekresultaten onder de titel verschijnt. Als je dat blanco zou laten, bedenkt de zoekmachine zelf de beschrijving en doet dat meestal door de eerste een of twee regels van je post te gebruiken. Dat is niet altijd wenselijk en geeft soms heel vreemde resultaten.
Let op: omdat we bij Blessed Websites dynamic fields gebruiken om het beheer van de site te vergemakkelijken, is de beschrijving niet automatisch. Als je dat wel wilt, omdat je tijd tekort komt of geen inspiratie hebt, zet dan deze code in het Beschrijving veld:
%customfield(inhoud)%
Vervolgens zal de Beschrijving van die pagina of post het eerste deel van tekst overnemen.
Fragment Socials
Als je gebruikmaakt van sociale media of controle wilt hebben hoe je post dara komt te staan als het geplaatst wordt, kun je hier een en ander aanpassen.
Een afbeelding en een afwijkende Titel en/of Beschijving, het kan allemaal.
Instellingen RankMath deze post
Kies je Focus keyword
Kies zorgvuldig een woord of term die de inhoud van de pagina omschrijft. Het hoeft niet volgens het groene boekje; reflexzonetherapie is officieel één woord, maar gesplitst in 2 woorden is het leesbaarder en de zoekmachine begrijpt heel goed dat als iemand als zoekterm reflexzonetherapie ingeeft dat dit hetzelfde is als reflexzone therapie.
De SEO-plug-in RankMath gebruikt dit keyword om
Je titel te beoordelen.
De koppen (headings) te beoordelen.
URL (adres post) te beoordelen.
Te controleren of het keyword ook aan het begin van je post staat.
Je tekstuele inhoud te beoordelen.
Andere handige tips van RankMath
Basis SEO
Hier staan meerdere aanwijzingen om je SEO te verbeteren.
Alle aanwijzingen zijn belangrijk, op één twijfelachtige na: de totale lente van je inhoud. Alhoewel het gezien wordt als een richtlijn, is de lengte van je tekst niet bepalend voor de score bij de zoekmachines. Kwaliteit gaat voor kwantiteit. Het is wel zo dat een slecht geschreven artikel makkelijker te interpreteren is als het flink wat tekst bevat. Een goed geschreven artikel heeft echter minder woorden nodig; dat geldt ook voor de zoekmachines.
De AI en Content AI tips zijn vooral om het gebruik van hun AI-functies te stimuleren.
Extra
De Extra kolom geeft je nog meer aanwijzingen over eventuele verbeteringen, zowel qua koppen, als tekst en afbeeldingen.
Neem de tips serieus. Ze zijn niet heilig, maar tenzij je een echte SEO-expert bent met jaren ervaring, zijn dit de beste tips die je maar kunt krijgen!
Leesbaarheid titel
Focus keyword aan het begin van de SEO titel: belangrijk.
Je titel bevat geen power word. Wij vinden dat gebruik van power words niet in elke branche van toepassing is.
De SEO titel bevat heen getal: Wij vinden dat gebruik van getallen niet in elke branche van toepassing is.
Leesbaarheid inhoud
Hier staan vaak handige tips.
Alinea's zijn vaak te lang; dus splitsen van tekst maakt het inderdaad leesbaarder.
Afbeeldingen zijn nuttig; zowel ter verduidelijking als voor het opvrolijken van een post.
Score van je post
Helemaal bovenaan, in de rode knop van RankMath, vind je de score van je pagina of blogpost. Hoe hoger, hoe beter, met een schaal van 0-100. We raden aan in ieder geval een score van 80 te behalen. Het is niet zo dat een pagina van 81 de pagina van een collega die 80 heeft als score, verslaat in de zoekresultaten. Maar een score lager dan 80 maakt het wel moeilijk voor een zoekmachine zoals Google of Bing, om de inhoud van je pagina of post te beoordelen. Gewoonweg omdat er niet voldoende informatie aanwezig is, of omdat de structuur van de pagina te rommelig is. Eigenlijk is de score meer een apk-keuring van je pagina; het zegt verder niets over de inhoud. Uiteindelijk is de inhoud van je pagina bepalend voor de plek in de zoekresultaten.
Menu en navigatie
In dit geval begin ik met een waarschuwing: wees heel voorzichtig, want een menu is heel snel door de war te sturen en soms onherstelbaar; dan moet het menu echt opnieuw gemaakt worden. Tenzij je er handig in bent, is het verstandig dit soort werkzaamheden te laten doen.
Navigatie (menu) aanpassen
Na het inloggen op je site klik je linksboven op 'dashboard' als je daar nog niet in bent.
Belangrijk: dit menu pas je niet aan bij de customizer.
Hover over Kadence (onderaan) en klik dan op navigaties.
Je ziet nu de beschikbare navigatie menu's.
Open de de navigatie die je wilt bewerken.
Nu heel goed opletten: er zijn namelijk echt veel bewerkingsmogelijkheden.
Stap 1
Na het klikken op bewerken zie een menu dat veel lijkt op het gewone menu zoals de bezoeker dat ook ziet. Afhankelijk van waar je klikt (het hele menu of een menu-item) veranderen de beschikbare instellingen in de rechterkolom.
Hier kun je het uiterlijk (lettergrootte, kleuren, achtergrondkleuren, etc) aanpassen. Wees terughoudend; er is geen undo.
Stap 2
Selecteer het hele menu (of klik daar vlak boven op het kompas icoon).
Nu zie je rechtsboven in de instellingen kolom een knop 'Bouwer van open navigatie'. Daar klik je op. Nu hoor je iets te zien wat hier op lijkt.
Vanaf nu is het eenvoudig. Je selecteert de Pagina's (of Berichten) die je wilt toevoegen en klikt op 'Aan menu toevoegen'. Het nieuwe menu-item wordt altijd helemaal onderaan toegevoegd. Dit sleep je vervolgens naar de juiste plek.
Als je helemaal tevreden bent, klik je op 'Klaar met bewerken, en je keert terug naar de gewone menu view. Vergeet nu niet om rechtsboven op 'Opslaan' te klikken.
Het Pro navigatie block heeft oneindig veel mogelijkheden. Mocht je je echt willen verdiepen, dat kan hier.
Banners (conversions)
De Blesed Website Pro site heeft een ingebouwde banner functie. De banners zijn dymamisch; dat wil zeggen dat je zelf de inhoud van de knop en de pagina of bestand waar de knop naar verwijst kunt bepalen, zonder ook maar iets te hoeven programmeren of aan te passen.
Doel banners
Een banner is een melding, meestal in de vorm van een langwerpige balk, vaak bovenaan een pagina. Ze worden gebruikt om een speciale boodschap over te brengen. Denk daarbij aan een korting, een ander aanbod, of een melding dat je gesloten bent in de zomer of welke melding ook.
Waar is de banner zichtbaar
Meteen bovenaan de pagina. Deze wordt het meeste gebruikt.
Het midden van de pagina. Dit kan als heel indringend worden ervaren en gebruiken we alleen op verzoek
Onderaan de pagina. Beschaafd, maar valt vaak minder op, tenzij gecombineerd met een einde pagina trigger. Op verzoek.
Het moment van vertonen
Als er op een bepaalde knop geklikt wordt.
Meteen zichtbaar (vaak toegepast).
Na een bepaald aantal seconden (vaak toegepast).
Zichtbaar na 60 pixels (een cm) scrollen (ook handig soms).
Als de website vermoedt dat de bezoeker de site wil verlaten.
Als de bezoeker helemaal onderaan de pagina gekomen is.
Dit kunnen we voor je aanpassen.
Stap 1
Op de betreffende pagina waar je de banner wilt zien voeg je in de Bewerken-modus een Paginasoort toe. Let op: toevoegen, niet in plaats van de paginasoort die er al staat. Je hebt keuze uit een blauwe, rode en een zwarte banner. Tik een van deze paginasoorten:
Blauw
Rood
Zwart
Stap 2
In de Bewerken-modus staan onderaan 3 velden bij Conversions & Banners:
Tekst banner
Naam knop banner (optioneel)
URL knop banner (optioneel)
Let op: als je de naam van de knop leeg laat, is de knop automatisch onzichtbaar.
Vergeet niet alles op te slaan. Daarna is de banner zichtbaar op die pagina, met jouw eigen tekst.
Banner uitzetten:
Verwijder de extra paginasoort (blauw, rood of zwart).
Cookies
Elke banner kan uitgerust worden met cookies. Voordat je denkt 'Oh de site gebruikt toch cookies; dit zijn functionele cookies, en worden standaard niet gedeeld met anderen.
Omdat deze banners op meerdere pagina's voor verschillende doeleinden kan worden gebruikt, staat de campagne registratie cookies standaard uit.
Admin menu
Het admin menu is het menu dat je ziet als je als beheerder van de website inlogt, en linksboven klikt op Dashboard.
Let op: dat is waar alle belangrijke instellingen van je website staan. Voor dagelijkes gebruik hoef je daar niet te zijn: bijvoorbeeld het maken van een pagina of bericht kan gewoon bovenaan je website bij 'Nieuw'.
Als eigenaar van de website krijg je uiteraard een account;
Een (veiliger) Editor account.
Of een (toegang tot alles) Admin account.
Als je niet handig bent bent WordPress, raden we je aan te kiezen voor de veiliger optie, het Editor account; dan zijn de meeste menu-items waar je de hele site door-de-war kunt maken niet zichtbaar (op één na, de Kadence instellingen).
2 soorten admin menu
Welk account je ook kiest, we hebben de site uitgerust met 2 versies Admin menu:
Verkorte menu. De menu-items die je waarschijnlijk nooit nodig hebt, zijn verborgen. Dit zijn namelijk de menu-items waar je de hele site in no-time door de war kunt sturen, of erger.
Uitgebreide menu. Onderop het verkorte menu zie je: 'Alles weergeven'. Door daar op te klikken, vouwen alle verborgen menu-items uit en kun je overal bij. Misschien ben je nieuwsgierig, kijk gerust. Pas echter niets lichtvaardig aan, tenzij je echt weet wat je doet.
Van soorten menu kun je hier een indruk krijgen:
Admin account van Blessed Websites
Als je bij 'Gebruikers' kijkt (het uitgebreide menu) zie je nog een Admin account: die is voor ons. Zolang jouw website onze licenties gebruikt, moet dat account actief blijven. Als je in de toekomst je eigen licenties aanschaft en je ons de gelegenheid hebt gegeven die van ons te deactiveren, kan ons Admin account worden verwijderd.
E-mail gebruik & instellingen
Als je gebruik maakt van de door ons meegeleverde e-mailadressen.
Zodra je website geïnstalleerd is, zorgen we dat ook je e-mailadres functioneel is. We installeren standaard maximaal 2 e-mailadressen.
Emailbox en geheugenopslag
De e-mails die in je mailbox staan, maken gebruik van dezelfde geheugenopslag als je website. Het is dan ook raadzaam de hoeveelheid e-mail niet teveel te laten oplopen; regelmatig opruimen is raadzaam.
E-mailadres op meerdere apparaten
Sommige mensen installeren hun e-mailadres slechts op één apparaat. Vandaag de dag is het echter gebruikelijk op dat ook minimaal op je smartphone te installeren. Dat heeft wat nadelen:
Desktop en mobiel hebben vaak verschillende apps (met een verschillende look en andere workflow).
Je moet het e-mailaccount op elk apparaat apart (weer) installeren.
Advies
Installeer de app 'Spark email' op elk apparaat. Deze app is beschikbaar voor Windows, Mac, iOS en Android. Deze e-mail app heeft een aantal voordelen:
De basis app is gratis en werkt uitstekend.
Als je op elk apparaat hetzelfde 'e-mail voor sync' kiest, hoef je elk e-mailaccount maar één keer te installeren; Spark zorgt vervolgens voor dat het op elk apparaat (met hetzelfde 'e-mail voor sync adres') werkt; het scheelt je heel veel tijd en vooral gedoe.
Je hebt op elk apparaat dezelfde app, dus dezelfde look en workflow.
Als je de betaalde versie kiest, kun je e-mails samen schijven en e-mails zelfs automatisch vertalen.
Instellingen e-mailaccount
Hou er rekening meer dat elke email app weliswaar dezelfde instellingen gebruikt, maar dat de omschrijving wel vaak wat verschilt. Start de mail app. Kies handmatig (manually). Let op: deze instellingen hebben betrekking op de e-mailaccounts op je computer, tablet en mobiel, niet op het versturen van e-mail vanaf je website (zoals formulieren en meldingen).
Als je gaat instellen: elke punt is belangrijk en ook een spatie is een letterteken; dus voeg dat niet toe, bijvoorbeeld aan het eind van een woord.
IMAP / SMTP Server
Naam
Bijvoorbeeld naam praktijk
E-mailadres
krijg je van Blessed Websites
Wachtwoord
krijg je van Blessed Websites
Additional Settings
Inbox server (IMAP)
Username (account)
E-mailadres, krijg je van ons
Server
mail.jouwdomeinnaam.xx
Port (poort in)
993
Protection (beveiliging)
StartTLS
Outbox server (SMTP)
Username (account)
E-mailadres, krijg je van Blessed Websites
Wachtwoord
krijg je van ons
Server
mail.jouwdomeinnaam.xx
Port (poort uit)
587
Protection (beveiliging)
StartTLS
Noot:
Sommige systemen werken niet met poort 587 niet. Kies dan poort 465.
Sommige systemen werken niet met beveiliging StartTLS, kies dan de andere optie.
Inbox server heet soms inkomend.
Outbox server heet soms uitgaand.
Handtekening (signatures)
Dit is niet echt een handtekening, maar de tekst die je onderaan elke e-mail ziet.
Klik op Settings (in de e-mail app)
Ga bovenaan naar Signatures
Enable signatures moet aangevinkt zijn
Linksonder klik je op het + teken
Tik je e-mail handtekening.
Als er een website adres in zet: selecteer de tekst, kies de ellipsis (...) en kies link; bij het veld Enter URL tik je het complete adres van je website, dus https://naamwebsite.nl
Wat lager in je scherm kun je kiezen bij welk e-mailadres deze handtekening hoort. Je kunt één handtekening ook koppelen aan meerdere e-mailadressen.
E-mail online lezen
Als je op vakantie bent, of om een andere reden geen toegang hebt tot een van je apparaten, kun je je e-mail van deze accounts ook online lezen, dus met elke browser.
Je hebt een template website aangeschaft. In dit geval een website met speciale voorzieningen voor jouw branche. Het is een product, geen dienst. Dat betekent dat je zelf de website verder gaat aanpassen en inrichten. Mocht je iets niet begrijpen van dat wat geleverd is, kun je ons uiteraard een a-mail sturen.
Hulp nodig
Als je iets wilt aanpassen wat buiten jouw vaardigheden valt, kunnen wij dat voor je doen. Het eerste jaar na aanschaf van de website krijg je 25% korting op het uurtarief.
Eén aanpassing of helpen met de hele site aanpassen
De meesten kiezen ervoor om bijna alles zelf te doen; het scheelt je geld en je leert meteen hoe alles werkt. Het staat je echter vrij om een lijst te maken met gewenste aanpassingen; welke pagina's weg moeten, welke homepagina je wilt, een formulier wat aanpassen, etc. In 2 tot 4 uren kunnen we al veel voor je aanpassen. Ook hier is de 25% korting van toepassing gedurende het 1e jaar na aanschaf.
Werkwijze
We kunnen op verzoek ook een feedback knop op de site zetten. Die is onzichtbaar voor bezoekers, alleen jij als eigenaar ziet deze (na inloggen). Deze functionaliteit maakt het makkelijker om door te geven wat je wilt laten aanpassen.
Rechtsonder zie je deze feedback knop:
Je kunt de aanwijzingen onzichtbaar maken.
Je kunt de aanwijzingen zichtbaar maken.
Je kunt een nieuwe aanwijzing creëren (+).
Nadat je op (+) geklikt hebt:
Ga je naar de juiste plek en klikt daar.
Voer je het commentaar in.
Het linker icoon is om jouw gegevens toe te voegen (optioneel).
Het teken icoon is om je aanwijzingen duidelijker te maken; je kunt een kader maken, lijnen tekenen etc.
Het camera/scan icoon is om een screenshot te maken van de plek van de wijziging.
Post wil zeggen 'indienen'.
Rechtsonder zie je een cijfer dat het aantal lopende commentaren aangeeft. Als je op het oogje klikt, worden de plekken zichtbaar. Je kunt daar een een reply )(reactie) geven. Zo kunnen notities en reacties worden uitgewisseld, live, zonder e-mail of whatsapp en meteen op de juiste plek.
Let op: wij krijgen een e-mailmelding van deze commentaren, maar niet meteen: ze worden automatisch verzameld en we ontvangen dat overzicht op twee momenten, verdeeld over de dag.
Onderhoud van je website
Een website heeft twee soorten onderhoud nodig.
Technisch onderhoud: WordPress, het thema en de plugins. De laatste, thema en plugins, hebben vaak ook (betaalde) licenties. Technisch onderhoud is belangrijk voor de veiligheid en betrouwbaarheid van je website en omdat de verschillende onderdelen samenwerken; je kunt niet de nieuwe versie hebben van een thema of plugin terwijl andere onderdelen verouderd zijn.
Inhoudelijk onderhoud: aanpassen van pagina's, teksten, formulieren, illustraties en dergelijke.
Technisch onderhoud
Je website heeft meerdere betaalde licenties. Zolang je een (heel basic) onderhoudscontract bij ons hebt, mogen we de licenties van je website ondert onze 'agency' licentie laten vallen. Dat scheelt je rond de € 350,- per jaar. Daarnaast is het (meer dan) verstandig om minimaal wekelijks een backup te laten maken van je website. Als er ooit iets gebeurt, kun je de versie van maximaal een week geleden installeren.
Wat kost dat onderhoud dan per jaar, inclusief die genoemde licenties? Reken op ongeveer € 25,- per maand inclusief hosting. Dat is inclusief het maken van een backup elke week, het bijwerken van thema en plugins en alle benodigde licenties.
Onderhoud door ons is niet verplicht!
Je kunt op elk willekeurig moment de keuze maken om zelf de benodigde licenties te regelen. Misschien heb je die al aangeschaft voor een andere website en ken je al iemand die het onderhoud kan doen voor je. Je kunt gewoon per maand opzeggen, zonder extra kosten.
Inhoudelijk onderhoud
Dit doe je altijd zelf. Tenminste, je kunt het wel uitbesteden, maar niet aan ons. We hebben de technische kant geleverd en onderhouden deze naar wens ook. De inhoud regel je zelf!
