Voor elk bedrijf in 2020 is een mobielvriendelijke website geen optie, maar een noodzaak.

Het zal je misschien verbazen dat meer dan de helft van al het webverkeer wordt gegenereerd door mobiele apparaten zoals iPhones, iPads, Android-telefoons en tablets. Als de website van een bedrijf nu, meer dan ooit, niet mobielvriendelijk is en niet gemakkelijk te bekijken op een klein scherm, kan een merk meer dan 50% van de potentiële klanten mislopen.

In 2020 maken wereldwijd bijna 4,5 miljard mensen gebruik van internet, en een grote meerderheid – 3,9 miljard mensen – maakt er gebruik van via een mobiel apparaat.

Als uw site niet is geoptimaliseerd voor mobiel gebruik, is uw merk niet duurzaam en zal uw bedrijf er waarschijnlijk onder lijden.

Wat betekent het om mobielvriendelijk te zijn?

Wanneer uw website mobielvriendelijk is, is deze ontworpen, ontwikkeld en geoptimaliseerd voor gebruikers op alle standaard mobiele apparaten.

Hoe mobielvriendelijk is uw website?

Met deze tool van Google kun je testen of je huidige website mobielvriendelijk is. Deze eenvoudige test duurt minder dan een minuut om te beoordelen hoe uw site het doet. U leert welke bruikbaarheidsfouten er op uw site voorkomen en hoe u deze kunt verbeteren.

Waarom is het belangrijk om mobielvriendelijk te zijn?

Naast het feit dat steeds meer internetgebruikers en consumenten mobiele apparaten gebruiken om internet te scannen en online te winkelen, profiteren mobielvriendelijke websites ook van tal van andere voordelen. Google geeft bijvoorbeeld prioriteit aan mobielvriendelijke websites, wat betekent dat uw bedrijf het zich niet kan veroorloven om mobiel-onvriendelijk te zijn. Google is verantwoordelijk voor bijna 95% van al het internetzoekverkeer, dus als uw website lager in de zoekresultaten komt te staan, loopt u belangrijke publiciteit en zaken mis.

6 dingen die u vandaag kunt doen om uw website mobiel te optimaliseren

1. Geef prioriteit aan eenvoudige navigatie

Wanneer een website niet mobielvriendelijk is, is het vaak moeilijk om te navigeren, te bekijken en te gebruiken op een mobiel apparaat. Websitebezoekers moeten mogelijk inzoomen om inhoud te lezen of eindeloos scrollen om een ​​knop of link te vinden waarop ze kunnen klikken. Dit soort website-ervaring is frustrerend en gebruikers zullen de site eerder verlaten. Om onnodige bounces van uw website te voorkomen, moet u prioriteit geven aan eenvoudige navigatie. Vergroot knoppen, tekst en menu-opties. Navigatie op het aanraakscherm kan leiden tot onbedoelde klikken als uw knoppen te groot of te klein zijn of in het pad van een vinger die probeert de pagina te laten scrollen.

2. Zorg ervoor dat het responsief is

Wanneer een website responsive is, is het gemakkelijker voor de siteviewer; het minimaliseert scrollen, pannen, zoomen en vooral verwarring. Websitebezoekers willen niet in de war raken wanneer ze op uw website terechtkomen; een verwarde klant handelt nooit.

Responsief ontwerp maakt de ervaring plezierig voor elke bezoeker, ongeacht het apparaat dat ze gebruiken om uw site te bekijken. Responsief ontwerp maakt gebruik van een rastersysteem, wat betekent dat de pagina is verdeeld in kolommen (meestal 12) met een grootte van 100% van de breedte van de browser. Dit raster is vloeiend en flexibel en de inhoud erin kan zichzelf aanpassen en herschikken (verplaatsen, stapelen, enz.) om aan de schermgrootte te passen. De term 'responsief' wordt gebruikt omdat het raster en de inhoud erin de grootte van het scherm waarop het verschijnt, kunnen herkennen en 'reageren'.

Om ervoor te zorgen dat uw website responsief is, huurt u een professionele ontwikkelaar in om uw site te bouwen of maakt u deze met een responsief platform zoals Squarespace.

3. Blokkeer geen Javascript-, CSS- of afbeeldingsbestanden en blijf weg van Flash

Zonder al te technisch te worden, stellen Javascript en CSS Google in staat om uw website als kijker te bekijken en deze vervolgens correct te indexeren voor optimale zoekrangschikkingen. Als uw website de toegang van de Googlebot blokkeert, kan dit resulteren in een lagere ranking en minder zichtbaarheid.

Vermijd Flash:het wordt niet ondersteund door Android of iOS, dus zelfs als je het gebruikt, verschijnt het niet op mobiele apparaten; dit zal ertoe leiden dat gebruikers een fout zien met de tekst 'Onafspeelbare inhoud'. Dit soort fouten zal uw kijker waarschijnlijk in verwarring brengen en een minder bevredigende ervaring veroorzaken.

4. Afbeeldingen optimaliseren

Zorg er bij het omgaan met afbeeldingen voor dat u alleen foto's en afbeeldingen van hoge kwaliteit opneemt.

Gebruik geen afbeeldingen die te klein zijn of een te lage resolutie hebben. Zorg voor consistentie door ervoor te zorgen dat de mobiele site en de desktopsite beide dezelfde alt-tekst voor afbeeldingen hebben, de tekst die wordt gebruikt om een ​​afbeelding te beschrijven.

5. Blijf bij standaardlettertypen

Standaardlettertypen zijn veel gemakkelijker te lezen op kleine apparaten; ze zijn webveilig en compatibel met HTML/CSS. Veel apparaten zoals Android en iOS worden geleverd met vooraf geïnstalleerde webveilige lettertypen zoals Open Sans, Lato of Roboto. U moet er ook voor zorgen dat u de lettergrootte voor mobiel optimaliseert. 16px is over het algemeen de regel voor de beste lettergrootte voor body-copy op mobiel. Wat op uw bureaublad een goed formaat lijkt, kan op een telefoon klein lijken en kleine tekst op een klein apparaat is een grote belasting voor de ogen. U kunt lettergroottes op verschillende schermen beheren met mediaquery's. Een goede vuistregel is om het gebruik van zeer decoratieve scriptlettertypen te vermijden, omdat ze op een klein scherm moeilijk leesbaar zijn. Kies een schoon, eenvoudig schreeflettertype zoals Georgia of een gewoon schreefloos lettertype zoals Roboto voor een lange tekst.

6. Houd uw taal duidelijk

Streef bij branding voor mobiel naar kortere onderwerpregels, minder tekst en gebruik grote CTA-knoppen (maar niet zo groot dat ze het hele mobiele scherm beslaan). Met de opkomst van mobiel is er een trend die prioriteit geeft aan gemakkelijk te verwerken inhoud. Beoordeel uw huidige online inhoud. Kijk naar je website, blog en e-mailmarketing. Waar kun je vereenvoudigen zonder de kern van je boodschap te verliezen? Denk opzettelijk en wees zo strategisch mogelijk bij het ruimen. Wanneer u uw inhoud schrijft, zorg er dan voor dat u op mobiel dezelfde duidelijke koppen gebruikt als op desktop.