21 februari 2019

Is jouw website snel genoeg om mee te scoren?

De laadsnelheid van de website is één van de ranking factoren waar de zoekmachines rekening mee houden. Het is nog altijd niet zo belangrijk als de inhoud van de pagina, maar zeker iets om een kritische blik op te werpen. Wat is een goede laadtijd? En hoe houd je deze zo kort mogelijk?

Waarom is de laadtijd van je website belangrijk?

De laadtijd van desktop pagina’s is altijd al belangrijk geweest voor je positie in Google, maar sinds de ‘Speed update’ van juli 2018 wordt er ook gekeken naar de laadtijd van je mobiele pagina’s.

Daarnaast is het een belangrijke indicator voor bezoekers van je website. Je wilt zo snel en zo goed mogelijk antwoord geven op dat wat je bezoekers zoeken. Doe je dit niet? Dan zal er verder gezocht worden en verlies je de bezoeker. Mocht je nog niet overtuigd zijn van het belang van een snelle website, kijk dan eens naar de afbeelding hieronder. Daar zie je: hoe langer het duurt voordat je website geladen is, hoe meer bezoekers je verliest.

Wat is de beste laadtijd?

Zoals je in de afbeelding hierboven al hebt kunnen zien, is een laadtijd tussen de één en drie seconden het best. Wij hebben onderzocht hoe een aantal bekende Nederlandse sites scoort op snelheid.

Hoe snel is jouw website?

Om de laadtijd te meten, kun je natuurlijk zelf naar je website surfen en de seconden tellen. Gelukkig zijn er ook verschillende tools die dit voor je kunnen meten, zodat jij die paar seconden iets anders kunt doen. We zetten er vier voor je op een rij.

PageSpeed Insights

Dit is een tool van Google, die beschikbaar is via hun developers website. Maar: de tool is wel toegankelijk voor iedereen. Het fijne van Pagespeed Insight is dat de tool duidelijke aanbevelingen geeft van de punten waar je slecht op scoort. Wanneer je op de verschillende items klikt, krijg je extra uitleg wat er precies aangepast moet worden en op welke pagina’s. Standaard worden eerst je mobiele statistieken getoond. De desktop statistieken kun je in het volgende tabblad bekijken (rechts bovenin).

» Ga naar PageSpeed Insights

Pingdom Tools

In deze tool kun je de laadtijd van een website testen vanaf verschillende locaties. Hierin zie je bijvoorbeeld welke bestanden er op een pagina geladen worden, en welke een langere laadtijd hebben dan anderen. Op die manier kun je de knelpunten eruit halen.

Net als bij PageSpeed Insights krijg je bij Pingdom Tools ook een cijfer mee. Maar daarnaast geeft hij ook soort rang mee, waarbij A de beste score is. Ideaal, want zo weet je welke punten je het beste als eerste kunt verbeteren. Pingdom maakt overigens geen onderscheid tussen desktop en mobiele snelheid. Mocht je nog een extra check willen hebben voor je mobiele snelheid, test dan vooral ook even met ‘testmysite’!

» Ga naar Pingdom tools

Testmysite

Testmysite is een tool van Google waarmee je de mobiele snelheid van je website kan testen. Hierin zie je wat je laadtijd is inclusief het geschatte bezoekersverlies door de laadtijd. Dat kan een tikkeltje confronterend zijn, maar geeft wel duidelijk aan of er werk aan de winkel is. Daarnaast plaatst deze tool je in een branche, zodat ze kunnen bepalen hoe jouw website scoort in vergelijking met andere bedrijven in die branche. Een klein nadeel: je moet het rapport opvragen om de verbeterpunten in te zien.

» Ga naar testmysite

Google Analytics

Wist je dat je in Google Analytics ook een overzicht kunt zien van laadtijden van jouw website? Dat kun je vinden bij Inhoud > Sitesnelheid. De laadtijden worden steekproefsgewijs gemeten, dus helaas (nog) niet van alle bezoekers. De tool is dus minder nauwkeurig, maar wanneer je grote aantallen bezoekers hebt kun je hier toch een hoop gegevens uithalen. Zo kun je zien welke pagina een hogere laadtijd heeft dan anderen en welke browser er langer over doet.

Hoe kun je de laadtijd van je website verbeteren?

