SSL-certificaat

Waarom is een SSL certificaat belangrijk voor gebruikers en je online vindbaarheid (SEO)

De SSL-certificaat is hot! Met betrekking tot de privacy wetgeving die eind mei 2018 in is gegaan, heeft heel webdesignland het erover. Websites moeten er toch echt aan beginnen. Sterker nog, internetbrowser chrome heeft aangegeven websites als ‘onbetrouwbaar’ te bestempelen zodra ze geen SSL-certificaat hebben. Maar waarom is het nou zo belangrijk? In deze blog richt ik me op de twee positieve kanten van de SSL-certificaat.

De SSL-certificaat voor de privacy waarborging van bezoekers

Wat is SSL nou precies? Het blijft voor veel mensen toch een beetje hocus-pocus. Een uitgebreid technisch verhaal ophangen, maakt het allerminst beter begrijpbaar, dus vandaar een beknopte omschrijving wat het precies als doel heeft. Een SSl-certificaat, ofwel de ‘https’ verbinding, is een versleutelingstechniek (technisch: encryptie) waardoor de onderschepping van vetrouwelijke informatie door derden via de website wordt verhinderd. Dit geldt voor zowel het ontvangen als sturen van informatie (bijvoorbeeld ingevulde contactformulieren).

Kortom, in de meest praktische zin is het gewoon een extra blokkade waardoor jouw privacy en handelen niet door een derde partij opgepikt of aangepast kan worden en het uitwisselen van informatie op een ‘schone’ manier verloopt.

Geen wonder dat de AVG-wetgeving van 25 mei 2018 het doorvoeren van SSL-certificaten op iedere website als eis heeft gesteld. In de praktijk zijn er nog talloze websites die zich hier niet netjes aan houden.

De SSL-certificaat voor de online vindbaarheid (SEO) van je onderneming

Er zit naast de privacy kwestie nog een positieve bijval aan het hebben van een https-verbinding. Namelijk: Google stimuleert het gebruik ervan door websites die er gebruik van maken, betere posities in Google te geven voor de zoektermen die aanverwant zijn aan de desbetreffende website. Kortom, er bestaat een correlatie tussen het hebben van een SSL-certificaat en jouw online vindbaarheid in Google.

Snel aan beginnen dus.

Hoe bemachtig ik een SSL-certificaat?

Dus je bent overtuigd? Hoe zorg je nou dat je zo snel mogelijk aan een certificaat komt? In veel gevallen is dit een erg gemakkelijk proces. Hieronder staan de twee opties beschreven:

  1. In veel gevallen biedt jouw hostingprovider de mogelijkheid om SSL te installeren voor je website. Zij zorgen dat er voor jouw domeinnaam een certificaat gekoppeld wordt en jij hoeft je website vervolgens alleen nog maar om te zetten naar SSL. In het geval van WordPress heb je daar een handige plugin voor waarmee je met één klik op de knop de website op https hebt draaien (zorg dus wel dat je eerst het SSL-certificaat via de hostingprovider aangevraagd hebt): https://nl.wordpress.org/plugins/really-simple-ssl/

Om te checken of jouw hostingprovider dit ondersteunt, Google eens op ‘SSL [naam hostingprovider]’. Je zal er dan snel achterkomen wat de te ondernemen stappen zijn.

  1. Een handmatige installatie. Ik ga ervanuit dat voor 90% van de mensen die deze blog lezen, geldt dat optie 1 op gaat. Echter, voor die 10% is het een complexer proces waarbij je deze ssl-certificaat handmatig dient in te stellen. Dit gaat als volgt: https://www.ssl.com/nl/hoe-te/handmatig-een-certificaatondertekeningsverzoek-genereren-met-openssl/
GZIP compressie

Waarom je GZIP compressie moet gebruiken

Een makkelijke manier om de laadsnelheid van je website te verbeteren is door gebruik te maken van compressie. Door je websitebestanden te comprimeren kun je de bestanden tot wel 90 procent comprimeren, waardoor je website veel sneller geladen wordt.

GZIP-compressie

Kort door de bocht kun je met GZIP-compressie de bestanden van je website door de server gecomprimeerd naar de browser laten sturen. Hierdoor kan een bestand van 100kb gecomprimeerd worden naar slechts 10kb. Dit is een groot verschil en daarom erg van belang om je bezoekers tevreden te stellen. Immers, iedereen wil dat een website snel laadt.

