Met de recent herziene PSD2-richtlijn volgt er een toeslagenverbod voort, waarbij winkels, webshops en andere bedrijven geen toeslagen meer mogen berekenen voor debitcardbetalingen. Voor Woocommerce webshops geldt dus nu ook dat voor betalingen met :
iDEAL,
Bancontact,
Sofort,
MasterCard
Visa
je geen betalingstoeslag meer mag door berekenen.
Uitzonderingen
Voor consumenten buiten de Eurozone gelden deze regels niet.
Voor credit kaarten American Express en Dinersclub mogen nog wel toeslagen bereken worden.
Ook voor achteraf betaalmethode zoals Paypal mag een toeslag worden berekend maar nooit meer dan de werkelijk kosten.
Voor je begint met een goede landingspagina maken stel jezelf eerst een aantal vragen. Voor wie – . Wie of wat zijn je doelgroepen?
Wat is het Doel ?
Het doel landingspagina. Wat wil je bereiken? Wil je bijvoorbeeld;
een product verkopen
offerteaanvragen realiseren
e-mailadressen verzamelen
contact met uw doelgroep
enzovoort
Belangrijk is om maar 1 doel per landingspagina te kiezen!
Heb je meer doelen? Maak dan meerdere landingspagina’s. Wanneer het doel is bepaald kunnen we beginnen.
Hoe een landingspagina maken. De beste opbouw.
Het belangrijkste bij het maken van een beste landingspagina is dat je er niet te veel in zet. Focus op de doel. Welke boodschap wil je overbrengen.
Er zijn vier onderdelen die je landingspagina sowieso nodig heeft:
Een pakkende titel.
Een Subtitel.
Een ondersteunde visual (afbeelding, video, icon of slim kleur design)
Een call to action.
Basis opbouw landingspagina
De titel moet pakkend zijn. Spreekt voor zich.
De subtitel kan een zin zijn, de voordelen op een rij of een korte, heldere beschrijving. Hier maak je duidelijk aan de je bezoekers om welk aanbod het gaat of waarom dat aanbod bijzonder is. Denk eraan ook de prijzen te noemen. Als het een tijdelijk actie is vermeld dan ook de deadline. Alles moet duidelijk zijn.
Visual. De uitstraling van de pagina. Gebruikt een afbeelding of video die je boodschap ondersteunt. Houd ook de algemene uitstraling in het oog. Weerspiegelt het design uw bedrijfsidentiteit en straalt het betrouwbaarheid uit? Het is prettig dat elke landingspagina dezelfde look and feel heeft, zodat uw bezoeker voelt dat de pagina onderdeel uitmaakt van een je website.
Call to action. Wat wil je dat de klant gaat doen? Achterlaten van een emailadres, wil je gebeld worden , iets verkopen. Dit onderdeel laat je het meeste opvallen.
Hoe je layout wil vormgeven ben je redelijk vrij in. Belangrijk is wel dat je CTA knop goed in beeld blijft. (dus boven de vouw). Als je meerdere pagina’s wil maken is het handig om een zelf template te maken of te laten maken door je webdesigner. Zo kun je sneller werken en kun je je 100% op de inhoud concentreren.
Verder perfectioneren
De 4 basis elementen zijn nu behandeld maar we kunnen de landingspagina verder perfectioneren. Een belangrijk aspect is natuurlijk vertrouwen.
Vertrouwen
We willen natuurlijk vertrouwen winnen van de bezoeker om zo een hogere conversie te krijgen. Gebruik hiervoor keurmerken als die voorhanden zijn of nog beter recensies. Recensies werken vaak heel goed.
Meten
Als uw landingspagina’s helemaal klaar zijn, zorg er dan ook voor dat je de resultaten kunt meten! Het natuurlijk wel zo fijn om te weten hoeveel resultaat / rendement je krijgt van je werk. Stel dit in met bijvoorbeeld Google Analytics of laat dit instellen door de website beheerder.
Techniek Een landingspagina moet ook technisch goed in elkaar steken. Daarnaast bepaalt de techniek van uw website ook hoe uw website getoond wordt in verschillende browsers en op verschillende apparaten zoals een desktop, mobiele telefoon of tablet. Hier komt een op maat gemaakt template goed van pas. Denk ook aan je SEO.
Voorbeelden van goede landingspagina’s
Voorbeeld landingspagina. Een mooi voorbeeld van kort en helder. De voordelen van een rugbehandeling met direct de mogelijk voor een afspraak.
Bij dit voorbeeld van een ladingspagina zie je dat recensies van klanten worden gebruikt en de pagina is ook langer. Daarom zie je de rode knop 2x gebruikt wordt zodat met scrollen altijd de bekijk je premie knop in beeld blijft.
Hier hebben we nu behandeld hoe je een goede landingspagina opbouwt. Over waarom je een landingspagina nodig hebt kun je hier lezen.
Make an impression! Deze slogan is vooral van toepassing bij websites zou ik zeggen. Online kan je niet met woorden of een glimlach nog wat redden. Je wordt beoordeeld in seconden en je bezoekers hebben weinig geduld.
Des te meer reden om een website te hebben die indruk maakt. Het is niet alleen een mooi logo of een leuk kleurtje. Het is de totale impressie die het doet. Je moet het gevoel overbrengen van; hier is over nagedacht, dit werkt fijn en logisch. Tegelijkertijd straalt het een kwaliteit uit. Als je het ziet weet, je wat ik bedoel.
Er zijn nog steeds veel websites waar dit niet het geval is. Zelf loop ik vaak tegen het probleem dat de gewenste informatie niet te vinden is. Dit is natuurlijk heel frustrerend voor een bezoeker.
Maar mensen, dat betekent ook dat er nog een hele wereld te winnen is. Een nieuwe goedgebouwde website geeft een boost aan je business. Hier 9 redenen wanneer het tijd is voor een nieuwe website;
Je website is te oud.
Een gedateerde website is ‘bad for business’. Is de website meer dan 3 á 4 jaar oud, kijk dan eens goed of de waarden van je bedrijf nog goed worden weergegeven. Twijfel je? Vraag dan anderen om er met een kritische blik naar te kijken.
Je website bezorgt je geen werk of aanvragen. Je hebt te weinig conversie.
Als je genoeg bezoekers hebt maar er komt maar nauwelijks conversie dan is er structureel iets mis en wordt het tijd voor een nieuwe website. Mijn motto is: Een website moet geld voor je verdienen.
De website is niet gebruiksvriendelijk
Als een website niet gebruiksvriendelijk is krijgt de bezoeker geen goed overzicht van wat je als bedrijf te bieden hebt en het is moeilijk om snel bepaalde informatie te vinden. Dit zal bezoekers laten afhaken en zal je conversie geen goed doen. Ga voor een nieuwe overzichtelijke website en geef gebruikersgemak prioriteit.
Je website wordt niet goed weergegeven op mobiel of in sommige browsers
De techniek is verouderd of de website is niet responsive. Dit kan echt niet meer. De praktijk ervaring is dat ik ze nog steeds tegen kom. Snel een nieuwe website
De concurrentie heeft een moderne, uitnodigende website
Het is uiteraard belangrijk dat je geen gedateerde website hebt. Zorg dat je vóór loopt op je concurrentie, niet achter. Maak het verschil. Laat een nieuwe site bouwen.
Het bijwerken van je site is lastig of helemaal niet mogelijk.
Eén van de grootste frustraties van bezoekers is het bekijken van een website die niet actueel is. Er is altijd iets aan toe te voegen of te verbeteren. Gaat dit moeizaam via het beheersysteem of kost dit te veel tijd? Ga voor een nieuwe site met een makkelijk beheer systeem (CMS). Bijvoorbeeld WordPress.
Je hebt te weinig bezoekers
Dit kan verschillende redenen hebben. Vaak is de site inhoud of structuur slecht op orde en wordt daarom slecht geïndexeerd door Google. Het kan ook zijn dat er weinig aan SEO is gedaan. Een nieuwe site dan de beste en vaak de goedkoopste oplossing.
De website is traag
Vind jij het fijn om lang te wachten bij de slager? Nee, natuurlijk niet. En net zomin vindt je bezoeker het fijn om te moeten wachten als hij je site bezoekt. De laadtijd van je website is nu een van de ranking factoren voor Google en bepaalt dus mede jouw positie en vindbaarheid. Besteed hier serieus aandacht aan.
Je wilt nieuwe toepassingen maar met je huidige site kan dit niet.
Je wilt bijvoorbeeld video content tonen wanneer men via de desktop binnen komt en een foto als men mobiel kijkt. Of je wil blogs gaan schrijven, maar dit gaat onhandig. Of je wil een mooie 3D presentatie van je bedrijf tonen maar je framewerk of hosting is hiervoor ontoereikend. Met de nieuwste technieken hoeft dat allemaal geen belemmering meer te zijn. Is een van bovenstaande redenen van toepassing op jouw website? Neem contact met mij op voor een vrijblijvend advies of offerte.
André den Breejen
Wil je weten wat Impress voor jouw website kan betekenen?
De term pagespeed optimalisatie zie je steeds vaker voorbij komen en dat is niet voor niets. Met de term Pagespeed wordt bedoelt; hoe lang duurt het voordat de website in zijn geheel getoond wordt aan de bezoeker.
Vind jij het fijn om lang te wachten bij de slager? Nee, natuurlijk niet. En net zo min vindt je bezoeker het fijn om lang te moeten wachten tot jouw website of webshop op zijn of haar scherm verschijnt.
Als je thuis of op je werk over een snelle internetverbinding beschikt (bijvoorbeeld 100MB) kan het op het eerste gezicht nog wel meevallen met de laadtijd van je website. Bezoek je deze website dan via een gemiddeld wifi netwerk of via het mobiele netwerk dan merk je dat het allemaal een stuk minder snel gaat.
Nu wordt pas goed duidelijk of je website op een snelle server is gehost, of er bijvoorbeeld afbeeldingen zijn optimaliseert en of er compressie technieken zijn toegepast. Kortom, staat de meter in groen of in het rood?
Pagina wachttijd.
Hoe snel moet je website dan zijn? Dat hangt af van de situatie en het geduld van die persoon. Zelf ben ik aardig ongeduldig en heb een tijdspanne van 4 á 5 seconden maximaal. In 2011 heeft onderzoek uitgewezen dat bezoekers binnen 10 seconden beslissen of ze op de site blijven of niet. In 2017 ligt de situatie heel anders. Uit een onderzoek van jan. 2017 blijkt dat als je website niet binnen 3 seconden is geladen zal je bezoeker verder zoeken.
Samenvattend : Zorg dat het in ieder geval onder de 5 seconden is maar 3 sec.is beter.
Ranking Behalve het feit dat je niet wilt dat je bezoeker weg klikt van je site door een trage laadtijd speelt er mee dat Google een steeds groter belang toedicht aan snelle websites. In november 2016 publiceerde Google dit bericht.
“Our algorithms will eventually primarily use the mobile version of a site’s content to rank pages from that site”
Uiteindelijk zal dus de laadtijd van de mobile versie van de website bepalend worden voor de algemene ranking in de zoekmachines.
Redenen genoeg om te investeren in de snelheid van je website. Ik kan je website sneller maken.
Wil jij een speedboost voor je website?
Ik bied een page speed optimalisatie pakketten aan waarbij je website tot wel 85% sneller wordt. Daarbij werken we met aantoonbare resultaten met meet gegevens van voor en na optimalisatie.
Recentelijk werd ik door een klant benaderd over een van zijn websites. De laden van de website duurde in zijn ogen te lang. Ok, wanneer is een website te traag? Daar zijn diverse getallen en meningen over te vinden op het internet, maar je merkt het zelf wanneer je een webshop of website bezoekt. Meer als 10 seconden ervaart men als echt teveel. Zelf heb ik de regel, maximaal 5 seconden, maar onder de 3 seconden is beter.
Doormeten van de website
Als eerste begin ik dan met het doormeten van de website. Dit doe ik op verschillende momenten en met meerdere tools om een zo goed mogelijk beeld te krijgen. Zo krijg ik in beeld hoe de laadtijd is op de verschillende devices, mobiel, tablet en desktop. Tevens geven een meerdere testen een beter beeld. Eén meting snel of traag, kan een incident zijn. Het kan namelijk zo zijn dat je even een slechte server response of een lagere internet snelheid hebt.
De verschillende aspecten van laadsnelheid.
Belangrijk is ook om even onderscheid te maken. Er zijn verschillende fasen in laadsnelheid. > Time to first byte (TTFB): dit is de tijd die het kost om de eerste byte aan informatie binnen te krijgen. De TTFB-waarde geeft de snelheid van het netwerk, de server én de site weer. De time to first byte is deels afhankelijk van de locatie van waaruit je de gegevens opvraagt. Meer over TTFB kun hier lezen.
> Start render: dit is de tijd die het kost voordat een bezoeker de eerste informatie op het scherm ziet staan.
> De totale laadtijd: Dit is wanneer alle elementen van een pagina (images, CSS, Video’s en JavaScript) ingeladen zijn.
Om het niet al te ingewikkeld te maken gebruiken we in de metingen die hier genoemd worden alleen de totale laadtijd als meet resultaat.
Laadsnelheid voor optimalisatie
De website PremiumKeur Alkmaar die ik heb doormeten is was al eerder geoptimaliseerd en heeft en geeft een keurige 80 / 92 waarde op de Google pagespeed ranking.
Dit betekent dat je volgens Google een goede en snelle website hebt maar dat is niet helemaal waar. Het betekent meer dat je volgens de Google normen de basics goed voor elkaar hebt maar het zegt weinig over de laadsnelheid van je site.
Als we deze website met meerdere tools gaan meten krijgen we andere waarden te zien. De meet tool die ik veel gebruik is bijvoorbeeld GT Matrix. Hiermee kan je goed de laadtijden en oorzaken uitlezen.
Nu zie je wat de echte laadtijd is , namelijk 17,7 seconden. Dit is de tijd die nodig is om de gehele pagina te laden.
Oorzaak Het probleem zijn de 8 video’s die in de loop van de tijd geplaatst zijn. Die maken de pagina zwaarder en geven een aanzienlijke toename van de laadtijd.
Oplossing Wat ik gedaan heb is een script geschreven dat niet de video’s laadt maar een afbeelding van de video. Een afbeelding of ook wel tumbnail genoemd heeft slechts een fractie van de grootte van een video.
Het script zorgt ervoor dat niet de video wordt ingeladen maar een tumbnail van de video. De video speelt nu pas af wanneer de gebruiker op de tumbnail drukt.
Laadsnelheid na de optimalisatie
Wat is nu de laadsnelheid na deze optimalisatie? Na de implementatie van het script gaan we opnieuw testen. Zoals je ziet is de snelheid spectaculair verbeterd. Nu zien we een laadtijd van 2.4 seconden
Dit is verbetering van 637% ! Ook kun je zien dat de pagina grootte (page size) en de request sterk zijn gereduceerd.
Laadsnelheid van uw website is?
Bent u benieuwd of uw website een goede laadsnelheid heeft? Mail uw website gegevens naar [email protected] en ik laat uw de mogelijkheden tot verbetering zien.
André den Breejen
Wil je weten wat Impress voor jouw website kan betekenen?
Als je webshop op Magento 1 draait dan sta je voor een keuze. Ga ik door met Magento of zijn er nog andere mogelijkheden?
Voor Magento 1 versies loopt namelijk de ondersteuning af. Op november 2018 stopt de support . Nu is het laatste nieuws dat de ondersteuning voor versie 1.9 is verlengd tot juni 2020. Je hebt dus nog even tijd. Magento 1.9 is intussen verouderd. Je zal uiteindelijk toch moeten migreren naar het nieuwe platform Magento 2.0. Magento 2.0 een belangrijke verbetering tov de oude versie maar er zijn ook wat nadelen.
Er zijn nog een relatief nog beperkte beschikbaarheid aan plugins.
De overgang naar het nieuwe platform is geen update maar een migratie. Dit betekent alles helemaal opnieuw opbouwen zal een behoorlijk investering vergen
Een mooi moment om te gaan kijken of er andere mogelijkheden zijn
Als ondernemer probeer je natuurlijk de (verkoop) kosten laag te houden. En goed alternatief zou kunnen zijn om over te stappen naar de software van Woocommerce
Waarom Woocommerce?
Inmiddels is Woocommerce de meest gebruikte manier voor het bouwen van een webshop. Met Woocommerce kun je gewoon heel erg veel. Het is geschikt voor kleine, grote en complexe webshops.
Magento 2 of Woocommerce?
De voordelen van WooCommerce
Belangrijk goedkoper dan Magento 2
Geschikt voor grote shops
Onderhoud is relatief eenvoudig
Content creëren is zeer eenvoudig
Woocoommerce werkt heel intuïtief
Erg veel plugins verkrijgbaar
Easy to use ! Lagere leer curve (versus Magento)
De nadelen van WooCommerce
Woocommerce is standaard out of the box minder compleet.
Standaard een minder uitgebreide filtermogelijkheid
Minder goed in zeer hoog volume orders (versus Magento)
Wil je goede webshop die klant vriendelijk is, met veel SEO mogelijkheden en op conversie gericht? Met Woocommerce maak ik een maatwerk shop naar jouw wensen.
Wil je meer weten over wat Woocommerce voor u kan betekenen?
André den Breejen
Wil je weten wat Impress voor jouw website kan betekenen?
Het goed om te weten wat gebruikers in 2019 verwachten van je website. Webdesign ontwikkelt van statisch naar vloeibaar, van keurige rijtjes naar asymmetrisch design. Er is behoefte aan creativiteit, maar de gebruiksvriendelijkheid blijft doorslaggevend. Impress zet de belangrijkste trends in webdesign voor je op een rij.
Clean design
Veel witruimte is het kenmerk voor website met een clean design. Witruimte is eigenlijk de ruimte gebruiken om de elementen. Dit is zeker niet nieuw maar je ziet dat het steeds meer en meer terugkomen in de nieuwste websites. Voordeel van clean design is dat de elementen secties veel beter tot zijn recht komen. Zo krijgen de content elementen meer ‘breathing space’ wat meer rust geeft. Minder afleiding , meer conversie.
Website: A1 interieurstyling (in progress) Meer voorbeelden van clean design
Weg met de Symmetrie
Het hoeft allemaal niet meer mooi naast en onder elkaar. Variatie in breedtes en hoogtes, diagonale strepen, blokken en overlaps. Het mag allemaal. Gebruik de fantasie en creativiteit.
Micro design
Micro design is de aandacht voor het losse elementen op de pagina. Hieronder vallen ook de micro aninmaties. Micro-animaties zijn zichtbare, maar tegelijkertijd subtiele bewegingen die duidelijk maken dat er iets verandert. Met micro design kun je slim ruimte benutten, je pagina interessanter maken en de aandacht van je bezoeker vasthouden of sturen.
Color my site!
Het minimalistische design lijkt wat te zijn doorgeslagen. Vrijwel geen kleur, wat iconen en een logo. Soms weet niet eens meer op welke site je nu bent. Er is een tegenreactie gaande en je ziet dat felle en harde kleuren steeds vaker om de hoek komen kijken.
Een mooi voorbeeld is Soapmedia.co.uk.
André den Breejen
Wil je weten wat Impress voor jouw website kan betekenen?
Webdesigners hebben de opdracht om onderscheidend te zijn in ontwerp en dit te combineren met optimaal gebruikersgemak. Zonder goede vormgeving zal zelfs de beste content een stuk minder aantrekkelijk worden. Daarom is het goed om op de hoogte te zijn van de nieuwste trends op het gebied van webdesign.Welke trends zijn er in opkomst en wat gaan we in 2018 meer zien? Impress zet de 6 belangrijkste webdesign trends voor je op een rij.
1. Uitgesproken typografie#
Big, Bold, cutouts, en het gebruik van meer verschillende fonts. Typografie zal meer gebruikt gaan worden als ‘design-element’. Het vervangen van afbeeldingen door tekst wordt steeds meer toegepast. Een gewaagd of uitgesproken font geeft een merk persoonlijkheid en zorgt voor de juiste sfeer. Meer dan ooit zullen merken en ontwerpers de grenzen opzoeken van de typografische mogelijkheden om websites nog aantrekkelijker te maken Voor mobiele schermen heeft dit ook een meerwaarde, want minder afbeeldingen betekent een (nóg) snellere website!
bepatrickdavid.com
latinmedios.com
2. Minimalisme
Een minimale vormgeving is een bestaande trend, die we in 2018 nog sterker en vaker terug gaan zien. De tijd van ‘flashy’ webdesigns vol met versieringen en overvolle websites is voorbij. Dat leidt ten slotte alleen maar af. Door teksten en elementen met veel ruimte (ook wel negatieve space genoemd) te gebruiken wordt de centrale boodschap beter benadrukt.
areatresworkplace.com
3 . Splitscreen
Nog een mooie webdesign trend als je het ons vraagt: “splitscreen” websites. Deze websites zijn zo opgebouwd dat er 50/50 van het scherm gebruik wordt gemaakt. Het linkergedeelte van het scherm contrasteert dus duidelijk van het rechter gedeelte van het scherm. Heel geschikt om bezoekersstromen te leiden en onderscheid te maken in je doelgroepen. Splitscreen kan ook goed gebruikt worden bij landingspagina’s.
Adidas.com
4. Mobiel webdesign first / Mobiel eerst
Steeds vaker browsen we op onze telefoon in plaats van een computer of laptop. Dat is geen nieuwe trend, maar we gaan nu wel merken dat er een kantelpunt is bereikt. Gezien het aandeel internetgebruikers op mobiel is het steeds logischer om dit kleine scherm als uitgangspunt te gaan nemen bij een nieuw ontwerp. En je dus niet langer als eerste te baseren op een desktopversie.
alautoverhuur.nl
5. Cinemagraphs en de opkomst van GIF afbeelding
Cinemagraphs bevinden zich precies tussen foto’s en video’s in. Niet zo zwaar en traag als video, maar wel opvallend en dynamisch. Het geeft niet alleen een heel cool effect, maar het is een mooie tool om een sfeer te creëren of een bepaald aspect op je website te accentueren. Zo hou je langer de aandacht van je bezoeker vast.
Subtiele bewegingen zijn al genoeg om de aandacht te trekken
GIF De gif is weer terug. Animated GIF afbeeldingen (oftewel Graphic Interchange Format) heeft misschien een wat ouderwets imago maar wordt bij websites steeds vaker gebruikt. Met een gif afbeelding kan bijvoorbeeld een proces of actie duidelijk worden uitgelegd.
6. Kleur Verlopen (Gradients)
Overal zijn gradiënten te vinden. Met gradients kun je goed een stijlvol effect meegeven aan een element. De typografische trends in 2018 leunen zwaar op het feit dat de letters zelf het verloop hebben in plaats van de achtergrond. Gradients worden ook steeds meer toegepast in achtergronden, al dan niet in combinatie met een afbeelding. Door het driedimensionaal effect krijg je meer diepte in de site. Hoe dan ook, verwacht in 2018 veel kleur.
André den Breejen
Wil je weten wat Impress voor jouw website kan betekenen?
Wat zijn de trends in webdesign voor 2017? Hier een top 5 van de meest interessante trends.
1. Cards design
Een geweldige manier om veel informatie weer te geven. Door gebruik te maken van vlakken blijft het overzichtelijk en behapbaar. Het is ook perfect voor responsive design. Blijft overzichtelijk in elke grid.
2. Minimalist design
Wat we tegenwoordig steeds meer zien is het zogenaamde minimalistisch design. Het ontwerp wordt ontdaan van alle afleiding. De focus komt meer op de inhoud en boodschap te liggen. Het voordeel van dit ontwerp is dat het tegelijk een stijlvolle uitstraling krijgt.
Clean en geraffineerd waarbij de boodschap sterk overkomt. Less is more.
3 . Material design hybrid / Flat 2.0
De trend was en is flat design . Gestript van schaduwen, structuren en achtergronden. Alles super strak. Flat design wordt nog veel gebruikt maar je ziet dat de stijl wat verschuift. Google is met material design gekomen. Dat brengt een beweging op gang. Nu mag er weer wat meer diepte inkomen. Flat wordt gecombineerd met lagen en subtiele schaduw effecten.
4. Dynamic Typography
Grote lettertypes. Simpel en sterk. Maar nu laat je het bewegen. Kan in hoge resolutie en blijft goed voor je pagespeed. Dynamic Typography kan een krachtig middel zijn om je brand of boodschap over te brengen.
5. Illustrations
Een goede manier om weg te blijven van stockfoto’s en je site een eigen gezicht te geven. Illustraties zijn fun, onderscheidend en geven veel mogelijkheden.
André den Breejen
Wil je weten wat Impress voor jouw website kan betekenen?
