Tips voor het ontwerpen van mobielvriendelijke navigatie voor SEO - dummies

Uw mobielvriendelijke navigatie kan vele vormen aannemen als onderdeel van uw SEO-strategie. De optie die het beste bij u past, is afhankelijk van hoe complex uw navigatie moet zijn, uw conversiedoelen en de voorkeuren van uw gebruikers.

Vergeet niet dat de navigatie van uw site bezoekers moet helpen - en spiders zoeken - door uw website navigeren. Dus uw mobiele navigatie moet intuïtief, functioneel, crawlbaar en geoptimaliseerd zijn voor aanraking.

Houd deze praktische tips in gedachten bij het ontwerpen van uw mobielvriendelijke navigatie:

• Hou het simpel, lieverd. Houd navigatie op het hoogste niveau zo eenvoudig mogelijk, vooral als u wilt dat uw navigatie bovenaan uw mobiele pagina wordt weergegeven. Vergeet niet dat je ontwerpt voor een klein schermformaat. (Een iPhone 6 is 750 pixels breed in staande modus, terwijl een 13-inch laptopcomputer 1, 280 pixels breed is).

  Op het punt van een mobiele site kunnen uw bezoekers eenvoudig uw website doorbladeren met een mobiel apparaat. Uw navigatie zou hen links moeten geven naar uw hoofdcategoriepagina's en pagina's die de bruikbaarheid verbeteren (zoals een "Bel Nu" optie en een link naar uw winkelwagen).

  U hoeft hier niet naar elke pagina op uw website te linken. In feite kunnen te veel opties leiden tot besluitverlamming en verwarring, wat een slechte gebruikerservaring creëert.

  Het opnemen van vier tot acht items in uw hoofdmenu is meestal een goede vuistregel. Zie het voorbeeld van het hoofdmenu van Bruce Clay, Inc.

  

  Bruce Clay, Inc. vereenvoudigt de desktopnavigatie (boven) aanzienlijk om de mobiele gebruikerservaring te verbeteren. Om gebruikers te helpen bij het voltooien van taken, bevat de navigatie op de mobiele site (onderaan) ook een click-to-call-knop.

• Maak eerst een lijst van uw belangrijkste pagina's. Dit zijn meestal uw conversie-oproepen tot actie, zoals 'locate store', 'shop', 'subscribe' en 'producten'. "Als je website meer inhoud gericht is dan verkoopgericht, noteer dan eerst je belangrijkste categorie.

  

  GameStop vereenvoudigt de desktopnavigatie (bovenaan) door alleen op de gebruiker en conversie gerichte calls-to-action op zijn mobiele startpagina op te nemen (onderaan).

• Overweeg de startknop te verliezen. Om ruimte te besparen, kunt u de startknop in uw navigatie verlaten en in plaats daarvan uw logo op de bovenkant van de pagina naar de startpagina laten navigeren wanneer u op tikt.

• Ontwerp voor aanraking en geef voldoende ruimte aan een vinger. Omdat zowel uw tablet- als smartphonegebruikers op uw mobiele site navigeren met behulp van touchscreens, is het erg belangrijk om ervoor te zorgen dat de tikgevoeligheid van uw navigatieknoppen groot genoeg is om te gebruiken.De gemiddelde vinger heeft een ruimte nodig van minimaal 44 pixels groot, van links naar rechts en van boven naar beneden.

• Maak uw menu intuïtief. Uw bezoekers moeten precies weten waar elk menu-item ze naartoe haalt.

• Navigatie op meerdere niveaus minimaliseren. Houd het eenvoudig, maar als uw navigatie alleen vervolgkeuzelijsten bevat, voegt u nooit meer dan twee lagen drop-down-functionaliteit toe.

• Zorg ervoor dat vervolgkeuzemenu's worden geactiveerd door aanraking. Hoewel de activering van de muisaanwijzer werkt in de desktopbelevenis, blijft uw gebruiker vastzitten in de mobiele ervaring.

• Gebruik visuele menu-indicatoren. Als u een menu op het scherm gebruikt, gebruikt u een menuregel van drie regels zodat uw bezoeker toegang heeft tot uw menu.

  Als u een navigatie op meerdere niveaus hebt, gebruikt u een intuïtief symbool, zoals een plusteken (+) om aan te geven dat er voor het menu verder vervolgkeuzemenu's beschikbaar zijn. Overweeg ook om een ​​symbool te gebruiken om knoppen die naar een nieuwe pagina navigeren te onderscheiden van knoppen die meer keuzemenu's tonen. REI gebruikt een naar rechts wijzende pijl (>) om aan te geven wanneer een navigatie-item je naar een nieuwe pagina brengt.

  

  REI gebruikt visuele menu-indicatoren om gebruikers door zijn multitier-navigatie te leiden.

• Touch-feedback toevoegen. Wanneer gebruikers op een item in uw navigatie tikken, moet er iets gebeuren om gebruikers ervan te verzekeren dat ze op de juiste plaats tikken. Deze feedback kan een kleurverandering, een knipperende kleur of een lettertype-wijziging zijn. Lokaal, getikt door een gebruiker, is blauw gemarkeerd.

  

  Search Engine Land gebruikt terugkoppeling op basis van kleurverandering om gebruikers te laten weten waar ze in de navigatie hebben getikt.

• Horizontaal scrollen vermijden. Over het algemeen zijn zoekmachines niet dol op overmatig van links naar rechts scrollen, en geen van beide zijn gebruikers. Als uw menu te lang is om binnen de parameters van het scherm van links naar rechts te passen, overweeg dan een verticale navigatie.