Bovenstaande tools kun je gebruiken om de knelpunten van jouw website bloot te leggen. De tools geven vaak al directe adviezen, maar wij delen graag een klein – niet volledig – overzicht met tips om je laadtijd te verbeteren:

  • Maak gebruik van Cache. Wanneer cache wordt ingeschakeld hoeft de bezoeker niet alle bestanden steeds opnieuw op te vragen. Voor WordPress zijn hier diverse plugins voor die dit afhandelen. Wij raden WP Super Cache aan, hier hebben wij de beste ervaringen mee.
  • Gebruik PHP 7. Veel websites werken met de populaire scripttaal PHP. Een groot deel van de WordPress software is geschreven in PHP, dus zeker voor WordPress websites kan dit een flinke verbetering geven.
  • Voeg CSS- & Javascript-bestanden samen. Probeer het aantal CSS- en Javascript-bestanden zo klein mogelijk te houden, zodat andere bestanden ook sneller gedownload worden.
  • Schaal afbeeldingen niet op de website. Stel je hebt een afbeelding in je pagina van 1000×1000 pixels. Vervolgens verklein je die door middel van HTML naar 100×100. Dan gebeurt er iets onhandigs: de afbeelding van 1000×1000 pixels moet alsnog worden ingeladen. Onze tip: verklein je afbeelding vóór je haar online plaatst. Denk ook eens aan het comprimeren van je afbeeldingen. Een tool die wij hiervoor vaak gebruiken is Shortpixel.
  • Zet geen video’s op je website. Als je gebruik wilt maken van video’s, kun je deze het best uploaden via Youtube of Vimeo. Vervolgens kun je de video embedden op je website.
  • Voorkom doorverwijzingen of niet bestaande links. Wanneer er een niet (meer) bestaand item ingeladen moet worden, kost dit onnodig veel tijd. De browser gaat het bestand proberen in te laden, maakt connectie met de server en vervolgens krijgt hij het antwoord terug dat deze niet meer bestaat. Hetzelfde geldt voor 301-doorverwijzingen. Is een bestand verplaatst, link dan direct naar de juiste URL. Anders moeten er meerdere verzoeken gedaan worden door de server.
  • Schoon je plugins op. Loop je lijst van plugins eens langs: staan er plugins tussen die je niet gebruikt? Weg ermee!

Er zijn natuurlijk veel meer factoren waarop de website kan worden verbeterd. Gebruik dus vooral bovenstaande tools, zodat je voor jouw website gerichte tips krijgt. Snelheid verbetering is een doorlopend proces. Zeker bij grote complexe sites is het verbeteren van je snelheid een continu proces wat je moet blijven monitoren.

Wil je hulp bij het verbeteren van de laadtijd van jouw website? We helpen je graag.
Laat je e-mailadres achter en wij nemen contact met je op.

15 februari 2019

Zo val je op met je jaarverslag, brochure of magazine!

Ieder jaar is het weer hetzelfde liedje: er moet een jaarverslag gemaakt worden. Het gaat goed met het bedrijf, er is groei en het resultaat is gestegen. Hartstikke positief en leuk, maar zodra je het in hetzelfde format giet als voorgaande jaren is het ineens zo ... saai! Dat kan anders. Hoe? Met een Instant Magazine.

Instant Magazine is een tool om impactvolle, interactieve en digitale publicaties te produceren. Het heeft een responsive design dat zich voor elk device aanpast, waardoor meer lezers worden bereikt. Ook biedt het de mogelijkheid om te meten wat de lezer echt interessant vindt. Gemiddeld wordt maar liefst tachtig procent van de pagina’s van een Instant Magazine daadwerkelijk gelezen. Ook ideaal: de content is eenvoudig aan te passen op de interesse van de lezer, waardoor je klantenbinding verbetert.

Als premium partner biedt MixCom de mogelijkheid om jouw jaarverslag, brochure, whitepaper of productcatalogi met een inspirerend design te laten opvallen. De designers van MixCom kunnen dat als geen ander en laten graag jouw content tot zijn recht komen door tekst, beeld en video’s in de juiste balans af te wisselen.

Niet alleen jaarverslagen laten we opvallen met een Instant Magazine, maar ook brochures, productpresentaties, relatiemagazines, eventmagazines … Net wat je wilt!

