UW SITE MOBIELVRIENDELIJK MAKEN MET SEMALT


INHOUDSOPGAVE

  1. Invoering
  2. Wat betekent het om mobielvriendelijk te zijn?
  3. Hoe u weet of uw site mobielvriendelijk is of niet
  4. Is responsief ontwerp hetzelfde als een mobielvriendelijk ontwerp?
  5. Hoe u uw website mobielvriendelijk kunt maken
  6. Gevolgtrekking

Invoering

Meer dan 50% van het internetverkeer in de wereld is afkomstig van mobiele apparaten en dit aantal blijft elk jaar groeien. Bovendien bezit 80% van alle internetgebruikers een smartphone. Als uw website en de inhoud ervan niet mobielvriendelijk zijn, loopt u zeker heel veel verkeer mis en dit kan zelfs uw verkeersstroom en uw positie op Google TOP blokkeren.

Het is daarom een ​​noodzaak om uw website en zijn inhoud voor mobiel te optimaliseren, omdat Google duidelijk heeft gezegd dat het zijn mobiele gebruikers wil bedienen met mobielvriendelijke pagina's.

Wat betekent het om mobielvriendelijk te zijn?

Als u een mobielvriendelijke site of inhoud heeft, betekent dit simpelweg dat de inhoud van uw webpagina's gemakkelijk te gebruiken is, niet alleen op desktop- of laptopcomputers, maar ook op mobiele apparaten.

Hoe u weet of uw site mobielvriendelijk is of niet

U vraagt ​​zich misschien af ​​of uw site voldoet aan de criteria om een ​​mobielvriendelijke site te worden genoemd. Het voldoen aan deze criteria is noodzakelijk om te voorkomen dat Google sancties oplegt op sites die niet voldoen aan de eisen voor mobielvriendelijkheid.

Google heeft zijn eigen mobielvriendelijke testtool die u eenvoudig kunt gebruiken om uw site te testen op mobielvriendelijkheid. Zodra de test is voltooid, krijgt uw site een cijfer op basis van het mobielvriendelijkheidsniveau.

Is responsief ontwerp hetzelfde als een mobielvriendelijk ontwerp?

Oké, laten we de feiten op een rijtje zetten. Wellicht heeft u de term 'responsief' ontwerp door elkaar gezien of gehoord, die door elkaar worden gebruikt met 'mobielvriendelijk' ontwerp. Dit is echter technisch niet correct.

Het gebruik van responsief ontwerp is slechts een van de andere manieren om een ​​mobielvriendelijke site te maken. Om een ​​website responsief te laten zijn, betekent dit dat de inhoud van de site altijd wordt aangepast aan de schermgrootte waarop deze wordt bekeken. Het is de meest populaire techniek om mobielvriendelijke sites te maken.

Hoe u uw website mobielvriendelijk kunt maken

Als uw website al actief is of als u er net een gaat bouwen, moet mobielvriendelijk maken de hoogste prioriteit hebben.

