Aanvulling: een uitgebreide handleiding staat nu op deze wiki.

Inleiding

Het weblog van Ambtenaar 2.0 weblog is op 10.5.2009 in een nieuwe versie verschenen. Deze aanpassing is een gezamelijke inspanning van de redactie van Ambtenaar 2.0. De belangrijkste verbeteringen zijn:

1. Betere menu-integratie met de netwerksite (ambtenaar20.ning.com);
2. Betere toegankelijkheid van het weblog:
   • snellere laadtijd;
   • bladeren naar eerdere posts;
   • zoveel mogelijk voldoen aan de webrichtlijnen; zie beneden;
3. Auteurs kunnen er eenvoudig voor zorgen dat hun bijdragen eerder gevonder worden in Google;
4. Beter technische basis leggen (door gebruik te gaan maken van het WordPress ' Thesis' template);-
5. Met 'een druk op de knop' commentaar kunnen geven op posts; en commentaar kunnen geven op eerder commentaar ('geneste commentaren'): door gebruik te gaan maken van www.disqus.com.
6. Beter Administatiedeel.

In deze post zie je alle opgeloste en nog open software problemen.

Op deze plaats in het Ambtenaar 2.0 netwerk kun je discussies, en vragen en antwoorden over deze verbetering van het weblog lezen. Het is leuk als je hier zelf ook iets aan toevoegd (vraag, commentaar, idee, etc) !!

Verbeteringen Hier zie je de veranderingen en verbeteringen in deze nieuwe versie van Ambtenaar 2.0 weblog.