Hoe werkt het?

Maak voordat je wijzigingen aanbrengt aan bestanden altijd een back-up van je website. Er kunnen dingen fout gaan. Een back-up is daarom cruciaal.

Vind je .htaccess bestand. Deze staat normaal gesproken in de hoofdmap van je website (bijvoorbeeld: /webnexus.nl/public_html). In deze map staat als goed is een bestand genaamd .htaccess. Wanneer dit nog niet het geval is, kun je dit bestand aanmaken. Als je WordPress gebruikt staat er in .htaccess als het goed is ook al dit:

# BEGIN WordPress
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^index.php$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]
</IfModule>
# END WordPress

Voeg om GZIP-compressie aan te zetten het volgende toe. Dit kan boven of onder wat er al staat:

<IfModule mod_deflate.c>
  # Compress HTML, CSS, JavaScript, Text, XML and fonts
  AddOutputFilterByType DEFLATE application/javascript
  AddOutputFilterByType DEFLATE application/rss+xml
  AddOutputFilterByType DEFLATE application/vnd.ms-fontobject
  AddOutputFilterByType DEFLATE application/x-font
  AddOutputFilterByType DEFLATE application/x-font-opentype
  AddOutputFilterByType DEFLATE application/x-font-otf
  AddOutputFilterByType DEFLATE application/x-font-truetype
  AddOutputFilterByType DEFLATE application/x-font-ttf
  AddOutputFilterByType DEFLATE application/x-javascript
  AddOutputFilterByType DEFLATE application/xhtml+xml
  AddOutputFilterByType DEFLATE application/xml
  AddOutputFilterByType DEFLATE font/opentype
  AddOutputFilterByType DEFLATE font/otf
  AddOutputFilterByType DEFLATE font/ttf
  AddOutputFilterByType DEFLATE image/svg+xml
  AddOutputFilterByType DEFLATE image/x-icon
  AddOutputFilterByType DEFLATE text/css
  AddOutputFilterByType DEFLATE text/html
  AddOutputFilterByType DEFLATE text/javascript
  AddOutputFilterByType DEFLATE text/plain
  AddOutputFilterByType DEFLATE text/xml

  # Remove browser bugs (only needed for really old browsers)
  BrowserMatch ^Mozilla/4 gzip-only-text/html
  BrowserMatch ^Mozilla/4.0[678] no-gzip
  BrowserMatch bMSIE !no-gzip !gzip-only-text/html
  Header append Vary User-Agent
</IfModule>

Meestal is dit genoeg om GZIP-compressie goed in te stellen. Bij sommige hostingproviders moet het soms via het controlepaneel van je website ingesteld worden. Dit kun je altijd aan je hostingpartij vragen. Om te checken of de GZIP-compressie goed ingesteld staat, kun je naar https://checkgzipcompression.com/ gaan. Mocht het niet gelukt zijn, overleg dan met je hostingprovider over een oplossing.

Plugins

Er zijn ook een aantal plugins die GZIP-compressie voor je kunnen regelen. Denk bijvoorbeeld aan WP Fastest Cache of W3 Total Cache.

checklist website live zetten

Website online zetten: een checklist

Stel, je hebt een website laten maken of gemaakt. De website is af en je bent klaar om online te gaan. Wacht nog even en loop eerst deze checklist bij langs om ervoor te zorgen dat je echt niets bent vergeten. Deze checklist geldt ook voor een onepager.

Browser compatibiliteit
Er bestaan veel verschillende browsers. Een website die naar behoren werkt in Google Chrome hoeft niet goed te werken in Internet Explorer. Bekijk je website dus in meerdere browsers voordat je online gaat.

Website statistieken
Het bijhouden van statistieken van je website is handig om dingen te weten te komen over je websitebezoekers. Dit kan bijvoorbeeld met Google Analytics.

Cookiemelding en privacyverklaring
Als je gebruik maakt van cookies (dat doet Google Analytics) is het belangrijk om een cookiemelding te plaatsen, zodat bezoekers je cookies ook kunnen weigeren. Verder is een privacyverklaring – helemaal na de invoering van de AVG – onmisbaar.

E-mailadres bij contactformulier
Als je gebruik maakt van een of meerdere contactformulieren moet je niet vergeten in te stellen naar welk e-mailadres de berichten die verstuurd worden door het formulier gaan.

Laadsnelheid
Controleer voordat je website online gaat de laadsnelheid. Deze kun je testen met onder andere:

