Hoe ziet de website van jouw school eruit op een tablet of een smartphone?

Schoolwebsite responsive?

In februari 2012 schreef ik de blogpost „Is de website van jouw school geschikt voor een smartphone?”. In deze blogpost schreef ik o.m. dat een schoolwebsite – naast het visitekaartje van de school en een bron van informatie over de school – ook een communicatiemiddel is (zou moeten zijn) tussen ouders en school.
Omdat veel ouders en leerlingen tegenwoordig de website van hun school via een mobiel apparaat (smartphone, tablet) bekijken, is het wellicht zinnig om je eens af te vragen hoe de website van jouw school zich toont op zo’n mobiel apparaat. Anders en kort gezegd: is de website van jouw school responsive?

Wat is een responsive website?

Responsive websites zijn websites die zichzelf aanpassen aan de grootte van het scherm van het apparaat waarmee bezoekers die website bekijken. Dat apparaat kan een pc zijn, een laptop, een tablet of een smartphone. Er is sprake van één en dezelfde website waarvan de lay-out zich aanpast aan het betreffende scherm.

Filmpje: „Zo check je of je website responsive is”

Bron: Aartjan van Erkel (2015¹)

Het belang van een responsive schoolwebsite

Aartjan van Erkel (Erkel, 2015²) geeft vier redenen om een website – dus ook een schoolwebsite – responsive te maken:

„Nederland is een koploper in het gebruik van mobiele apparaten: 51% van de Nederlanders heeft een tablet en 72% heeft een smartphone.” Aangezien steeds meer mensen internetten met hun tablet of smartphone – dus ook de ouders van jouw school – is het belangrijk om rekening te houden met deze percentages. Die percentages zullen alleen maar groter worden.
„Google beloont responsive websites met een hogere plek in de zoekmachines.” Wil je dat de schoolwebsite goed „scoort” bij Google, dan is het ook belangrijk dat een school een responsive website heeft.
„Sinds november 2014 beloont Google alle mobielvriendelijke websites met de vermelding ‚Voor mobiel’.” Dat betekent dat mensen / ouders die Googlen op hun tablet of smartphone naar de website van de school in de zoekresultaten zien dat de schoolwebsite zonder het geveeg en ander gedoe met de vingers goed leesbaar op hun tablet en smartphone. Zie afb. 1:

Afbeelding 1

„Binnenkort wordt Google strenger door ook zijn algoritme aan te passen. Responsive websites komen daardoor straks hoger in Google bij zoekopdrachten op smartphones en tablets.”

Het geciteerde artikel is zeer lezenswaardig. Er staan allerhande handige tips en adviezen in m.b.t. een responsive website. Ook wordt er (gratis) software genoemd, waarmee je een mooie responsive website kunt maken, dus ook een website voor de school. Dit artikel moet je dus echt lezen!
Ook interessant om te lezen is het artikel „Wat je móet weten over responsive webdesign” op de website Frankwatching.

Google: Hoe maak je mobielvriendelijke websites..?

Google heeft een website waar je een heleboel tips, adviezen vindt om een mobiel vriendelijke website te bouwen:„Mobielvriendelijke websites – Bied uw gebruikers een volledige mobiele ervaring”. Deze website vind ik persoonlijk heel leerzaam. Ik raad je dan ook aan deze website zeker te bekijken, m.n. de hieronder genoemde items:

Handleiding voor mobiel (naar beneden scrollen)

„Laat uw site er geweldig uitzien op mobiele apparaten. Of u nu beginner of expert bent, u kunt een uitgebreide hoeveelheid informatie vinden om een geweldige site voor uw mobiele bezoekers te maken.” (Google Developers, 2015³).

Aan de slag
Met adviezen en allerlei handleidingen.

Documentatie > Website software – Uw website software aanpassen

„Er zijn veel verschillende manieren om de inhoud van uw website te beheren. Sommige site-eigenaren bouwen hun website helemaal zelf. Anderen gebruiken een bestaand softwarepakket met thema’s, ontwerpen en sjablonen, zoals WordPress, Drupal of Joomla. Wanneer de site-eigenaar bestaande websitesoftware gebruikt, hoeft hij geen code, opmaakmodellen en scripts te maken om de hele site te bouwen. Hij hoeft alleen de inhoud (zoals foto’s, afbeeldingen en tekst) toe te voegen (…)” (Google Developers, 2015⁴). Lees de hele pagina »

Doe de „Mobielvriendelijke test”

Heel handig op deze site is de „Mobielvriendelijke test”. Zoe afbeelding 2:

Afb. 2: De mobielvriendelijke test

Als je de URL van de website van je school intypt (plakt), wordt door de „Mobielvriendelijke test” gemeld of de schoolwebsite mobielvriendelijk is. Verder worden er adviezen gegeven hoe je e.e.a. eventueel kunt verbeteren.

Resultaat van de „Mobielvriendelijke test”, losgelaten op „André Manssen blogt Vanaf de Zijlijn”. Zie afbeelding 3: