Website optimaliseren voor mobiel in SiteBuilder Plus

Steeds vaker worden websites bekeken op mobiele apparaten zoals tablets en smartphones. Met SiteBuilder Plus maak je jouw website geschikt voor mobiel gebruik.

 

Om je website goed te laten functioneren op een mobiel apparaat hebben we een aantal richtlijnen die de gebruikerservaring kunnen vergroten.

  • Plaats het menu en zoek modules aan de bovenkant van de pagina,
  • Gebruik geen grote banners aan de bovenkant van je pagina,
  • Plaats belangrijke inhoud bovenaan de pagina,
  • Gebruik geen zij balken (sidebars),
  • Zorg voor een duidelijke structuur met duidelijke titels,
  • Voeg geen grote afbeeldingen of tabellen toe aan de tekst,
  • Gebruik geen afbeeldingen in achtergronden,
  • Gebruik geen containers met een vaste breedte,
  • Vermijd het gebruik van decoraties, zoals randen, schaduwen, en hoeken,
  • Probeer alleen gebruik te maken van de module “Tekst en Afbeeldingen”,
  • Vermijd het gebruik meerdere navigatie niveaus (submenu’s),
  • Proberen de grote van afbeeldingen zo klein mogelijk te houden, zowel qua afmetingen in pixels en de bestandsgrootte.

Mobiele optimalisatie inschakelen

Wanneer bezoekers vanaf een mobiel apparaat de website bezoeken zal SiteBuilder Plus automatisch de lay-out en navigatie van de website aanpassen voor een optimale scherm weergave.

In SiteBuilder Plus kun je alvast een voorbeeld bekijken van hoe de website er op een smartphone uit komt te zien. Klik hiervoor in de Editor op het pijltje naar beneden naast de groene knop “Publiceren”.

Mobiele website in SiteBuilder Plus

Klik op het pijltje naast de groene knop “Publiceren” en vervolgens op “Voorbeeld van mobiele versie”

Klik op de link “Voorbeeld van mobiele versie”. SiteBuilder zal een voorbeeld genereren, dat in een nieuw scherm opent.

Voorbeeld van je mobiele website bekijken

In SiteBuilder kun je alvast een voorbeeld bekijken van hoe je website er op een mobiele telefoon uitziet.

Na publiceren van je website wordt, in de mobiele weergave, onderaan de pagina een link toegevoegd zodat de website bezoeker ook de desktop variant kan bekijken.

Je vraag niet beantwoord?

Neem contact op met de helpdesk. We helpen je graag verder.

Stel direct je vraag >