Een laadsnelheid van onder één seconde voor alle pagina’s is zeer belangrijk om goed te ranken in Google, voor de homepagina is dit helemaal cruciaal.

Back-ups
Zorg er tenslotte voor dat je voordat je website online gaat, je een back-up hebt. Mocht er iets misgaan bij updates van het thema of plugins heb je altijd een back-up achter de hand. Aan te raden is om elke week een back-up te maken via bijvoorbeeld je hostingprovider en deze op te slaan bij een clouddienst zoals Google Drive of Dropbox.

Als je deze checklist bij langs bent gegaan en alles in orde is, is het tijd om je website zorgeloos online zetten.

Wordpress Child Theme

Een WordPress child theme maken

Wanneer je een website bouwt in WordPress kun je gebruik maken van talloze geweldige templates. Deze standaard templates zien er vaak erg goed uit, maar meestal wil je toch ergens een kleurtje veranderen of iets meer ruimte tussen een titel en tekst. Bij sommige templates kun je dit dan instellen via Weergave -> Customizer in het WordPress Dashboard (waar je terechtkomt wanneer je inlogt op je WordPress site). Wanneer dit niet mogelijk is kan een zogeheten ‘Child theme’ van pas komen.

Wat is een Child Theme?
Een Child Theme is een soort ‘laag’ die je kunt bouwen over je thema. Als je wijzigingen wilt aanbrengen aan je thema, zou je dit direct in de bestanden van je thema kunnen doen. Echter, hier kleven een aantal nadelen aan. Als je hoofdthema wordt geüpdatet door de uitgever van het thema, gaan je wijzigingen aan de themabestanden verloren. Bij een Child Theme gaan je wijzigingen niet verloren bij een update. Nog een voordeel van een Child Theme is dat al de wijzigingen die je aanbrengt allemaal op één plek staan.

Hoe werkt het?
Een Child Theme kun je aanmaken door naast het mapje van je thema een tweede map aan te maken met daarachter ‘-child’. Log in via FTP en ga naar /wp-content/themes. Hier staan alle thema’s die zijn geïnstalleerd. Het thema dat wij vaak gebruiken heet Divi. Bij Divi zou het Child Theme dus Divi-child heten. In het Child Theme zijn er twee bestanden die altijd moeten worden aangemaakt: style.css en functions.php. Open om style.css aan te maken een teksteditor en plak daarin het volgende (specifiek voor Divi, voor andere thema’s moet het aangepast):

/*
Theme Name:   Divi Child
Theme URI:    https://www.elegantthemes.com/
Description:  Divi Child Theme
Author:       Boris de Jong
Author URI:   https://www.webnexus.nl/
Template:     Divi
Version:      1.0.0
Tags:         divi, webnexus, child, theme
Text Domain:  Divi-child
*/

/* =Eigen CSS hieronder plaatsen
-------------------------------------------------------------- */

Daarnaast moet er een functions.php aangemaakt worden met daarin het volgende:

<?php
add_action( 'wp_enqueue_scripts', 'enqueue_parent_styles' );

function enqueue_parent_styles() {
wp_enqueue_style( 'parent-style', get_template_directory_uri().'/style.css' );
}

Dit zorgt ervoor dat de style.css van het Child Theme als een ‘laag’ over het hoofdthema wordt geladen.

Het Child Theme activeren
Wat je tenslotte nog te doen staat is het activeren van het Child Theme binnen het WordPress Dashboard. Dit kun je doen door naar Weergave > Thema’s te gaan en het thema dat (in dit geval) Divi-child heet te activeren.

Vanaf nu is je Child Theme geactiveerd en kun je in de style.css van je Child Theme css toevoegen om dingen binnen je thema te wijzigen. Bij updates van je thema zullen deze wijzigingen niet meer verloren gaan.

Neuromarketing

Conversies verhogen met de toepassing van neuromarketing op websites en webshops

Met inzichten uit de neuromarketing is het mogelijk om het rendement van je website of webshop te verbeteren. De neuromarketing is een tak van sport die zich bezighoudt met onbewuste en bewuste reacties van het brein op visuele projecties.

Vooral in reclameland zijn er talloze neuromarketeers bezig met het bedenken van reclames waar ons brein door aangetrokken wordt. Door een paar algemeen geldende inzichten uit dit vakgebied toe te passen op jouw website, kan je deze omtoveren tot een conversiemachine.

