Netters.nl

Langere artikelen lees je liever niet vanaf een beeldscherm. Gelukkig heeft de samenleving daar printers voor uitgevonden. Toch is het printen van een artikel lang niet altijd een gebruiksvriendelijke gebeurtenis. De meeste sites waar ik artikelen van print hebben hun printfunctie niet op orde. Tot de grootste irritaties behoren:

1. Navigatielijsten die 2 A4’tjes beslaan
2. Regels die langer zijn dan een A4’tje
3. Witpagina’s of pagina’s met alleen de titel
4. URL’s die niet leesbaar zijn
5. Flash e.a. applicaties die niet goed geprint worden
6. Plaatjes die worden afgebroken onderaan de pagina
7. Tekst in frames welke niet goed geprint worden

Hieronder werken we een aantal irritaties uit.

Irritatie 1: Aparte printpagina’s

Een aantal websites biedt een aparte printpagina aan. Als gebruiker vind ik dit niet altijd even fijn. Soms zie ik de link naar de printversie niet en druk ik simpelweg op Ctrl + P – Met alle gevolgen van dien. De enige reden waarom een aparte printpagina handig kan zijn is als een artikel verdeeld is over meerdere URL’s. Als de printversie dan alles bevat is dat handig.

Duplicate content

Dit is hoe SitePoint werkt. Artikelen worden opgesplitst in delen van ongeveer 500 woorden. Er is echter op www.sitepoint.com/print/artikel-naam een printversie aanwezig waar het hele artikel op staat. Het gevaar is uiteraard dat er duplicate content ontstaat. Dit is bij SitePoint niet goed opgelost. De links naar de printversie zijn niet nofollow en de printversie is niet uitgesloten voor indexatie door de robots.txt. Sterker nog, in dit specifieke geval van SitePoint zijn er zelfs twee URL’s die naar de printversie van dezelfde pagina verwijzen:

• www.sitepoint.com/print/properties-glance-guide
• www.sitepoint.com/print/1231

Printpagina’s bij de ANWB

De routeplanner van de ANWB is een handige tool. De ANWB maakt ook gebruik van een aparte printpagina. Deze werkt goed in de browsers waarin ik het getest heb. De link naar de printversie is echter lastig te vinden. Dit is jammer, want de gewone versie printen in Firefox gaat flink mis. Op mijn werk krijg ik een groot zwart vlak in plaats van het kaartje en thuis krijg ik een groot wit (leeg) vlak. Waarschijnlijk is dit probleem moeilijk op te lossen. De Google Maps van de gewone versie toont een plaatje aan de hand van een aantal Javascript functies waar je op kan in- of uitzoomen. De printversie maakt gebruik van een .png. Ook Google Maps zelf heeft geen fatsoenlijke printfunctie.

Irritatie 2: Lege pagina’s en meer problemen bij SEOmoz

De blog pagina’s van SEOmoz hebben geen aparte printversie. De printversie voor Internet Explorer ziet er goed uit. Veel van de bezoekers van SEOmoz zullen echter Firefox gebruiken en daar gaat de printversie mis. De eerste pagina toont namelijk alleen maar de titel van het bericht. Het bericht zelf begint op pagina 2, zodat er een lege eerste pagina overblijft.

SEOmoz maakt het zelfs nog bonter. Zojuist probeerde ik een artikel te printen (in Firefox) van zo’n 2.000 woorden. In omgekeerde volgorde spuugde mijn printer eerst 4 pagina’s met comments uit. Vervolgens kwam er slechts 1 pagina met het artikel om te eindigen met het lege titelblad. Het artikel zelf diende zeker 5 pagina’s te beslaan, maar ik kreeg alleen blad 1 uit mijn printer. Internet Explorer snapt dit wel goed.

Irritatie 3: Nutteloze navigatie

Een geprinte versie van een artikel heeft nogal weinig aan navigatie. Toch zie je bij veel printversies van artikelen dat er eerst een enorme meuk navigatie voor bij komt. Zo heb ik net een artikel van FrankWatching geprint. Het artikel besloeg 2 A4’tjes (inclusief de comments) maar er rolden maar liefst 7 pagina’s uit mijn printer. De A4’tjes bevatten achtereenvolgens:

• De topnavigatie
• De laatste reacties
• Enkele statistieken
• Een stuk witruimte
• Een hele lijst met tags
• Het artikel
• De comments
• Links naar niet gerelateerde artikelen op andere sites

Op het web weten we dat we de belangrijkste content boven de vouw moeten plaatsen. Dat dit voor papieren printversies vaak niet gebeurt is vreemd – Komt de uitdrukking 'boven de vouw' niet juist uit de wereld van de print?

Op een aantal sites (waaronder The Man in Blue) las ik dat het een slechte gebruikerservaring zou zijn als een printversie er anders uit zou zien als de webpagina zelf. Dit geloof ik niet. Mensen printen om het artikel te lezen, niet op de navigatie nog eens goed te bestuderen.

De meeste advertenties hebben ook niet veel waarde op een printpagina. Ze werken alleen voor branding, maar mensen kunnen er verder niks mee doen. Een advertentie voor een nieuwe cartridge met een duidelijke en korte URL heeft daarentegen wel weer nut.

Irritatie 4: Onleesbare URL’s

Hoe ga je op je printpagina om met links? De meeste printpagina’s geven d.m.v. een andere kleur en een streep onder het woord aan waar een link staat. Dit is prima, maar deze link is uiteraard niet volgbaar door er op het papier op te klikken. SitePoint gebruikt in mijn ogen een elegante oplossing. Op hun printversies maken ze gebruik van voetnoten achter elke link. Onderaan het document staat dan een lijst met URL’s. Een elegante oplossing wat mij betreft.

Een andere oplossing is om in je printversie korte redirect URL's te gebruiken. Zo kun je meteen meten hoeveel er op die links 'geklikt' wordt.

Best practices – Hoe het dan wel moet

Wat is dan wel de weg om te gaan? Hieronder volgt mijn subjectieve weergave, dus voel je vooral vrij in de comments een reactie achter te laten.

• Maak gebruik van een media="print" CSS
• Haal alle navigatie en banners weg
• Zorg dat je het volledige A4’tje gebruikt
• Schrijf URL’s met bijvoorbeeld een voetnoot uit
• Test de printversie in alle gangbare browsers

In een volgend artikel wordt meer ingegaan op hoe dit allemaal te verwezenlijken is.