De bruikbaarheid van de site moet een van uw belangrijkste overwegingen zijn bij het bouwen of onderhouden van een website. Als uw website moeilijk te gebruiken is, zullen mensen worden ontmoedigd om deze te gebruiken of terug te komen. Ook vertaalt zich in veel gevallen een goede bruikbaarheid direct in betere SEO-resultaten.

Enkele van de kenmerken van goed websitegebruik zijn:

  • Mobiele responsiviteit : Steeds meer mensen gebruiken internet via hun mobiele telefoon (en Google gelooft dat dit belangrijk is voor zoekresultaten als onderdeel van hun mobiele initiatief).
  • Paginalaadsnelheid : Nog een ander belangrijk rangschikkingssignaal van Google, door een correlatie met hoe mensen omgaan met websites. Volgens Kissmetrics verwacht 47% van de consumenten dat een webpagina in 2 seconden of minder wordt geladen!
  • Navigatie op de website: Volgens Orbit Media Studios, als uw website gemakkelijk te gebruiken is en de inhoud gemakkelijk te vinden is, heeft dit een positieve invloed op het verkeer dat u van zoekmachines krijgt. Gerry McGovern heeft een onderzoek uitgevoerd waaruit blijkt dat 70% van de mensen afhankelijk is van navigatie in plaats van zoeken bij het zoeken naar iets, omdat het gemakkelijker en sneller is om op links naar specifieke pagina's te klikken. van een website.

In het kader van deze zelfstudie zullen we ons richten op bruikbaarheid in termen van menu-ontwerp en best practices.

Navigatie op de site

Surfen op het web is een algemene term die verwijst naar de interne linkarchitectuur van een site. Het belangrijkste doel is vooral om gebruikers te helpen gemakkelijk relevante inhoud op uw website te vinden. Uw navigatiestructuur vormt ook de basis van de sitemap van uw website, die zoekmachinegiganten zoals Google helpt uw ​​website dienovereenkomstig te indexeren.

Er zijn zeker verschillende dingen die kunnen bijdragen aan een efficiënte websitenavigatie, maar voor nu zullen we ons specifiek richten op het menu, omdat het meestal de eerste pagina is waarmee gebruikers interactie hebben wanneer ze naar een nieuwe website gaan.

Navigatie in het menu

Navigatiemenu's bevinden zich meestal vooraan en in het midden van een website (figuurlijk gesproken zou een gecentreerd menu echter leuk zijn). Voor websites met verschillende categorieën is de vervolgkeuzefunctie een optie om ruimte te besparen en te voorzien in de behoefte aan categorisering.

Tegenwoordig, in een show van minimalisme (en mobiele bruikbaarheid), hebben veel websites een hamburgermenu-ontwerp aangenomen (in wezen een vierkant met drie korte horizontale lijnen, wat aangeeft dat het menu met één klik kan worden uitgebreid) .

Het Storefront-thema van WooCommerce geeft een praktisch voorbeeld, in de rechterbovenhoek:

voorbeeld van menu.png

Het ontwerp van een websitemenu in hamburgerstijl komt het meest voor als het gaat om het ontwerpen van mobiele websites, aangezien ontwikkelaars verantwoordelijk zijn voor het creëren van bruikbare navigatie in zeer kleine ruimtes. Toegegeven, het kan moeilijk zijn om een ​​vervolgkeuzemenu te maken dat op mobiele sites kan worden gebruikt!

Dat gezegd hebbende, veel ontwerpers verachten het hamburgermenu, wat heeft geleid tot een nieuwe beweging om creatieve manieren te vinden om sitenavigatie leuk en functioneel te maken. Met dit in gedachten houdt een algemene heuristiek voor het ontwerpen van websitemenu's in dat de menunavigatie permanent bovenaan elke webpagina wordt geplaatst, zodat de gebruiker gemakkelijk zijn weg kan vinden of naar de volgende pagina kan zoeken.

Beste werkwijzen bij het ontwerpen van menu's