Met onze 5 tips geven we je een paar handvaten hoe je je online rendement kunt verhogen.

#1 – Kies contrasterende buttons.
Veel websites maken gebruik van de zogenaamde call-to-action (CTA) buttons. Dit zijn knoppen met als doel om de bezoeker verder te sturen naar hoogstwaarschijnlijk een contactpagina of een offerteaanvraagformulier.

Deze knoppen moeten de navigatie van de bezoeker over de website vergemakkelijken en deze uiteindelijk drijven tot een conversie. Een klik op deze knoppen is dus essentieel en daarom is het belangrijk dat de knoppen opvallen. Hoe doe je dat? Maak gebruik van kleuren die afwijken van de rest van de buttons.

Voorbeeld: Stel je hebt een website waarop je een dienst als camerabeveiliging bij evenementen aanbiedt. Logischerwijs kiest een dergelijk bedrijf in veel gevallen als hoofdkleur ‘blauw’. Dit straalt namelijk vertrouwen en veiligheid uit. Voor de knoppen is het in dit geval echter verstandig om een opvallende contrasterende kleur als ‘oranje’ te kiezen.

Hetzelfde geldt voor webshops: maak ‘in winkelmand’ en ‘afreken’ buttons in een contrasterende kleur. Een mooi voorbeeld is de industriële salontafels pagina van de website van Magazijnshopper. Door slim de rode kleur te gebruiken en af te zetten tegen te rest van de pagina, krijgen deze knoppen de meeste aandacht.

#2 – Gebruik sterretjes en andermans aanbevelingen.
Mensen zijn gek op certificaten, waarderingssterren en andermans recensies. Speel hierop in en gebruik zoveel mogelijk keurmerken, gele sterretjes en persoonlijke aanbevelingen van klanten op je website. Deze wekken vaak vertrouwen en oogt veel geloofwaardiger dan als je zelf van de daken schreeuwt dat jij de beste bent binnen je vakgebied.

#3 – Verkies eenvoudig taalgebruik boven vakjargon.
Simpel. Houd je taal formeel en mijd vakjargon. Houd de zinnen kort en leesbaar. Wees to-the-point en doe je niet interessanter voor dan je bent. Mensen doen graag zaken met mensen.

Straal dit uit door jezelf te profileren met een afbeelding en de taal persoonlijk en authentiek te houden. Geen grootspraak, want daardoor wordt de drempel tot klantencontact alleen maar groter.

#4 – Less is more. Vermijd overbodige elementen.
“Een gefrustreerde bezoeker koopt niet”. Hoe meer afbeeldingen, fancy knoppen en gave achtergrondmuziekjes je hebt, hoe meer stress de bezoeker ervaart. Houd de website gebruiksvriendelijk, en overdrijf niet. Dat is ook de reden dat sommige ondernemers voor een onepager kiezen.

Bovendien wordt de ervaring op een minder drukke website vaak beter, omdat dit de laadtijd van de website ten goede komt.

#5 – Houd teksten behapbaar.
Eerlijk gezegd kunnen wij hier zelf ook een hoop aan verbeteren. Toen we begonnen waren al onze teksten langdradig, niet handig geordend en ontbraken er witregels. Grote brokken tekst met een overschot aan technische termen.

Daar bereik je de bezoeker niet mee. Snijd de teksten in stukken en zorg voor voldoende witregels!

Graag horen we of deze strategieën je geholpen hebben. Mocht je nog verdere tips hebben: laat ze gerust achter in de reacties! Bedankt alvast 🙂

Onepage website

Onepager // 10 redenen om voor een onepage website te kiezen.

In de webdesignwereld is er een nieuwe trend zichtbaar. Veel bedrijven stappen af van een multipage website en kiezen voor een onepager. Een website met een one page design waarop alle informatie in een logische volgorde aan de bezoeker wordt vertoond. De keuze voor de onepager heeft niet alleen psychologische redenen, maar ook interessante commerciële gronden. Daarnaast is er ook een praktisch belangrijk waardoor we langzamerhand het nut van een onepager gaan inzien.

WebNexus is ook niet bang om op die veranderingen in te springen. We raden namelijk steeds meer kleine bedrijven aan om door eens een onepage website te laten maken. Waarom je daarvoor zou kunnen kiezen, wordt gemotiveerd met behulp van de 10 voordelen van een onepager die hieronder staan opgesomd.

Onepager – De 10 voordelen

