Zorg dat je website Mobile First wordt bij Google. De Kracht van de Eenvoud!

Helpt het om je website aan te passen op basis van de (nieuwe) inzichten in webdesign? Krijg je meer bezoekers en helpt het om je website bijvoorbeeld te vereenvoudigen en sneller te maken? Wij denken van wel. Sterker nog, onze eigen website is het bewijs.

Al geruime tijd merkten we dat het aantal bezoekers op de website niet echt meer steeg. Los daarvan was de bounce-rate in onze ogen te hoog. Onze oude site was hoognodig aan een make-over toe maar tijd er voor hadden we niet want: de klanten gaan voor! Onder het motto “dan moet je tijd maken” even pas op de plaats en de afgelopen tijd flink gesleuteld aan onze eigen site. Dat ging geleidelijk want de bezoekers moeten natuurlijk wel wennen aan de vernieuwingen.

KNOWN ISSUES
Daarbij passen we uiteraard zaken toe waarvan we weten dat het werkt en (ook) aan anderen aanraden: sneller maken van de site, overbodige bling-bling er uit slopen (de slider is er bijvoorbeeld recentelijk uitgeghaald). Daarnaast was er natuurlijk ook de nodige optimalisatie -in een eerder stadium- gedaan voor bijvoorbeeld de SEO om onder andere hoger in Google te komen. Maar ook de andere aanpassingen die we deden hadden gunstige gevolgen voor onze positie in Google en de gebruikerservaring.

MOBILE FIRST
Van Google kregen we dan ook niet lang daarna bericht dat ze ‘mobile first’ indexering voor onze website gingen gebruiken. Dat betekent dat de website dusdanig is geoptimaliseerd voor mobiele gebruikers dat google’s crawlers eerst de mobiele inhoud indexeren en tonen aan de mobiele gebruikers. Want, zoals vaker gemeld, het web is tegenwoordig voornamelijk ‘mobiel’.

De mobiele bruikbaarheid van onze website genereert sinds begin deze maand dan ook geen enkele foutmelding meer bij Google. Het spreekwoord is vaak, als je iets zoekt, “Google is Your Friend”. Maar qua indexering en geschiktheid van je website ‘vrienden worden met Google’ valt niet altijd mee.

De verbeteringen zijn dan ook duidelijk in het Google Dashboard terug te zien.

Pageviews en BounceRate Google Analytics Hoger in Google komen

Het aantal gebruikers stijgt (33,9%), de pageviews zijn significant gestegen (verdubbeld!) net als het aantal sessies en de ‘bounce rate’ is met ruim 8% gedaald. Die daling is vooral toe te schrijven aan het weghalen van de slider op de voorpagina. De cijfers van Google Analytics, hieronder, spreken voor zich.

Zoals eerder gemeld zijn sliders een leuke marketingvinding en vooral heel leuk voor managers. Maar voor je conversie (omzet via de site) doen ze niets, integendeel. Mensen kunnen er op mobiele platformen niets mee. Liever een eenvoudiger opzet die wél omzet genereert dan veel eye-candy op je site die mensen doet besluiten hun heil elders te zoeken!

MOBILE FIRST, HOE DOE JE DAT?
Mobile first is al een paar jaar een ding bij Google. Gek genoeg beseffen veel bedrijven en ook webdesigners zich dat niet en gaan onverdroten voort – ze ontwerpen voor de PC-schermen van 20″ en groter.. Responsive design is nog vaak een stiefkindje. Bij onze ontwerpen, voor klanten en ook onze eigen sites, gaan we al een tijdje uit van de mobiele gebruiker.

Belangrijke aandachtspunten in het ontwerp:

  • een goede mobiele versie van je website (spreekt voor zich uiteraard!);
  • focus op de snelheid van je website. Ook op 4G moet een website vlot laden! Dit kun je bereiken via ontwerp-maatregelen en zaken als goede caching e.d.. Uiteraard is snelle hosting ook belangrijk.
  • breng duidelijke structuur aan in je site. Mobiel gebruik is heel anders dan desktop gebruik!

