Met de aanstaande overstap van Google naar mobiel-eerst indexeren halverwege het jaar, is het tijd om uw bedrijf een boost te geven met het opzetten van een mobielvriendelijke website. Overweeg de volgende vier tips voor het optimaliseren van uw website op elk apparaat op tijd voor de verschuiving naar mobiel.
Begrijp de Switch to a Mobile First Index
Google gebruikt uw desktopcontent om de positie van uw website voor zowel desktop als mobiel te bepalen, wat betekent dat uw ranglijst nu afhankelijk is van hoe uw inhoud op een desktop wordt weergegeven in plaats van op mobiele apparaten. Maar omdat meer mensen nu met hun mobiele apparaten internetten dan op een desktop, heeft Google officieel besloten websites te rangschikken op basis van mobiele inhoud. Als uw website geen responsieve lay-out heeft, een trage laadsnelheid heeft of slecht ontworpen navigatie en inhoud, zal uw rangschikking waarschijnlijk afnemen als u uw site niet vóór de dienst optimaliseert voor mobiel.
$config[code] not foundTest en versnellijk laadsnelheid
Recente onderzoeken wijzen uit dat 47% van de consumenten wil dat een webpagina binnen twee seconden of minder wordt geladen en dat 40% van de kijkers een website verlaat als het laadproces drie seconden of langer duurt. Deze statistieken, samen met de aankondiging van Google dat de laadsnelheid van de mobiele pagina een cruciale factor zal zijn bij het bepalen van de rangorde na de overstap, zou voldoende moeten zijn om elke ondernemer ervoor te zorgen de mobiele laadtijd van zijn website te controleren. Bepaal de laadsnelheid van alle pagina's van uw website met behulp van Google Tools Chrome User en Page Speed Insights.
Als u uw laadsnelheid wilt versnellen, zijn de volgende methoden de meest aanbevolen:
- AMP: het project Accelerated Mobile Pages - AMP is een open-sourcebedrijf dat verouderde HTML gebruikt om de pagina's van uw website sneller te laden dan standaard-HTML. Dit helpt, in combinatie met het opslaan van uw inhoud door Google in de bufferopslag, om de laadtijd van uw website te verbeteren.
- Progressive Web Apps - PWA's zijn opties voor degenen die niet willen verhuizen naar het AMP-project. PWA's reageren snel op gebruikerscommunicatie en laden snel, waardoor ze een haalbaar alternatief voor de AMP worden.
- PWAMP - PWAMP is een mengsel van PWA ontwikkeld op AMP, JS, CSS en HTML, maar sites die PWAMP gebruiken, certificeren misschien niet zo snel als AMP-pagina's. PWAMP-pagina's zijn echter nog steeds snel en bieden dezelfde voordelen als PWA's.
Zet de kijker op gebruikerservaring
Een typische fout die bedrijven meestal begaan, is het aanpassen van hun desktopwebsites aan mobiel, terwijl ze zich nog steeds gedragen alsof mobiel gewoon een aanvulling op de desktopsite is. Om een hoge rangorde te bereiken na de overstap, moeten bedrijven prioriteit geven aan mobiel door aanpassingen door te voeren die voornamelijk zijn gebaseerd op de ervaring van mobiele gebruikers. Stel uzelf de volgende vragen over uw gebruikers van uw mobiele website:
- Navigatie - Hoe ziet het eruit en hoe eenvoudig is het om te manoeuvreren? Is het eenvoudig genoeg voor gebruikers om terug te navigeren naar waar ze net zijn geweest?
- Duidelijkheid - Hoe gemakkelijk is het om belangrijke informatie te vinden? Zijn mijn titelpagina's leeg? Zijn mijn contactgegevens gemakkelijk toegankelijk?
- Overweeg pop-ups - Is het eenvoudig om pop-ups te sluiten? Moet ik pop-ups helemaal reduceren?
- Lettertype - Hoe groot is mijn tekengrootte? Hoe groot zou het moeten zijn?
Met deze overwegingen in gedachten bent u klaar om over te gaan naar de laatste stap van het voorbereiden van uw site op mobiel.
Optimaliseer uw ontwerp en inhoud
Na een grondige analyse van uw website op basis van de bovenstaande vragen, optimaliseert en ontwerpt u uw inhoud voor mobiel met een focus op het creëren van de best mogelijke mobiele gebruikerservaring. Er zijn veel dingen die u misschien wilt reorganiseren over uw ontwerp en inhoud, maar hier zijn enkele van de meest elementaire wijzigingen die u moet aanbrengen:
- Responsief webontwerp - Google beveelt het responsieve webontwerp aan, een ontwerpaanpak met het doel het uiterlijk en de functionaliteit van een site op een assortiment van verschillende apparaten en schermformaten te optimaliseren.
- Gebruik vervolgkeuzemenu's - Google verklaarde dat het websites niet zou straffen voor het afschermen van hun inhoud achter vervolgkeuzemenu's als de inhoud tegelijkertijd met de pagina wordt geladen, dus voel je vrij om vervolgkeuzelijsten redelijk op te nemen bij het samenstellen van je mobiele site.
- Gebruik geen Flash - De meeste mobiele gebruikers kunnen Flash-inhoud niet zien, dus vermijd deze helemaal en gebruik in plaats daarvan Java of HTML om die boeiende componenten aan uw site toe te voegen.
- Zorg ervoor dat de inhoud gemakkelijk te lezen is - Maak uw inhoud gemakkelijk leesbaar op kleine schermen; geef een paar links op in langere delen van de tekst, zodat gebruikers gemakkelijk kunnen vinden waar ze naartoe willen en headers gebruiken om uw inhoud te verdelen en uw pagina's er netter uit te laten zien.
- Maak eenvoudig tekst- en touchscreenmogelijkheden - Zorg ervoor dat uw website "tikvriendelijk" is door uw tikpunten op de juiste maat te maken en voldoende ruimte te laten tussen de aanklikbare componenten
Foto via Shutterstock
1 Reactie ▼