1. We scrollen liever dan dat we klikken.
Een hoop mensen hebben hier onderzoek naar gedaan en dit blijkt inderdaad zo te zijn. Dat wil nog niet zeggen dat het voor iedereen geldt, maar we wennen steeds meer aan scrollen en minder aan klikken.

2. Het is overzichtelijker.
Omdat de boodschap op slechts één pagina verpakt is, is het voor de bezoeker heel erg overzichtelijk. Met een slimme interne linkstructuur kun je de bezoeker gemakkelijk over de hele pagina bedienen zonder dat deze verdwaalt.

Overzichtelijke website

3. Teksten worden daadwerkelijk gelezen en krijgen de aandacht die ze verdienen.
Less is more. Zeker als het op teksten op websites aankomt. Je bent niet snel geneigd om alle teksten van een website te lezen als je weet dat je een dozijn aan pagina’s moet afstruinen. Een onepager bevat slechts een klein beetje informatie en daardoor zal de bezoeker de webteksten eerder allemaal lezen dan op een multipage website.

4. Het werkt als een krachtige sales funnel.
Door een onepage website slim in te delen, kunnen je de bezoeker door verschillende psychologische stadia dirigeren om deze te overtuigen van je product of dienst. Door eerst te informeren, daarna te overtuigen met behulp van gebruikersreviews en tot slot een contactformulier in te voegen, kan je een bezoeker in een natuurlijk proces eenvoudig aanzetten tot het opnemen van contact of het afnemen van een product.

Meer omzet en leads met onepager

5. Ideaal voor het lanceren van acties.
Veel goededoelen maken niet voor niets gebruik van onepage structuren. Mede vanwege de structuur zoals beschreven in punt 4 kan een partij hierdoor gemakkelijk en snel een bezoeker voor zich winnen. Social media acties kunnen daardoor makkelijker viral gaan met een aantal share buttons op strategische plekken op de onepage website.

6. Makkelijker om de bezoeker vast te houden.
De bezoeker heeft niet het gevoel dat hij wat mist, omdat er slechts één pad te bevaren is. Er zijn weinig afleidingen van andere pagina’s en daarom zal je de bezoeker langer op je pagina vast kunnen houden.

7. Vrij weinig onderhoud nodig.
Weinig teksten dus weinig materiaal dat zo nu en dan geüpdatet hoeft te worden. Ook voor jou als beheerder is het dus prettig dat je weinig werk hebt aan de website zodra deze online staat.

Onderhoud aan website

8. Makkelijker inspelen op gedrag van bezoekers.
Doordat je slechts één pagina hebt waarvan je het gedrag van bezoekers kan analyseren, kan je een scherpe focus houden. Dit is ideaal voor conversieoptimalisatie, omdat je precies kan zien hoe een bezoeker reageert op veranderingen op de website. Door je teksten, knoppen en contactformulieren ietswat te veranderen, kan je bijvoorbeeld je rendement verhogen en meer omzet en leads genereren. Ideaal dus.

9. Super praktisch voor mobiele apparaten.
Heb jij altijd een hekel aan mobiele menu’s? Ze werken wel, maar vaak is het toch niet ideaal. Een net niet accurate vinger kan de oorzaak zijn van een bezoekje aan de verkeerde pagina en kan leiden tot een hoop irritatie. Een onepage website is juist zeer geschikt voor mobiele apparaten, omdat je het menuutje niet eens hoeft te gebruiken. Je tweede natuur – het swipen en scrollen – is ruim voldoende.

Onepage mobiele website

10. Weinig belastend voor de server.
Hoe minder teksten, afbeeldingen en data er bij de hosting van je website gestald staat, des te minder belastend. Je website zal dus minder de server belasten wat de snelheid van je website goed doet.

Vraag een offerte voor je onepager aan!

5 redenen om niet voor een onepager te kiezen

De nadelen van een onepage website zijn er natuurlijk. Er zijn er een vijftal die ik ga benoemen.

1. Snellere laadtijden
Door teksten, afbeeldingen, video’s en ander materiaal over verschillende pagina’s te verdelen, zullen de losse pagina’s sneller laden dan één pagina waarop alle informatie gestald staat. Echter, een multipage website belast wel vaak meer de hosting doordat er meer data staat gestald, zoals in punt 10 van de voordelen van een onepager vermeld staat.