Laat MixCom met je meedenken over de mogelijkheden en neem contact op met Jörgen Korthagen op nummer 038 303 10 52 of per e-mail op jkorthagen@mixcom.nl.

7 februari 2019

MixCom bouwt award winnend platform Nursing

Afgelopen week heeft Nursing de LOFonderscheiding voor vakinformatie gewonnen! Dit is dé tweejaarlijkse kwaliteitsonderscheiding voor producten, merken, portfolio’s, diensten, activiteiten en prestaties voor professionals. Als bouwer van het platform is MixCom Online hier ook erg trots op.

Ruim een jaar geleden heeft MixCom Online, in nauwe samenwerking met uitgeverij Bohn Stafleu van Loghum, de nieuwe website van Nursing gelanceerd. Een vaktitel die dit jaar maar liefst vijfentwintig jaar bestaat en nog altijd groeiende is. Bij de ontwikkeling van de website is een grote groep collega’s van MixCom en Bohn Stafleu van Loghum betrokken geweest. Mede dankzij het juist toepassen van de Scrum-werkwijze en het werken in korte sprints kon de opdracht binnen de overeengekomen planning en naar beider tevredenheid worden afgerond. Nog mooier is dat het platform nu ook nog eens door een vakjury is onderscheiden voor haar belangrijke rol als vaktitel.

Mooie woorden uit het juryrapport:De jury oordeelde dat Nursing het verschil maakt voor de persoonlijke professionele ontwikkeling van verpleegkundigen. Nursing ‘verbindt de lezers, reflecteert op beroepsinhoud en vakuitoefening, neemt waar nodig politiek stelling, informeert over voor de zorg relevante maatschappelijke ontwikkelingen, heeft oog voor de emotionele kant van het beroep en laat de lezers aan het woord’, stelt het juryrapport. ‘Voor verpleegkundigen is Nursing onmisbaar.’

Namens het gehele MixCom team: Van harte gefeliciteerd met deze mooie onderscheiding!

Wil u meer info over deze en/of de andere diensten van MixCom? Neemt u dan contact op met Jörgen Korthagen op nummer 038 303 10 52 of per e-mail op jkorthagen@mixcom.nl.

5 februari 2019

PWA | Progressive Web Apps, 4 prangende vragen

Progressive Web Apps, oftewel PWA, kun je zien als normale websites. Het grote verschil: ze hebben de functionaliteiten van een app. Met een PWA heb je als het ware een website in een app-jasje. Klinkt interessant, maar wat kun je ermee?

Hoe werkt een PWA?

Een PWA maakt gebruik van een service worker; een script wat op de achtergrond in je browser draait. De service worker maakt het mogelijk dat er acties uitgevoerd worden zonder tussenkomst van een gebruiker. Denk aan het ontvangen van push-notificaties. Ook bepaalt de service worker of je de content live ziet, of juist de gecachte (opgeslagen) versie. Door deze functionaliteit is het mogelijk om content ook te bekijken als je een slechte internetverbinding hebt, en zelfs als je geen verbinding hebt.

Wat zijn de verschillen tussen een website, app en PWA?

Een website open je met behulp van je browser, en kun je alleen bekijken als je verbinding hebt met internet. Bezoekers kunnen direct naar je website navigeren door de URL op te geven in de adresbalk of door zoekresultaten te gebruiken. Het is ook mogelijk om de website te bezoeken via een link op andere sites of door je eigen nieuwsbrief. De website is toegankelijk via de browser, waardoor je niet afhankelijk bent van een besturingssysteem. Wel heb je altijd een (goede) internetverbinding nodig. Daarnaast is een website niet altijd even mobielvriendelijk, iets wat in 2019 echt niet meer kan.

Voor een app ben je afhankelijk van je besturingssysteem – iOS of android – en je download de app in de appstore (soms betaald). Een app staat los van je website. Wil je content op je website en in de app delen, dan moet je het in veel gevallen dus meerdere keren plaatsen. Ook bij apps heb je vaak een internetverbinding nodig, denk aan het downloaden van de updates.

Een PWA is een website in een app-jasje. Wij noemen het ook wel the best of both worlds! Maar waarom? Dat leggen we je graag uit.

Waarom wil je een PWA?