1. Dropdown-menu's: de menu's lijken nu meer op die van de Ning netwerksite; ook zijn de menu's in de rechter sidebar toegevoegd. Op deze manier is het weblog de centrale toegang tot alle sites van Ambtenaar 2.0.
   
   
2. Je sprint nu direct naar de netwerk-site als je op betreffende menu's klikt (en niet meer via een redirect-scherm). Voordeel: je kunt nu met de backspace-toets weer terugspringen naar het weblog.
   
   
3. De Search Engine Optimization (SEO) mogelijkheden zijn verbeterd. Dit betekent dat je als auteur nu makkelijk meta-informatie over je artikel kunt toevoegen, dat is informatie over de informatie in je artikel. Google kan dan je artikel beter vinden, hierdoor komt je artikel hoger op een resultaatpagina te staan. Hierdoor zal je artikel door meer mensen worden gelezen. Op de Ning kun je hiervan enige voorbeelden zien.
   
   
4. Als bookmark plugin gebruiken we 'ShareAndEnjoy' (onderaan een uitgeklapte post). Voordeel: slechts 1 keer klikken om te bookmarken; significant betere laadtijd van de hoofdpagina (want daar niet zichtbaar (en ook niet nodig):
   
   
5. Kruimelpad: helemaal bovenin het scherm zie je duidelijk waar je bent in het weblog; dit is vooral handig als je bijvoorbeeld een post gekozen hebt via een catagorie (door dit te selecteren; of doordat je zo binnen bent gekomen via een Google zoekaktie. Ook voor de Google Search engine ranking heeft dit een positief effect.
   
   
6. Navigatie
   • je kunt op meerdere manieren het weblog doorzoeken. Als je klikt op de naam van de auteur zie je al zijn of haar gepubliceerde artikelen. Als je op ‘reacties’ klikt in de kop van een artikel, dan spring je direct naar de reacties op een artikel;
   • als je klikt op de naam van een persoon die een reactie heeft gegeven op een artikel, dan spring je naar de website van die persoon. Zo kun je snel wat meer achtergrondinformatie krijgen over hem of haar;
   • als je een bepaald artikel helemaal op je scherm hebt: dan zijn onderaan de pagina links om naar het vorig of het volgende artikel te springen;
7. De laatste acht posts worden nu in een zgn. 'teaser' formaat getoond: een korte intro; en twee posts telkens naast elkaar. Voordeel is dat de lezer met minder bladeren sneller een interessant artikel kan vinden. Dit formaat gebruiken we ook in de Archive pagina's.

Ideeen voor aanpassingen aan het weblog na de release van deze versie

1. Met een enkele 'druk op de knop' kunnen toevoegen van commentaar. Hiervoor moet je eenmalig een account maken op 'www.disqus.com', daarna kun je veel eenvoudiger commentaar gaan geven op Ambtenaar20.nl; en ook op veel andere weblogs die deze functie aanbieden. Eerder heb ik in de netwerksite een artikel geplaatst over commentaarsystemen, en wat voor voordelen je daaraan hebt.
   
2. Pagina-nummering onder aan de posts. Voordeel: sneller naar een andere pagina kunnen wisselen; hierdoor een betere toegankelijkheid; ook zijn er SEO-voordelen. Voorbeeld: Yoast.
3. Een pagina waarin het archief van alle posts op diverse manier kan worden doorzocht.een WordPress expert.Een mooi voorbeeld is dit archief van Kristarella,
4. Een pagina met informatie over de auteurs.
5. Meer informatie over het weblog in de footer van het weblog. Denk aan een sitemap; links naar 'affiliate' sites e.d. Dit is een mooi voorbeeld van Yoast.

Heb je nog andere ideeen, laat het mij dan weten!

Techniek

Hieronder staan wat meer technische opmerkingen.

Thesis template

In ‘WordPress’ kun je kiezen tussen een groot aantal ‘templates’ om het weblog een vorm te geven. Denk bijvoorbeeld aan het lettertype, de beeldschermindeling en grafische elementen.

Met het Thesis-template hebben we een beter integratieplatform voor komende technische ontwikkelingen (bijvoorbeeld Twitter integratie, authenticatie met andere web 2.0 platforms, etc.) . Dit is een goede handleiding over dit thema. Het is een template dat technisch erg goed in elkaar zit, en dat een uitgebreide en goede community heeft voor ondersteuningsvragen.

Een voorbeeld van het gebruik is dit Amerikaanse weblog ‘CopyBlogger’, met bijna 60.000 lezers (RSS-abonnees). Hier kun je enige andere weblogs bekijkendie op basis van Thesis zijn ontwikkeld.

Administratiedeel

In het administratiedeel van de site heb ik ook enige verbeteringen doorgevoerd (deze veranderingen zijn dus niet zichtbaar op het weblog!); door middel van het gebruik van nieuwe plugins:

1. One Click Plugin Updater: eenvoudig updaten van plugins;
2. WP DB-manager: database management (optimaliseren, maken van backups e.d.); hiermee naast bestaande dagelijkse database export ook een sql-export dagelijks genereren voor nog betere backup-proces.

Laadsnelheid

De laadsnelheid van de home-pagina zal in optimale omstandigheide 2 - 3 seconde worden (plugin moet nog aan worden gezet); ook andere pagina's laden nu sneller dan in de huidige versie van het weblog. Hierdoor gaan bezoekers eerder bladeren in het weblog. Dit wordt gerealiseerd onder meer door:

1. [open aktie] Optimalisaties: op diverse plaatsen zijn javascript functies weggehaald
2. [open aktie] Bestanden worden nu niet meer van allerlei sites gehaald; maar zoveel mogelijk vanaf een enkele site
3. [open aktie] Verwijderen van revisies van webposts door middel van een plugin. De laadtijd verbetert merkbaar nadat alle revisies van posts zijn verwijderd. Het is dus goed om dit periodiek te oden (bijvoorbeeld een keer per maand)

Toegankelijkheid

De volgende tests geven aan dat er een verbetering is ten opzichte van het huidige weblog:

1. Basistest voor toegankelijkheid: probeer in Internet Explorer of je de grootte van het font kunt veranderen in de browser. Dit werkt in dit test weblog (is gevolg van gebruik van het nieuwe Thesis template).
2. Web accessibility evaluation tool:report: geen grote problemen op dit gebied.

Webrichtlijnen - test: Het testtool van www.webrichtlijnen.nl is gebruikt,dit is het resultaat (score 38 punten van 47 mogelijke punten).

Resultaat huidige weblog: 34 van 47 punten. Opmerkingen over de belangrijkste verbeterpunten:

• Gebruik van style element: in 'recent comments' - is verbeterpunt
• Er zijn op deze pagina links gevonden die afhankelijk zijn van Javascript. Dit maakt het volgen van deze links onmogelijk voor sommige gebruikers - is al zoveel mogelijk aangepast.
  
• In twee elementen komt nog Javascript voor; aktiepunt: onderzoeken naar alternatieven.
  

Voorbeelden van tests die je kunt uitvoeren

1. Testen zou je vooral kunnen doen met/van: gebruik makend van diverse browsers (IE, FF, Chrome); nieuwe functies; vertalingen die ontbreken; onduidelijke navigatie-elementen; laadtijd toch erg traag; inconsistenties.
2. Invoeren van een nieuwe post; dit moet ook goed werken met een ingeschakelde WP-super-cache plugin.
3. Testen met Internet Explorer of een andere browser; mobiele browser etc.

Afsluitende opmerkingen

Het was erg leuk en leerzaam om het Ambtenaar 2.0 weblog zo te verbeteren. Ik hoop dat jullie dit ook allemaal verbeteringen vinden!

Voor wat betreft suggesties, foutmeldingen, opbouwende kritiek: dat horen wij graag, want daarmee kan het weblog nog beter worden.

We hebben veel aanpassingen gemaakt; daardoor zullen er zeker nog software-fouten aanwezig zijn (ondanks alle tests van enige redactieleden). Geef dit dus alsjeblieft aan als je zoiets ziet!

Er zijn nog een aantal kleinere fouten die ik nog wil oplossen. Een grotere beperking waar ik nog een oplossing voor hoop te vinden, is het feit dat de valmenu’s onder Internet Explorer 6.0 niet goed werken; dit is daarom op dit moment nog uitgeschakeld voor die browser.