2. Te weinig ruimte om voldoende informatie prijs te geven.
Voor een bedrijf dat een veelvoud aan diensten uitvoert of een groot scala aan producten aanbiedt, zal een onepage website simpelweg niet volstaan. Er ontbreekt dan ruimte om over het bedrijf te vertellen waardoor de bezoeker niet voldoende geïnformeerd kan worden.

3. SEO-technisch
Voor de online vindbaarheid van je website kan het slimmer zijn om te kiezen voor een multipage website, omdat je dan afzonderlijke pagina’s voor afzonderlijke zoekwoorden kan maken, waardoor de kans stijgt dat je online gevonden wordt.

SEO friendly

4. Geen ruimte voor blog content.
Een onepager heeft meestal geen nieuwssectie waar zo nu en dan blogberichten geplaatst worden. Dat is voor sommige bedrijven een gemis omdat hierdoor online klantenbinding lastiger wordt.

5. Weinig kans op terugkerende bezoekers vanwege weinig nieuwe content.
Dit punt hangt nauw samen met punt 4. Bezoekers zullen niet zo snel geneigd zijn om je website met regelmaat te bezoeken, omdat er weinig nieuwe content op verschijnt.

Hopelijk heb je aan de hand van deze blogpost een idee gekregen of een onepage of toch een multipage website design je voorkeur krijgt. Wij kunnen beide opties voor je realiseren, dus vraag gerust een offerte aan.

Accelerated Mobile Pages (AMP)

Accelerated Mobile Pages (AMP)? De mobiele SEO trend?

Google is aan het experimenteren met een nieuw fenomeen: de accelerated mobile pages, kortgezegd: AMP. Dit zou wel eens de webtrend van de toekomst kunnen worden waar zowel grote als kleine bedrijven op moeten inspelen en bij hun webstrategie rekening mee moeten houden. Wat omhelst deze trend en nog belangrijker, hoe kun je het implementeren op je eigen website. In deze blog helpen we je inzicht te krijgen in de mogelijkheden, maar we houden een slag om de arm. Of deze trend zich echt zal doortrekken en naast responsiveness een main focus van de online vindbaarheid van een website in de mobiele versie van de Google zoekmachine gaat worden, is nog niet helemaal zeker.

Wat is AMP?

AMP is de naam die Google gegeven heeft aan webpagina’s die helemaal voor de mobiel geoptimaliseerd zijn. De focus van dit soort pagina’s ligt op snelheid en het wegcijferen van visuele elementen die de pagespeed normaliter negatief beïnvloeden. Dit zijn veelal kaler ogende pagina’s dan de originele desktop versies, waardoor de laadtijd korter wordt en de gebruikerservaring toeneemt. Indirect hebben snellere websites een positief effect op de online vindbaarheid, omdat Google snelle websites hoger waardeert dan de tragere concurrenten.

Alleen maar voordelen, toch?

Op het eerste oog zou je zeggen dat een website die ook beschikbaar is in AMP geen downfall kent. Echter, als je een website voor AMP wil optimaliseren, zullen er visuele elementen verwijderd moeten worden. Zo kan het dan moeilijk worden om een inschrijfbox voor een nieuwsbrief, contactformulieren, reageersecties, sidebars en pop-ups weer te geven. Kortom, voor een commerciële website dat zijn bestaan dankt aan conversies met behulp van een van die elementen kan het ook een minder strategische keuze zijn om over te gaan op de accelerated mobile pages. Voor informatieve websites zal het in veel gevallen alleen maar een ‘win’ zijn om de amp versie uit te rollen.

Hoe kun je je website AMP proof maken?

Wij bouwen alle websites binnen het CMS WordPress. Een van de voordelen van dit platform is dat het wereldwijd gebruikt wordt door een hele grote community. Vanuit de community worden nieuwe plugins ontwikkelt en openbaar beschikbaar gesteld. Zo zijn er ook al een aantal AMP plugins die je website met een klik op de knop ‘AMP’ ready maken. Dit geldt echter vaak alleen voor je blogberichten en niet voor je standaard pagina’s. Het is vrij aannemelijk dat er dit jaar nog een goede plugin op de markt komt waarmee het vrij eenvoudig wordt om je website direct AMP-proof te maken. Mocht je geen gebruikmaken van WordPress, dan raad ik je aan om onderstaande video te bekijken:

webdesign trends

Wat zijn de webdesign trends op dit moment?