Een PWA is ingericht op mobiel gebruik; zo kun je een knop toevoegen aan je homescherm om gemakkelijk naar de PWA te navigeren. Je hebt de mogelijkheid om push-notificaties te sturen, en je kunt je content offline aanbieden – geen gezeur meer dus met slechte internetverbindingen. Ook neemt een PWA minder ruimte in beslag dan een app. Je content schrijf je nog maar voor één platform in plaats van voor een website plús twee apps (Android en iOS).

Bron afbeelding: https://developers.google.com/web/progressive-web-apps/

Welke bedrijven gebruiken PWA?

Het kan natuurlijk niet anders of er zijn al verschillende bedrijven die gebruikmaken van een PWA. Dat zijn onder andere:

Als je de websites bezoekt vanaf je mobiel, kom je terecht op de PWA. In eerste instantie zal je waarschijnlijk geen verschil zien tussen een PWA of een responsive website, maar deze verschillen zijn er wel degelijk! Zo heeft AliExpress gekozen voor een PWA om de snelheid te verbeteren, maakt de PWA het mogelijk om de website aan je homescherm toe te voegen – net als een app – en kun je de homepagina offline bezoeken.

Wij zoeken nog collega’s die ons verder helpen bij het ontwikkelen van Progressive Web Apps! Ben jij de Front-end developer die ons in 2019 naar een next level brengt? Solliciteer dan vandaag nog!

1 februari 2019

De boodschap van TV laten werken in print en online? A.Vogel doet dat!

Het is niet eenvoudig om in print en online dezelfde boodschap over te brengen als in een TV commercial. Maar A.Vogel is daarin geslaagd!

A-vogel-logo

Bij MixCom hebben wij in nauwe samenwerking met A.Vogel de nieuwe TV campagne door vertaald naar alle nieuwe print- en online uitingen. Een kolfje naar de hand van ons creatieve team. Waar je op TV in meerdere beelden een duidelijk visueel verhaal van probleem naar oplossing kunt brengen, kan dit vooral in print maar in één beeld of frame. Daarnaast heb je bij print en online ook nog eens te maken met veel verschillende uitvoeringen en formaten. In een intensief project hebben wij alle mogelijke opties en uitvoeringen ontwikkeld en getest en een maximaal resultaat gehaald uit de samenwerking met de klant.

Om alle communicatie uitingen consequent te ontwikkelen zijn de voorbeelden en richtlijnen vastgelegd in een nieuw Brand Design Manual voor A.Vogel. Deze BDM biedt handvatten voor de correcte toepassing van boodschap, visuele elementen en merkelementen. Van algemene merk- & stijlelementen tot diverse advertentievarianten (consument en account), POS-materiaal (displays, schap- en etalagemateriaal) en digitale toepassingen. De kennis en ervaring van MixCom op het gebied van design, merk, markt en technische uitvoerbaarheid kwamen hier goed tot zijn recht!

Wilt u weten waar MixCom uw product of communicatie kan versterken? Neemt u dan contact op met Jörgen Korthagen op nummer 038 303 10 52 of per e-mail op jkorthagen@mixcom.nl

24 januari 2019

Dit wil je weten over WordPress 5.0: Gutenberg

Regelmatig komen er updates uit van WordPress, maar deze bestonden vaak uit relatief kleine aanpassingen die een beperkte invloed hadden op de websites. Dat is deze keer, met WordPress 5.0, anders. WordPress 5.0 is één van de grootste WordPress-updates ooit! Waarom? We krijgen een gloednieuwe editor: Gutenberg. In deze blog behandelen we de belangrijkste veranderingen en vragen.

Er zijn twee grote veranderingen:

  • De nieuwe editor Gutenberg
  • Het vernieuwde standaardthema ‘Twenty Nineteen’

Vooral de Gutenberg editor beïnvloedt veel, ook bij MixCom Online. Met het online team hebben wij tijdens een kennissessie besproken hoe we de update gaan uitrollen voor onze klanten. Ook heeft iedereen een eerste inkijk gehad in de Gutenberg editor. Wil je ook alvast zien hoe de editor eruit ziet en wat je ermee kunt? Dat kan! Bekijk de video hiernaast.

https://www.youtube.com/watch?time_continue=3&v=SdbAeO1oIDw

 