Houd er rekening mee dat de meeste tips die in dit bericht worden gedeeld, de voorkeur geven aan de responsieve ontwerpmethode om mobielvriendelijke pagina's te maken. Dat gezegd hebbende, hier zijn enkele tips die u kunt gebruiken ontwerp uw website (of herontwerp het naargelang het geval).
  1. Gebruik geen grote blokken tekst: Het is in uw eigen belang om de hoeveelheid tekst op het scherm van uw mobiele website te verminderen. Je hebt natuurlijk woorden nodig om je boodschap over te brengen op je bezoekers, maar grote blokken tekst kunnen behoorlijk overweldigend zijn en er gigantisch uitzien om te lezen.

    U kunt bezoekers wegjagen als uw alinea's te lang zijn. Zorg ervoor dat u uw zinnen en alinea's zo kort mogelijk houdt om uw lezers aan te moedigen.

  2. Gebruik het juiste lettertype (s): Zorg ervoor dat u lettertypen gebruikt die duidelijk en gemakkelijk te lezen zijn op uw mobiele site. U wilt geen lettertype waardoor bezoekers hun ogen moeten inspannen om uw inhoud te lezen. Het selecteren van het juiste lettertype is belangrijk in uw webontwerpproces.

    Uw lettertype-keuzes en de manier waarop uw tekst is gerangschikt, hebben de kracht om uw site visueel aantrekkelijk of afschuwelijk te maken. U kunt ook lettertypen gebruiken om tekst te scheiden.

    U kunt bijvoorbeeld een vet lettertype gebruiken om kopteksten, onderwerpen of subonderwerpen weer te geven, terwijl een lettertype van normale grootte wordt gebruikt voor de hoofdtekst van de tekst.

  3. Verhoog uw snelheid: Studies tonen aan dat ongeveer 53% van de mensen een mobiele website verlaat die meer dan 3 seconden nodig heeft om te laden. Hoe langer het duurt voordat uw mobiele website is geladen, hoe hoger uw bouncepercentage wordt en hoe lager u uiteindelijk zult scoren op Google TOP.

    Als u de laadtijd van uw pagina zo laag mogelijk wilt houden, probeer dan uw ontwerp te vereenvoudigen. Vermijd onnodig zware afbeeldingen of codes.

    U kunt uw huidige paginasnelheid controleren met behulp van Semalt's gratis webanalysetool. Het toont u de scores van uw paginasnelheid voor zowel desktop- als mobiele apparaten. De tool zal u ook vertellen wat u moet doen om uw snelheid te verbeteren.

  1. Maak uw menu eenvoudig: Er zijn veel dingen waarmee u weg kunt komen bij het ontwerpen van een website voor desktop. Mobiele apparaten zijn echter mogelijk niet zo vergevingsgezind vanwege het feit dat ze kleinere schermen hebben.

    U wilt niet dat uw bezoekers altijd scrollen of in- en uitzoomen om keuzes te maken in uw menu-opties.

    Zorg ervoor dat u uw hele website vereenvoudigt in zo min mogelijk opties. Zorg er indien mogelijk voor dat alle opties op het scherm passen en voldoende zichtbaar zijn. Kijk op uw website en probeer de menu-opties voor gebruikers te vereenvoudigen.

  2. Niemand houdt van lange vormen: Geef gebruikers niet het gevoel dat ze belastingformulieren invullen wanneer ze hun informatie op uw mobiele site verstrekken. Het is misschien niet zo omslachtig om een ​​desktopsite te gebruiken om lange formulieren in te vullen, maar het zal beslist overweldigend zijn om dat op een kleiner scherm te doen.

    Als uw formulieren te lang zijn, kunt u overwegen ze opnieuw te ontwerpen. Kijk in je formulier en vraag jezelf af of je elke regel echt nodig hebt. Als u bijvoorbeeld probeert gebruikers ertoe te brengen een product te kopen, zijn alleen hun factuur- en verzendgegevens voldoende - vraag niet naar hun hobby's.

    In feite is de belangrijkste reden voor het verlaten van de winkelwagen een uitgebreid en gecompliceerd afrekenproces.

  3. Laat uw CTA's duidelijk zien: Zorg ervoor dat uw call-to-action-knoppen goed zichtbaar zijn om het meeste uit uw mobiele site te halen. Probeer uw bezoekers niet te bombarderen met meer dan één CTA op het display - onthoud dat het deze keer een kleiner scherm is.

    Denk voor elke pagina na over het primaire doel (nieuw abonnement, aankoop, downloads, enz.) En laat uw CTA voor die pagina op dat doel focussen.

    Op deze manier loopt u voor op uw concurrenten, aangezien uit onderzoek blijkt dat 53% van de websites CTA-knoppen heeft die niet gemakkelijk in 3 seconden of minder kunnen worden geïdentificeerd.

  4. Voeg een zoekfunctie toe: Soms moet u over veel opties op uw site beschikken. Dit geldt met name voor e-commercewebsites.

    Hoewel het waar is dat het hebben van te veel opties voor verwarring zorgt bij bezoekers en een negatieve invloed heeft op de conversie, maakt het opnemen van een zoekfunctie in uw webdesign de zaken voor hen aanzienlijk eenvoudiger.

    Door een zoekbalk toe te voegen, vermijden gebruikers de stress van het navigeren door een complex menu, omdat ze precies kunnen typen waarnaar ze op zoek zijn.

  5. Zorg ervoor dat klantenondersteuning duidelijk zichtbaar is: Als uw mobiele bezoekers niet gemakkelijk contact met u kunnen opnemen voor hulp wanneer ze problemen ondervinden, krijgt uw bedrijf een slechte reputatie.

    U moet ervoor zorgen dat u alle relevante contactgegevens op een zichtbare plaats op uw site verstrekt, zodat uw bezoekers snel toegang kunnen krijgen tot uw klantenserviceteam.

  6. Zorg ervoor dat de knoppen groot genoeg zijn: Zorg ervoor dat u uw websiteknop zo ontwerpt dat deze groot genoeg is, zodat deze gemakkelijk met een vinger kan worden aangetikt. Onthoud dat dit niet het grote scherm van een desktop is waar navigatie met een muis of toetsenbord kan worden gedaan.

    75% van de smartphonegebruikers gebruikt de duim om op hun scherm te tikken, dus knoppen en andere klikbare elementen moeten aanzienlijk groot genoeg zijn.

    Ook is het voor mensen die mobiele apparaten gebruiken vrij moeilijk om de hoeken van hun scherm te bereiken - daarom is het aan te raden om uw knoppen en andere belangrijke elementen rond het midden van het scherm te plaatsen.

  7. Weg met pop-ups: Laten we eerlijk zijn, pop-ups zijn meestal vervelend, vooral op een mobiele site. Onthoud dat de meeste mensen hun duim gebruiken om door mobiele webpagina's te navigeren, pop-ups zijn meestal moeilijk te sluiten omdat de kleine "x" -knop die op desktop- of laptopschermen verschijnt nog kleiner wordt op een mobiel scherm.

    Vaak klikken bezoekers zelfs per ongeluk op de advertenties terwijl ze proberen ze te sluiten - ze komen uiteindelijk helemaal op een andere pagina terecht - waardoor hun gebruikerservaring wordt verpest.

    Als u koste wat het kost pop-ups moet gebruiken, kunt u proberen de formulieren zo veel mogelijk te vereenvoudigen of de tweede optie is om alleen pop-ups te gebruiken wanneer een bezoeker erop klikt.

  8. Overweeg om uw website opnieuw te ontwerpen: Als uw site goed ingeburgerd is, is dit misschien niet erg haalbaar omdat veel van uw publiek gewend is aan het ontwerp van uw website. Maar als uw website relatief nieuw is, moet u proberen een responsief thema te gebruiken bij het herontwerpen van uw website. Semalt heeft een van de beste webontwikkelingsteams die kunnen helpen bij het opnieuw ontwerpen van uw website.

  1. Zorg ervoor dat 'breedtes' altijd in percentages zijn: Het is tijd om een ​​beetje technisch te worden. Als u met de rechtermuisknop op een webpagina-element klikt en "inspecteer element" kiest (voor Google Chrome), zal een paneel verschijnen.

    Klik op een element in het venster aan de linkerkant, dan verschijnen de bijbehorende waarden in het rechtervenster. U zou een waarde voor "breedte" moeten zien die kan worden ingesteld in termen van pixels of percentage.

    Als u het instelt in termen van percentages, wordt de breedte van die elementen aangepast naarmate de schermafmetingen veranderen.

  2. Gebruik mediaquery's: U kunt nog steeds pixels gebruiken voor de breedte van elementen als u weet hoe u mediaquery's moet gebruiken. En het gebruik van mediaquery's is de sleutel tot responsieve ontwerpen.

    Het enige dat u hoeft te doen, is aangeven hoe u wilt dat de site zich gedraagt ​​op verschillende schermformaten. Dat is de reden waarom het formaat van sommige pagina's wordt aangepast en zelfs opnieuw wordt gevormd als de schermgrootte verandert.

    Je hebt echt niet al het technische spul nodig als je een goed thema koopt of als je de diensten inhuurt van een geweldig webontwikkelingsbedrijf zoals Semalt, die je website bouwt met de meest up-to-date mobielvriendelijke en SEO-strategieën.

Gevolgtrekking

Als u een mobielvriendelijke site heeft, kunt u het meeste verkeer krijgen dat u kunt krijgen en kunt u uw algehele Google TOP-ranglijst verbeteren. Dit betekent meer conversieratio's voor uw bedrijf. Volg de tips in dit artikel om uw site mobielvriendelijk te maken en profiteer van alle voordelen die uw website te bieden heeft.