Net als met de mode van kleren is er ook een bepaalde conjunctuur waar te nemen binnen websites. Welke ‘jasjes’ voor websites zijn momenteel erg populair? Wat is momenteel een trend onder webdesigners? Hoe maak ik mijn website modebestendig?

Niet America first, maar mobile first

Mobielvriendelijke websites worden tegenwoordig hoger in Google gezet dan mobiel onvriendelijke websites. Je moet als designer dus ook veel rekening houden met het mobiele ontwerp van je website, wil je goed gevonden kunnen worden in Google.

Snelheid

Laad je website niet in minder dan 3 seconden, dan gaan potentiële klanten naar de site van je concurrent. We leven in een ongeduldig tijdperk. We moeten onze tijd zo optimaal mogelijk indelen, dit geldt ook als we aan het surfen zijn op het web.

Gebroken en a-symmetrisch

Eerst was webdesign netjes en zeer strak. Alles netjes onder elkaar en strak uitgelijnd. Tegenwoordig mag je van boven naar beneden, van rechts naar links en vice versa scrollen. Het mag allemaal, als het maar niet braaf is.

Felle kleuren

Waar de trend binnen het webdesign een paar jaar geleden nog lag bij rustige en vertrouwelijke en ‘veilige’ kleuren, mag de webdesigner vandaag de dag het volledige kleurenspectrum gebruiken. Een beetje roze, een beetje oranje en nog wat witte letters met een paars biesje, zolang het maar opvalt en dus niet saai is, is het goed.

Bewegend beeld

Bewegend beeld is stoer en aantrekkelijk. Een video op de homepage is voor geen enkele bezoeker te missen. Maar er moet wel gelet worden dat de video de klant niet lastigvalt bij binnenkomst. Het materiaal moet ondersteunend zijn en niet afschrikkend werken. Het moet een bepaalde sfeer creëren en een gevoel doen oproepen bij de bezoeker van de site.

One page design

Een one page design is een website dat bestaat uit maar 1 pagina. Een groot nadeel vormt echter wel dat de SEO minder goed is. Een groot voordeel is echter wel dat de ene pagina snel zal leiden en dit geldt dan ook met name voor de mobiele gebruiker. Een ander groot voordeel van one page design is dat het onderhoud makkelijk, snel en eenvoudig is.

Sticky elementen

Sticky elementen zijn al eerder een trend geweest. Sticky elementen worden vaak aan de zijkanten, boven en onderkant van een website gezet. Deze leiden de bezoeker niet af, maar zorgen voor een snel en eenduidig informatieoverzicht van de website.

sierlijke lettertypes

Wat zijn de beste (online) sierlijke lettertypes voor je website?

Er zijn honderden verschillende lettertypen te vinden op het web, die je zou kunnen gebruiken als basis voor je website. Maar niet elk lettertype is geschikt voor je site. De vraag die al vrij snel naar voren komt: wat is de beste lettertype voor mijn site? Dit is een moeilijke vraag met moeilijke keuzes die gemaakt moet worden. Deze keuze moet je zelf of samen met je webdesigner maken. De meeste websites in Nederland maken gebruik van standaardlettertypen zoals Arial, Verdana of Trebuchet. Hier is niks mis mee, maar er is meer te halen uit je keuze voor een bepaald lettertype, Sterker nog, het niet bewust vormgeven van de tekst op je website is een gemiste kans. Door het gebruik van een bepaald lettertype beïnvloed je namelijk het gedrag van je bezoekers op je site. Hier moet je dus samen met je webdesigner slim op inspelen.

Leesbaarheid prevaleert boven schoonheid

Het allerbelangrijkste voor een goede site is de leesbaarheid van je tekst en niet de schoonheid van letters. De leesbaarheid van teksten is belangrijker dan de kwaliteit van typografie van je site. Typografie is de kunst van het vormgeven, zetten en drukken van tekst met zowel functionele als esthetische doeleinden. Of je bezoeker een tekst mooi vindt of niet beïnvloedt zijn gedrag niet. Echter de leesbaarheid van de tekst doet dit wel. Het is dus van belang om niet alleen te focussen op de schoonheid van je site, maar ook op de leesbaarheid van teksten. Het is echter wel zo dat als de teksten op je site heel goed leesbaar zijn en je site er ook nog eens ‘schoon’ uitziet, dit een versterkend effect heeft in positieve zin op het gedrag van je bezoeker. Er moet dus geen tunnelvisie zijn louter op de leesbaarheid van de teksten, maar ook niet louter op de schoonheid van je site.