Mobile first werd in 2016 al aangekondigd door Google. In 2017 zijn ze er mee gaan testen en langzaam gaan invoeren. Voor meer details over aanpassingen aan je website zie de informatie van Google hier over.

HET BETAALT ZICH TERUG..!
Deden wij het zelf niet eens goed? Jawel. We bestaan als hostingbedrijf tenslotte niet voor niets al bijna 20 jaar. Maar, wat we met dit artikeltje maar willen duidelijk maken: er is áltijd ruimte voor verbetering.

Wij hielden al heel lang rekening met de mobiele gebruiker (zie bijvoorbeeld een eerder gemaakt screenshot boven aan deze pagina). Maar zoals gezegd: er is altijd ruimte voor verbetering. Soms zelfs met een paar simpele ingrepen! Het kost natuurlijk wel wat tijd of geld, maar dat betaalt zich ruim terug in stijging van het bezoek en het vasthouden van bezoekers op je site.

Het vasthouden van bezoekers is namelijk heel belangrijk. Je startpagina moet zich onderscheiden, ook op het mobiele platform, en helder zijn en uitnodigen tot ‘doorklikken’ en lezen. Is die startpagina namelijk uitnodigend genoeg dan accepteert men op onderliggende pagina’s, ook op mobiele platforms, meer tekst en uitleg.

Tot zover een kijkje in onze eigen keuken. Wilt U dat wij Uw website ook optimaliseren? Neem dan eens vrijblijvend contact met ons op. Klik hier voor meer informatie.

Gratis test mobiele website ontwerp

TEST JE WEBSITE
Je kunt je website eenvoudig en gratis testen via https://ready.mobi. Deze website laat zien hoe je website er uit ziet op de desktop en een aantal mobiele apparaten. Niet alleen het ontwerp moet getest worden. Ook of het daadwerkelijk werkt. Doe bijvoorbeeld eerst een paar kleine aanpassingen en kijk hoe zich dat vertaalt naar bezoekersaantallen, bounce rates en doorklikken op de website (aantal pagina’s per bezoeker). Dat is een altijd doorgaand proces. Wij zijn er inmiddels al zo’n twintig jaar mee bezig, .. en nog ontdekken en leren we bijna wekelijks weer iets nieuws! Denk dus niet dat U “klaar” bent als de website geoptimaliseerd is voor Mobile First. Want het internet is een dynamische omgeving. Met Google voorop als het om wijzigingen gaat!

 

Deel deze pagina via:
Wordpress Webdesign WooCommerc Webwinkel met iDEAL

Hoe krijg je meer omzet via je website?

Hoe kun je via een website meer verkopen, meer omzet, krijgen? Is dat erg moeilijk? Wat zijn de bewezen oplossingen daar voor?

KISS

Meer verkoop via je Website? KISS!
KISS – Wikimedia Commons

Wie kent ze niet? De rockband die sinds 1973 de zalen platspelen met hun snoeiharde rock muziek.

Maar we hebben het hier niet over de favoriete muziek van de hardrockers. KISS staat voor de bekende term “Keep It Simple, Stupid”. Een beetje bot natuurlijk. Maar, niet minder waar! Tegenwoordig noemen ze dat in goed Nederlands dan ook wel “Opa-proof”.

Zeker voor een website geldt dat eenvoudige websites een hogere conversie (verkoop!) behalen. KISS (de band) had het KISS-principe uitstekend begrepen. Simpele recht toe, recht aan muziek. Een heldere, herkenbare, visuele presentatie. Iedereen wist bij het zien van deze mannen met make-up waar het om ging, wat ze “verkochten”, en wie het waren. Dat principe moet ook gelden voor een website.

Onderstaand een aantal tips voor het maken van een website die herkenbaar is en er voor zorgt dat mensen niet na het bezoeken van de homepage direct vertrekken. Daarnaast zorgen deze ontwerp-principes voor een hogere omzet.

HOMEPAGE

De homepage is natuurlijk het belangrijkste want: daar komen de meeste bezoekers op binnen. Die startpagina moet zo duidelijk mogelijk je boodschap, dienst of product communiceren. Verkoop je via je website een mooie collectie jassen? Laat dat er dan van af spatten. Verkoop je bijvoorbeeld webhosting (zoals wij doen) laat er dan geen twijfel over bestaan bij de bezoeker dat ze dat (juist) via jou kunnen krijgen.