De meeste WordPress-thema's worden geleverd met een vooraf gedefinieerd websitemenu-ontwerp. Of u het nu wilt behouden zoals het is of van plan bent het volledig opnieuw te doen, hier volgen best practices voor het ontwerpen van menunavigatie met bruikbaarheid en functionaliteit in gedachten. SEO in je gedachten:

  • Vermijd indien mogelijk vervolgkeuzemenu's. Veel websites gebruiken graag vervolgkeuzemenu's omdat ze ruimte besparen, maar ze worden niet aanbevolen, vooral niet als het om de inhoud gaat SEO technisch. Uit bruikbaarheidstesten is gebleken dat de meeste mensen niet van vervolgkeuzemenu's houden. Dit komt omdat het menselijk oog sneller werkt dan de hand, en mensen het vervelend vinden als ze al besloten hebben waarop ze moeten klikken en er iets anders uitvalt, wat leidt tot minder bezoeken aan bepaalde pagina’s. Dat gezegd hebbende, is het "mega-drop-down"-menu iets acceptabeler als de site die u ontwerpt zoveel inhoud heeft dat u niet zonder een drop-down-menu kunt.
  • Wees beschrijvend. Verwijder algemene woorden als "Services" of "Producten". Geef in plaats daarvan aan hoe uw producten of services consequent, aangezien niemand echt zoekt naar producten met "algemene woorden of" services ". Beter nog, voordat u beslist over de exacte namen van uw menu-items, rechtvaardigt u de insluitingen met SEO-zoekwoordonderzoek. Orbit Media beveelt aangebruik beschrijvende labelsomdat deze praktijk zowel gebruikers als u ten goede komt wanneer zoekmachines de site crawlen. Navigatie wordt op elke pagina weergegeven, dus als u een term gebruikt die verband houdt met uw branche, waarschuwt u Google dat het u echt kan schelen. Onthoud dat elke pagina kan worden gerangschikt zolang deze is gericht op een specifiek onderwerp.
  • Bovendien ontmoedigt Orbit Media navigatie gebaseerd op formaten, zoals deorganisatie op inhoud gebaseerde pagina's zoals alle video's, alle infographics, enz. Dit komt omdat mensen zoeken op onderwerp, niet op formaat.
  • De positionering (of lay-out) van de items in het navigatiemenu is belangrijk. Er is een algemene lijst met pagina's die op een website kunnen worden aangeboden, zoals "Over" -pagina, "Contact" -pagina, enz., Dit zijn de pagina's die het vaakst worden doorzocht door sitebezoekers. Deze prominente pagina's, die vaak veel verkeer hebben (omdat ze duidelijk zichtbaar zijn), hebben vaak een laag engagementpercentage. Gebruik Google Analytics om uw belangrijkste pagina's te bepalen en optimalisatiemogelijkheden te vinden. Toon de belangrijkste navigatie-items eerst (of bovenaan, afhankelijk van de oriëntatie van de menubalk).
  • Bewaar menu-items voor maximaal één maximum van 7 . Studies hebben aangetoond dat mensen maximaal zeven stukjes informatie tegelijk kunnen onthouden of opnemen. Als u te veel categorieën menu-items heeft, kan dit uw vermogen om in de zoekresultaten te rangschikken beïnvloeden, aangezien Google te veel schijnbaar ongerelateerde categorieën kan interpreteren als een teken dat uw site niet is afgestemd op een specifieke niche. Als u weet dat u meer dan 7 menu-items nodig heeft, verdeel ze dan in subcategorieën.

Wat betreft het hierboven genoemde punt: het ontwerp van het menu van de website van United is te ingewikkeld (er zijn te veel opties voor bezoekers):

voorbeeld van slechte menu.png
Hier is het absolute voorbeeld van wat u op uw blog moet vermijden. Omgekeerd geeft Cafebond.com een ​​goed georganiseerd voorbeeld als het gaat om eenvoudige categorisatie:
voorbeeld van een goede menu.png
  • Controleer uw menu van tijd tot tijd. Verwijder links waarop zelden wordt geklikt. Hernoem generieke labels zodat ze beter beschrijvend zijn voor uw menselijke bezoekers en zoekmachines.

Dat is alles voor deze tips, ik hoop dat ze je in staat zullen stellen om je verschillende menu's op WordPress beter te organiseren. Heb je praktijken die niet in de lijst staan, plaats ze dan gerust.