woensdag, 25 oktober 2017 19:39

4 tools om te testen of je website responsive is

Je hoort het waarschijnlijk wel vaker... Een responsive website, maar wat is dat nu eigenlijk? Lees meer over responsive websites en hoe je kunt testen of jouw website al responsive is.

Een responsive website is een website die zich aanpast naar het beeldformaat. Denk hierbij aan monitoren, laptops, tablets en telefoons. Al deze systemen hebben een ander beeldformaat en het is dus handig als jouw website zich aanpast naar het juiste formaat zodat de website voor elke bezoeker gemakkelijk te bezoeken is.
Waarschijnlijk ben je zelf niet in bezit van alle beeldformaten, dus is het handig om hiervoor een tool te hebben waarmee je kunt testen of jouw website er altijd juist uit ziet. Hier onder vergelijken we een paar van deze tools en bekijken we de plus en minpunten van deze websites.




XRESPOND

XRespond noemt zichzelf een virtual device lab omdat je verschillende soorten devices kunt reproduceren met hun tool. Je kunt een telefoon, tablet of laptop uit de lijst selecteren en kunt vervolgens kijken hoe de website er op dit beeldformaat uit zult zien. De site is erg makkelijk in gebruik en is daarom een van de beste sites om te testen hoe je website er op andere formaten uit ziet.

Je kunt zelfs een aangepast formaat instellen wat niet in de lijst staat. Zo kun je elk formaat checken en altijd er zeker van zijn dat jouw website er top uit ziet op elk formaat.

Pluspunten:
  • Gemakkelijk devices te kiezen.
  • Aangepasten formaten ook mogelijk.
  • Snel en gemakkelijk overzicht van verschillende formaten
Minpunten:
  • Er zijn niet heel veel divices om uit te kiezen.
  • Omdat er zoveel naast elkaar staat moet je horizontaal scrollen, en dit werkt niet intuitief.



Responsinator

Responsinator is vrij vergelijkbaar met XRespond, omdat deze ook een beeld geeft van verschillende devices. Alle devices staan netjes duidelijk onder elkaar en je krijgt zo snel een beeld van de verschillende beeldformaten.

Met Responsinator kun je niet zelf aangepaste formaten controleren of andere devices selecteren, je kunt alleen gebruik maken van de devices die door Responsinator geselecteerd zijn. Wel bied Responsinator de mogelijkheid om je site als HTTP en HTTPS te controleren zodat je nooit SSL errors krijgt.

Pluspunten:
  • Duidelijk overzicht van de devices.
  • Snel en gemakkelijk overzicht van verschillende formaten
  • HTTP en HTTPS functie.
Minpunten:
  • Geen aangepaste formaten.
  • Weinig verschillende formaten.



Responsive Design Checker

Om snel te kijken of je website responsive is op alle formaten kun je Responsive Design Checker gebruiken. Responsive design checker is gemaakt om aangepaste formaten te controleren en dus zelf je formaat in te vullen.

In de sidebar van de site staan ook veel andere devices met standaard formaten. Je kunt dus ook kiezen om een formaat uit de lijst te selecteren. Het beste hiervan is dat de formaten gaan tot een monitor van 24" wat het mogelijk maakt om reproductie van je website te zien op een groot formaat terwijl je eigenlijk op een veel kleinere laptop zit.

Pluspunten:
  • Aangepaste formaten.
  • Veel keuze uit standaard formaten.
  • Grote formaten ook mogelijk.
Minpunten:
  • Je kunt maar 1 formaat tegelijk zien, en dus geen vergelijkingen maken.
  • Liggende telefoon formaten ontbreken.



Google Mobielvriendelijke test

Google heeft zelf ook een test uitgebracht om je website te testen, namelijk de Google Mobielvriendelijke test. Met deze tool kun je testen hoe Google je website ziet als responsive.

Deze tool is niet geschikt om te kijken hoe je website eruit ziet als mobiele website, maar is er meer voor om te zien of Google je site ziet als een mobiel vriendelijke site. Dit is namelijk weer goed voor de zoekresultaten in Google. Het is dus geen goede indicatie voor hoe je website er mobiel uit ziet, maar handig om te weten hoe Google je site ziet.

Pluspunten:
  • Tool van Google, dus goed voor SEO.
Minpunten:
  • Een test duurt vrij lang.
  • Geen goed beeld hoe je website er uit zal zien op verschillende formaten.