Goedkope en Betrouwbare Webhosting, Webdesign en Domeinregistratie

Onze homepage heeft daarnaast grote, duidelijke, “drukknoppen”. Mensen kunnen, zeker met een mobiele telefoon of tablet, maar lastig op kleine linkjes (verborgen in tekst) klikken.

RESPONSIVE

Dat is meteen het tweede onderwerp: zorg er voor dat je website responsive is. Dat wil zeggen: op de PC moet het er goed uit zien, maar (vooral) ook op een tablet en/of smartphone. Want: ruim 60% van het internetverkeer is tegenwoordig via smartphones.

Voor een responsive website hoef je echt geen hele moeilijke “content management systemen” of peperdure (app)ontwikkelaars aan te trekken. Kijk maar eens naar dit voorbeeld van een eenvoudige responsive site. Helemaal in HTML gemaakt.

Met de KISS principes in gedachten kan dit voor bepaalde diensten al voldoende zijn. Denk bijvoorbeeld aan een klussen- of schildersbedrijf?

GEEN SLIDERS!

Voor de meeste websites zijn sliders géén goede oplossing. Als je een website hebt waar je graag zaken onder de aandacht wilt brengen maar niet kunt kiezen welke, dan wordt er vaak gekozen voor een “slider”. Of, omdat de designer het zo mooi vindt. Of .. “omdat iedereen het doet”. De allerslechtste reden voor een slider is het tevreden stellen van de eigen organisatie. Managers zijn gek op een slider. Want: iedereen, of ieder product of afdeling, komt dan aan bod. Toch? Nee. Integendeel. De bezoeker neemt het niet eens waar wat in de slider staat of vind het op zijn minst irritant.

Er zijn verschillende redenen om het toch vooral niet te doen:

  • het zorgt er voor (onderzoek) dat de verkoop schrikbarend daalt want: mensen negeren het óf vinden het op zijn best verwarrend zo’n bewegende serie plaatjes.
  • het zorgt er voor dat uw website heel traag wordt!
  • het heeft een negatieve invloed op de SEO (Zoekmachine Optimalisatie), oftewel: lager in Google. Terwijl je juist hoger in Google wilt komen!
  • overbodige extra code in de website;
  • werkt niet goed op een smartphone (waardoor je 60% van de markt niet bedient!).

Deze site maakt het snel duidelijk waarom je dit niet moet gebruiken (opent in nieuw venster).

Eerlijk is eerlijk. We vinden ze zelf ook heel erg mooi. Maar bij het vermarkten van een dienst is er uiteindelijk maar één ding dat telt: “conversie ratio”. Liever kiest u voor één, duidelijk ondersteunende, afbeelding die uw dienst, product of idee helder uitdraagt. En niet voor een carousel met tien verschillende afbeeldingen.

ABOVE THE FOLD

Zorg er voor dat de meest belangrijke zaken meteen in beeld zijn, “above the fold” zoals dat heet. Dit is een term uit de krantenwereld. Het betekent dat het belangrijkste nieuws, op de voorpagina van een krant, boven de (letterlijke) vouw te zien is. Dit nodigt mensen uit de krant te kopen. Dit principe is nog steeds van toepassing, ook in de digitale wereld.

Een website moet dus direct in de ‘bovenste helft’ oftewel zonder dat mensen naar beneden moeten scrollen meteen laten zien “wat er te koop is”. Dit is al zo lang het internet bestaat één van de gouden regels. De eerste websites, in 1996, die we opleverden voldeden hier al aan.

Als je die ruimte opvult met (grote) mooie sliders of andere niet relevante zaken, dan zul je zien dat bezoekers de website verlaten. Dit zorgt voor een hoge “bounce rate”.

SNELHEID WEBSITE