Met of zonder schreef?

Door de komst van Webfonts is arsenaal aan keuzes voor lettertypes voor sites gigantisch toegenomen. Voor het bestaan van deze Webfonts moest het lettertype aanwezig zijn op de computer van de bezoeker. Dit beperkte uiteraard drastisch het aantal keuzes voor lettertypes. Lettertypes van Google heten Google fonts en kun je snel en eenvoudig gebruiken op elke site. Naast het verschil in de vormgeving van de lettertypes is er ook een verschil te maken tussen lettertypes met schreef en zonder schreef. Een schreef is onderdeel van een lettertype dat aan de pootjes van letters uitsteekt. In veel boeken, tijdschriften en kranten worden er lettertypes met schreef gebruikt. Online is het echter gebruikelijk om te kiezen voor een lettertype zonder schreef. Dit komt door het feit dat een schreef online resulteert in een storend leesbeeld bij de bezoeker. Het kost meer energie om letters met schreef van een beeld af te lezen. Dit komt uiteraard niet ten goede aan het gebruiksgemak van je site.

Arial, Verdana of Trebuchet?

Arial, Verdana en Trebuchet zijn schreefloze lettertypes die online het meest worden gebruikt. De meest gebruikte letter als font voor websites is Arial. De meest aantrekkelijke lettertype is Verdana en Trebuchet staat op een derde plek.

Wat kost het laten maken van een website gemiddeld?

Wat kost het laten maken van een website gemiddeld?

De markt van het laten maken van sites is de afgelopen jaren enorm gegroeid. Na de geboorte van het internet en met het begin van de 21ste eeuw heeft de concurrentie op deze markt zich haast exponentieel ontwikkeld. De markt is, voor degene die een website wil laten maken, allesbehalve transparant. Als je 10 offertes aanvraagt voor het laten bouwen van dezelfde site, is de kans heel groot dat er 10 verschillende prijzen uitrollen. Het is hierbij ook heel goed mogelijk dat het prijzenspectrum zeer uiteenloopt. Het kan zelfs zo zijn dat de duurste offerte tot 4 maal duurder is dan de goedkoopste offerte. Dit lijkt zeer merkwaardig, maar aan het eind van deze pagina wordt dit gevoel misschien toch een beetje bijgetrokken. Het is dan ook goed mogelijk dat degene die een site wil laten maken door de bomen het bos niet meer kan zien. Vandaar dat er op deze pagina kort doch bondig de hoofdzaken van het kostenplaatje van een site zal worden uitgelicht.

Bij kleine en zelfstandige webdesigners kan je voor €500 tot €2.500 een mooie en solide WordPress website krijgen, die prima in elkaar zit wat betreft gebruiksvriendelijkheid en vormgeving. Bij de wat grotere webdesignbureaus kan je voor €2.000 tot €6.000 een goede website laten bouwen. Hierbij betaal je vooral voor de expertise van het team, de ervaring en de toekomstbestendigheid van je site. Hier moet echter wel bij vermeld worden dat sites van kleinere webdesigners ook aan deze toekomstbestendige kenmerken voldoen. Grote complexe en extreem goed beveiligde websites, zoals sites voor de overheid, de medische wereld en grote webshops van online warenhuizen, kunnen de prijzen tot ver boven de €500.000 oplopen. Je kan ook een webbouwer inhuren om een website template te installeren. Een website template is een design die door meerdere websites gebruikt wordt, vandaar ook het lagere bedrag. Dit kost vaak iets tussen de €200 en €900

Wat kost een website nadat deze af is?

Er komen altijd kosten van hosting en kosten van de domeinnaam bij. Dit vormen vaste lasten en hier betaal je uiteraard afhankelijk van de grote en intensiteit van je site tussen de €5 tot €100 per maand voor. Het verschil zit hem vaak in de professionaliteit van de hosting en de service. Is je website altijd in de lucht? Hoeveel bezoekers kan je site aan, zonder dat de site heel traag of onbruikbaar wordt? Dit kan ook nog eens belangrijk zijn voor een goede en sterke positie in Google. Er zijn ook webdesignbureaus die onderhoudspakketten aanbieden en die uw site up-to-date en veilig houden. Veel webdesigners bieden diverse gradaties van pakketten aan, van basic tot premium. Uiteraard drukt de keuze ook weer op de maandelijkse prijs.