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 Website veel sneller maken

WordPress is zonder twijfel een uitstekend Content Management Systeem voor een website. Het biedt enorm veel gebruikersgemak, er zijn tienduizenden (gratis) thema’s voor beschikbaar en het is een vlot systeem. Maar het kan altijd beter. WordPress kan vaak zelfs enorm veel sneller worden gemaakt.

Het sneller maken van je website gemaakt met WordPress is niet moeilijk. Daarvoor zijn verschillende plugins beschikbaar. Download onze gratis Whitepaper.

WHITEPAPER HUMMINGBIRD

Iedereen heeft op dit gebied zijn favoriete plugins en tools voor het versnellen van de WordPress website. Want, hoe mooi en snel WordPress “uit de doos” ook is, zodra je plugins gaat installeren, een mooi thema installeert en eventueel met een pagebuilder aan de slag gaat heeft dat invloed op de performance van je website.

De beste plugin voor het sneller maken van je WordPress website die wij zijn tegengekomen is Hummingbird van WPMU DEV. We hebben er een gratis Whitepaper over geschreven die je hier kunt downloaden.

WAT MAAKT HUMMINGBIRD ZO GOED?

Zoals je in de gratis whitepaper kunt lezen hebben we het getest met twee verschillende, uiteenlopende, websites die we in beheer hebben. Een fotoblog en onze eigen website www.brinkhost.nl.

Op de eerste site realiseerden we een performance verbetering van ca. 40% en op onze eigen site, die nog niet geoptimaliseerd was, een verbetering van maar liefst 80% in laadtijd.

Naast uitstekende caching geeft Hummingbird ook veel tips en aanwijzingen voor verbetering van de performance van je website. Veel plugins doen een optimalisatie waar je ofwel helemaal geen omkijken naar hebt (en dus een generieke verbetering levert maar niet de beste). Andere plugins bieden zó veel opties dat je niet weet waar je mee bezig bent als website beheerder. Hummingbird doet een optimalisatie waarbij een aantal standaard optimalisaties worden toegepast en daarna kun je zelf, middels een overzichtelijk dashboard, verder gaan verbeteren.

Ook heeft Hummingbird een optie om bepaalde pagina’s en scripts uit te sluiten van caching (heel belangrijk voor bijvoorbeeld online winkels gemaakt met WooCommerce!) en een optie voor het verbinden met sites als CloudFlare or een ander CDN-netwerk. Dit laatste zorgt er voor dat je website optimaal samenwerkt hiermee.

Tot slot: bij veel caching plugins moet, na het wijzigen van een pagina of bericht, de cache worden geleegd en opnieuw opgebouwd. We hebben gemerkt dat dit bij Hummingbird niet nodig is, hoewel er wel een optie is om de cache (handmatig) te legen kun je dit instellen op ‘automatisch’.

DE CACHE LATEN OPBOUWEN

Bij het gebruik van een caching plugin zult u zien dat na verloop van tijd de resultaten nog beter worden. De website wordt steeds sneller (tot een zeker punt uiteraard).

In de whitepaper is bijvoorbeeld te zien dat onze website na implementatie van Hummingbird een laadtijd van 1,3 seconde heeft. Een paar uur later was dit verkort (ondanks dat het later op de dag ‘drukker’ is op internet) naar 1.14 seconden. Dit is het effect van caching: een cache wordt opgebouwd nadat pagina’s bezocht zijn (en niet eerder!). En hoe meer er vervolgens uit de cache kan worden gehaald, hoe sneller de website wordt.

WHITE PAPER

In de Whitepaper beschrijven we hoe we Hummingbird hebben ingezet voor het optimaliseren van de websites en de resultaten die we daardoor geboekt hebben.

Zoals je kunt zien in de Whitepaper hebben we de resultaten gemeten met de tool van Hummingbird zelf maar ook met de testservice van Pingdom, om zo een objectieve, externe, meting te verkrijgen.

De resultaten van de meting van Hummingbird kwamen nagenoeg 1-op-1 overeen met de externe metingen van Pingdom. Vanuit onze ervaringen met diverse, overigens prima, caching tools als WP Fastest Cache, WP Super Cache, W3 Total Cache en Simple Cache concluderen we toch dat Hummingbird niet alleen eenvoudig in gebruik is, maar ook meetbaar de beste resultaten levert.

Download hier de Gratis Whitepaper (PDF)

 

Deel deze pagina via: