Gebruik geen pop-ups

Bij startende websites zie je vaak pop-ups. Ik geef je alvast de conclusie van dit artikel: gebruik ze niet! Er zijn alternatieven waarmee je hetzelfde kunt bereiken.

Wat is een pop-up?
Onder een pop-up versta ik het openen van een nieuw venster vanuit een webpagina waarbij Javascript gebruikt wordt. Dit is dus een alternatief voor het openen van een nieuwe pagina in een nieuw venster.

Hoe maak je een pop-up?
Wat er meestal gebeurt is dat een pop-up wordt gemaakt door het inladen van een pagina (in de onLoad functie van de body tag) of door een klik op een link of afbeelding (in de onClick functie). Met een script wordt een nieuw venster geopend. Je kunt daarbij een aantal zaken instellen:
1) de grootte van het scherm
2) de inhoud van de pagina
3) het tonen van de adresbalk
4) de beschikbaarheid van navigatieknoppen
5) of de bezoeker kan scrollen
6) of de bezoeker de grootte van het scherm kan aanpassen

Een prima uitleg over het maken van pop-ups met Javascript vind je op mijnhomepage.nl.

Waarvoor gebruik je een popup?
Er zijn meerdere redenen waarmee je een pop-up zou willen gebruiken; een paar voorbeelden die ik in de praktijk ben tegengekomen:
1) Als je bezoekers van je website inhoud wilt tonen die los staat van de rest van je website. Een soort kennisgeving van relevante informatie, maar zelf geen pagina waard zijn.
2) Een andere reden kan zijn dat je niet wilt dat je bezoeker de standaardfuncties van je browser kan gebruiken.
3) Het kan ook zijn dat je je eigen website in beeld wilt houden (achter het pop-up scherm).
4) Om bezoekers te laten inloggen.
5) Als waarschuwing.

Waarom moet je geen popups gebruiken?
1) Praktisch gezien zijn er veel bezoekers die pop-ups niet toestaan. Ze zien ze in eerste instantie niet. Browsers hebben zogeheten pop-up killers of pop-up blockers ingebouwd.

2) Fundamenteler is het volgende: je vervangt de gewone functie van een pagina (nl. een link of het inladen) door een functie waarop je bezoeker maar weinig invloed heeft. Zie ook mijn artikel over het juiste gebruik van de back knop. Dit vinden je bezoekers niet prettig en schept verwarring.
3) Een zoekmachine kan een pop-up niet volgen. Je pagina zal niet geïndexeerd worden.

Alternatieven voor pop-ups
In plaats van pop-ups kan je ook andere middelen gebruiken:
1) extra informatie – laat dit eventueel in een extra layer zien. Gebruik bijvoorbeeld de Javascript bibliotheek van lightbox.
2) geen standaardfuncties van de browser – ook hier kun je extra layers gebruiken.
3) een echt goed alternatief hiervoor heb ik niet – gebruik eventueel een dubbel frame. In het bovenste frame neem je een kleine link op terug naar je website, in het onderste toon je de externe website. Zie voor een voorbeeld Google Images (klik door op een afbeelding).
4) inloggen – gebruik hiervoor liever een specifieke inlog-pagina. Maak je site zo dat je niet vertrouwt op Javascript bij inloggen. Als gebruikers Javascript uitzetten heb je mogelijk een probleem.
5) waarschuwing – gebruik een Javascript alert functie of (als je dit niet mooi vindt) probeer een 'inline' waarschuwing te laten zien op de plek waar het relevant is. Hoe dit werkt zal ik binnenkort nader toelichten.

Stem / Bookmark [?]