Wat maakt Gutenberg zo anders?

Vóór WordPress 5.0 maakte je gebruik van de editor van TinyMCE, of een pagebuilder zoals Visual Composer. Met TinyMCE komt alle content in één blok te staan, terwijl je met een pagebuilder meer vrijheid hebt door gebruik te maken van verschillende elementen.

De Gutenberg editor kun je zien als de eigen pagebuilder van WordPress. Het sleutelwoord: blokken. Met de editor kun je namelijk verschillende blokken toevoegen aan je pagina, zowel standaardblokken als custom-blokken. Voor ieder type content dat je kunt bedenken, is in Gutenberg een blok beschikbaar. In plaats van een groot vlak met een lap tekst, zie je dus … blokken! Het doel: rijke contentlayouts maken zonder HTML en CSS.

Waarom wij niet met Gutenberg werken

Wij hebben ervoor gekozen om de WordPress 5.0 update eind januari uit te rollen, maar nog geen gebruik te maken van de Gutenberg editor (ja, dat kan!). Waarom, vraag je je misschien af. We hebben ons verdiept in de nieuwe editor en zagen dat Gutenberg niet altijd vlekkeloos samenwerkt met websites die gebruikmaken van een eigen pagebuilder. Wij voorzien alle websites dan ook van de classic editor, waardoor alles blijft werken zoals je van ons gewend bent.

Wanneer moet ik over naar Gutenberg?

WordPress heeft aangegeven dat de ondersteuning van bovenstaande oplossing tot 2021 werkbaar is. Uiteindelijk moet iedereen over naar Gutenberg. Maar ja, wanneer kun je Gutenberg het beste inzetten?

Je kunt ervoor kiezen om de Gutenberg editor al te (laten) installeren, zodat je er alvast mee kunt werken. Weet wel: zodra Gutenberg is geïnstalleerd, kun je niet meer gemakkelijk de bestaande pagina’s wijzigen in je huidige pagebuilder. Het is dan nodig om de pagina opnieuw op te bouwen in de Gutenberg editor. Even wat tijd voor uittrekken en kennis over opdoen en dan kan het een hele mooie toevoeging zijn voor je website.

Wij helpen je graag verder! Wil je een nieuwe website op basis van Gutenberg? Laat je gegevens achter, dan nemen we contact met je op over de mogelijkheden. We kunnen je ook helpen bij het ombouwen van je bestaande website, kies dan ‘ik wil hulp bij het ombouwen’. Wil je lekker zelf aan de slag, maar wel wat extra uitleg over Gutenberg? Meld je dan aan voor een training!

17 januari 2019

Een animatie voor alle klantcommunicatie in één minuut

Animatie is een middel waarmee veel of complexe materie verrassend snel begrijpelijk wordt getoond. Het is de reden dat steeds meer bedrijven en organisaties de kracht van animatie ontdekken. Simpel en doeltreffend. MixCom Media Group ontwikkelde voor Fiscount een animatie waarin wordt getoond wat Fiscount kan betekenen voor haar relaties.

In de financiële wereld is er niet alleen veel informatie, maar ook steeds weer nieuwe informatie die accountants-, administratie- en (belasting)advieskantoren moeten communiceren aan haar klanten. Fiscount, het kennis- en adviescentrum voor de accountancybranche in Nederland, helpt ruim 750 kantoren in Nederland in het effectief communiceren door het faciliteren van eindklantproducten. Zij ontwikkelen o.a. brochures, nieuwsbrieven en cliëntbrieven voor deze relaties.

Maar hoe laat je goed zien welke waardevolle communicatiemiddelen er allemaal zijn en waaruit de klant kan kiezen? Door dit in een animatie te presenteren. In één minuut wordt een impressie getoond waarin Fiscount haar klanten kan faciliteren.

Wilt u weten wat MixCom voor uw communicatie kan betekenen? Neemt u dan contact op met Jörgen Korthagen op nummer 038 303 10 52 of per e-mail op jkorthagen@mixcom.nl

20 december 2018

Het jaar van MixCom | 2018

Hoe het jaar 2018 eruit zag voor MixCom Media Group? We tonen jullie graag in 35 seconden een selectie van de vele mooie MixCom projecten. Tot in 2019?