De laadtijd van een website is heel belangrijk. Gemiddeld wachten mensen maximaal 3 seconden tot er wat in beeld komt. Is uw website dusdanig traag dat er na drie seconden nog niets staat, of geen relevante informatie, dan neemt de bezoeker aan dat de website niet werkt en gaat een andere website bezoeken of terug naar google omdat de mensen denken dat de website “uit de lucht” is of een probleem heeft. Heb je een WordPress website en wil je die sneller maken, kijk dan hier voor meer informatie daar over.

Niet alleen het ontwerp van de website is belangrijk voor de snelheid, ook de hosting uiteraard. Heb je bijvoorbeeld een website die door je webhoster in de Verenigde Staten, Frankrijk of Duitsland gehost wordt (wat veel Nederlandse hostingaanbieders doen!) dan is deze meestal trager dan wanneer je hosting in Nederland neemt. Zo staan onze servers bijvoorbeeld in Groningen (Zernike). Dit zorgt voor een sneller ladende website voor mensen in Nederland.

IEDEREEN IS WELKOM

Ze zijn er nog steeds: ontwikkelaars die een website maken die niet werkt op alle platformen. Daarmee bedoelen we: alle browsers. Niet alleen voor Windows, maar ook voor Apple en Linux uiteraard. Onderstaand twee websites vergeleken.

CASUS 1 – BOL.COM
Een mooi voorbeeld van hoe het hoort: de website van bol.com. Die werkt goed onder zowel Chrome als Firefox (links boven). Je zie ook dat de website erg “kaal” is opgezet maar dat ze hun unieke verkoopargument daarbij helder communiceren: gratis verzending. Ook onder de 20 euro. Altijd dus. En daarnaast zijn ze supersnel. Onder de groene banner vervolgens een aantal aanbiedingen. En boven een zoekvenster. Op de bol.com website kún je nagenoeg niet verdwalen. Niet voor niets dat deze webwinkel zo succesvol is. Alle principes voor online verkoop zijn uitstekend toegepast.

CASUS 2 – WEHKAMP
Gek genoeg maakt Wehkamp er een potje van qua ontwerp. Zowel onder Firefox als onder Chrome (op een Linux machine) ziet de website er niet best uit (afbeelding rechtsboven). Eén groot grauw vlak. Met daarboven een zoekscherm.

Zelfs op het mobiele (Android) platform communiceert de website van Wehkamp net helemaal niets. In het zoekvenster staat “Waar ben je naar op zoek”. Maar om iets te zoeken hebben we Google of Bing toch?

De website van Wehkamp moet het dus vooral hebben van hun naamsbekendheid blijkbaar. Onder het motto “mensen kennen ons wel” verwacht men dat bezoekers wel komen en vervolgens in het zoekscherm wel in gaan typen wat ze bij deze webwinkel willen kopen.

Daardoor verleidt je mensen nergens toe. Je straalt ook niets uit naar de mensen. Geen “dit moet je echt hier kopen” of “hier zijn wij dé specialist in”. Het zou ons dan ook niets verbazen als de Wehkamp website (met véél te veel ruimte om je email adres achter te laten) een enorm hoge bouncrate heeft.

Concurrent Neckermann heeft het wat dat betreft beter begrepen. Helaas krijg je daar weer opeens een pop-up in beeld. Ook “heel erg 1995” zoals we dan wel eens zeggen. Ook hier voor geldt: niet doen.

SAMENVATTING

Samenvattend zijn dit de belangrijkste elementen:

  • geen overbodige aandacht afleiding waardoor er onduidelijkheid ontstaat;
  • grote “knoppen” gebruiken of afbeeldingen die uitnodigen tot ‘doorklikken’;
  • duidelijk communiceren wat je méést belangrijke dienst, product of boodschap is;
  • responsive website;
  • géén sliders (carousel) gebruiken wanneer het niet hoeft!
  • snelle hosting, bij voorkeur in Nederland;
  • goed ontwerp (“above the fold”).

Tot slot: bedenk voor je een website gaat maken of aanpassen wie je publiek is. Een website gericht op programmeren is toch echt iets anders dan een online fietsenzaak of boekenwinkel. Hulp of advies nodig voor het maken van een website? Kijk dan eens naar onze aanbiedingen. Wij zijn U graag van dienst bij het maken van een effectieve, responsive, website voor een scherpe prijs!

Deel deze pagina via: