De perfecte blog

Bloggen is in. We houden geen versleuteld dagboek meer bij op een geheime plaats, maar gooien alle mooie en minder mooie momenten te rapen voor de hele wereld.
Ook bedrijven gaan massaal bloggen, zo ook wij. Reviews schrijven, kennis delen, producten nader toelichten, noem maar op.

Intussen zijn er dan ook al heel wat gratis blogdiensten (denk aan Google’s Blogspot) en Open Source software (denk aan WordPress) waarmee je snel en gratis/goedkoop een sterke blog kan uitbouwen.
Hoewel deze software volgens ons al heel goed hun werk kunnen doen (vooral WordPress dan), benaderen ze nog net de perfectie niet die je met maatwerk kan bereiken.

Op bovenstaande afbeelding is te zien dat de blog een front-end en een back-end heeft met als doel respectievelijk weergave en beheer.

Back office

Hier begint het allemaal, de beheerszijde van je blog. Een aangename back-office is de sleutel tot een beheerbare, succesvolle blog.

Artikels beheerbaar?

De basis van een blog zijn de artikels, de inhoud. Deze optimaal (kunnen) beheren is dus een absolute must. De beheerder moet artikels kunnen aanmaken, bewerken, verwijderen, opvragen, opslaan zonder te publiceren, opslaan en automatisch laten publiceren in de toekomst (memodatum).

Naargelang je functie, de tijd die je vrij hebt of het werk dat je hebt, kan je niet altijd een volledige blogpost schrijven aan één stuk. Soms gaat er ook enig opzoekingswerk aan vooraf. Het is dus belangrijk dat de schrijver, de blogbeheerder, het artikel tijdelijk kan opslaan in zijn te publiceren vorm.

Een sterke (WYSIWYG)-editor

Iedereen moet dezer dagen kunnen bloggen, bloggen is ‘in’, je zal waarschijnlijk ooit zelf al eens een blog gestart zijn. Het is dan ook van grootst belang dat iedereen die blogt alle internetfuncties kan benutten (linken, afbeeldingen invoegen, tekst opmaken, …) zonder alle technische kennis te moeten opdoen van HTML en dergelijke ‘mark-up languages’.

Bij JJTDevelopments zijn we echt wel fan van de javascript WYSIWYG-editor TinyMCE. Deze is makkelijk in te voegen en de interface is makkelijk te wijzigen (naar usability toe is dat toch wel vrij belangrijk).

Standaard geeft TinyMCE zoveel meer functies mee, dan dat je bovenstaand ziet. De werkbalkjes die je op de afbeelding ziet, is hoe onze editor er in ons Content Management System uitziet.

“Beperkte mogelijkheden” hoor ik sommige webbouwers al moord en brand schreeuwen. Wij denken daar anders over: Sommige dingen zijn gewoon esthetisch onverantwoord en hoe minder knopjes je een webanalfabeet geeft, hoe minder hij fout kan doen.

Je hebt overigens toch ook wel alles wat nodig is voor het optimaal beheer van je website, meer is er niet nodig, toch? Je kan tekst opmaken, lijstjes maken, linken, tekst uitlijnen, tabellen maken, afbeeldingen en andere media invoegen en google maps invoegen.
Als je alle mogelijke opties weergeeft, gaat de helft van de eindgebruikers van je software waarschijnlijk in de mist, samen met hun blog.

Ingebakken zoekmachine optimalisatie

Zoekmachine optimalisatie is op en top hot topic. Technische zoekmachine optimalisatie (of on-site SEO) is dus ook op en top nodig als je een goed softwarepakket wil afleveren.

De belangrijkste elementen van on-site optimalisatie waar je dag in, dag uit aan kan werken zijn vooral je titles, meta-tags, URL-structuur,…

Een goed SEO pakket (zoals WordPress er trouwens eentje heeft) moet gewoon deel uitmaken van een blog. Je moet elke titel, elke link, elke description en elk kernwoord in handen hebben.

Ingebakken social media en bookmarking

Je eigen blog is onderdeel van het interactieve web, het web 2.0. Om alles eruit te halen kan je best je blog ook gaan adapteren op verschillende andere web 2.0 diensten of social media zoals Twitter, Facebook, Delicious,…

De technologie van vandaag, denk aan API’s (Application Programming Inteface), laten toe om vanaf je eigen website (dus ook vanaf de back-end) te communiceren met deze social media.

Zo kan je bijvoorbeeld telkens er een nieuw artikel komt, via een API, automatisch de link laten Tweeten: “Interessant! [titel van het artikel] [link naar het artikel]”.

Import / export

Gemakkelijkheidhalve kan je nog import en export functies aan je blog gaan toevoegen. Na een poosje kan je al heel wat artikels geschreven hebben en stel je dan maar eens voor dat database crasht!

Op tijd een automatische export (lees: back-ups) zijn dus zeker geen overbodige luxe, los van het feit dat een database niet hoort te crashen.

Een import functie maakt het dan mogelijk het geëxporteerde bestand snel terug in de database op te laden en je blog is weer terug de oude!

Bezoekerszijde (front-end)

De bezoekerszijde is wat je bloglezers te zien krijgen, waar je je artikels dus voor het grote publiek wil laten weergeven. Een hoge usability rate, hoge gebruiksvriendelijk, is hiervoor dus zeker wel op zijn plaats.

User interaction

User interaction is de sleutel naar web 2.0: communiceren met je bezoekers/lezers. Laat je bezoekers iets op je website/blog doen, betrek hen bij het hele gebeuren.

Op een blog verstaan we onder ‘je bezoekers iets laten doen’ dus voornamelijk reactiemogelijkheden, eventueel kan je ook de mogelijkheid laten dat men je artikels kan gaan beoordelen enzovoort.

Een tweede puntje is om je bezoekers aan te spreken, liefst nog zo specifiek en correct mogelijk. Komt iemand via een zoekmachine, spreek hem dan mooi aan, biedt je RSS-feed aan, linkje naar je nieuwsbrief, noem maar op.
Doet je bezoeker iets verkeerd, bijvoorbeeld een veld bij de reacties vergeten invullen, spreek hem dan niet aan met: ‘Er ging iets mis, probeer opnieuw.’ maar bijvoorbeeld met: ‘Je vulde geen naam in, hetgeen nodig is je reactie door te sturen. Vulde je toch je naam in en komt deze boodschap herhaaldelijk voor, neem dan alsjeblieft contact (link) op met de beheerders.’
Heb je een tagpagina, titel deze dan niet met ‘Tags’ maar bijvoorbeeld met ‘We schreven al over ...’. Dit zegt je lezers meer dan het woord ‘tags’.

Het gaat er dus om dat je bezoeker zich echt aangesproken voelt en dé ‘deadly sin’ bij uitstek is het woord ‘er’. Geen woord is betekenislozer dan ‘er’.

Zoekbox en navigatie

Belangrijk bij een blog is vooral de informatie architectuur, de manier waarop je verbanden gaat leggen tussen informatie, in dit geval blogartikels.

Een tijdje geleden maakten we al een screen video van hoe je je zoekbox kan optimaliseren, dus daar gaan we ook niet veel verder op ingaan.

Als we over verschillende onderwerpen willen gaan schrijven op de blog, dan is het zeker aangeraden om je blog te gaan opdelen in categorieën. Wij schrijven bijvoorbeeld over verschillende onderwerpen als Webdesign, Zoekmachine optimalisatie, …

In het geval je elk artikel gaat ‘taggen’, keywords meegeven waarover het artikel gaat, kan je ook mooie tagclouds en tag pagina’s maken.

Je kan bijvoorbeeld ook telkens gerelateerde artikels gaan weergeven.

Deze extra’s kan je beter meegeven in de rechterkantnavigatie, meer over de plaatsing van menu’s lees je op de blog van Ferry Den Dopper.

Quality content

Dit lijkt voor zich te spreken, maar toch is het in de realiteit soms anders. Hou je hier vooral vast aan het ‘Less is more’. Je schrijft beter elke twee weken een beresterk artikel dan elke twee dagen een dertien-in-een-dozijn ronduit slecht artikel.

Schrijf ook duidelijk: kopjes en tussenkopjes, slechts één gedachte per alinea, geen te lange alinea’s, afwisselend korte en lange zinnen, verrijk je taal (zeggen: fluisteren, roepen, spreken, verklaren, …) enzovoort.

Voor meer schrijftips verwijs ik ook graag naar de blog van Mischa, webschrijver.

Social media

Net zoals we in de back-end social media gaan implementeren, zou het idealiter ook op de front-end moeten.

Computertaal.info doet dit goed. Jammer genoeg staat de hype Twitter er niet tussen, maar Peter geeft wel de mogelijkheid om zijn artikels te delen.

Je moet je praktisch voorstellen dat iemand je artikel wel even zal Tweeten. Al zijn followers kunnen dit zijn/haar, en in een goed geval klikken er wel enkele op. Als je blog hen ligt, heb je er weer enkele nieuwe, vaste lezers bij.

 

Er zijn tal van mogelijkheden om je bezoekerszijde te verbeteren, neem zo ook eens een kijkje naar een vorig artikel: 10 tips om je user interface te verbeteren.

Beveiliging

Beveiliging sluit nauw aan bij de front-end. Als je de mogelijkheid biedt om reacties achter te laten moet je telkens uit gaan van: ‘elk gegeven is schuldig tot het tegendeel bewezen is.’

Nog wat terug in de tijd schreven we een uitgebreid artikel over het beveiligen van je website. Hoe je onder andere de snelheid moet gaan afwegen tegen de beveiligingsmaatregelen.

Onderstaand is allicht een niet-relevant gedeelte als je zelf geen ontwikkelaar bent. In dat geval kan je dus best wat verder scrollen.

XSS en Injections

Cross Site Scripting en SQL Injections zijn veruit de makkelijkste om tegen te gaan. Je zorgt bij de output van je reacties dat alle tekst door de functie htmlspecialchars() gehaald wordt en bij het invoeren in de database zet je elk Get, Post en Cookie gegeven tussen de functie mysql_real_escape_string().

Session hijacking

Session hijacking is het overnemen van sessies. Hoe we dit doen, gaan we nu niet bespreken. De oplossing ligt hem erin de sessies te beveiligen met een IP lock.

Spambots

We kregen zelf al eens af te rekenen met spambots. Een website waar men kan reageren zonder een ‘nofollow’ in de links is uiteraard aantrekkelijk voor de bots. Na heel wat zoeken zijn we toch tot een oplossing gekomen om de spambots van onze website te houden.

Meten is weten

Zo luidt het eeuwenoude marketingprincipe, hetgeen we ook op het internet gaan toepassen.

Wie zijn mijn bezoekers?

Dé fundamentele vraag als we gaan loggen. Weten wie je bezoekers zijn. Met een IP adres weet je natuurlijk niet veel (man/vrouw ; particulier/bedrijf ; jong/oud ; …)

Onderstaande vragen zullen dit vooral gaan aanvullen.

Wat doen mijn bezoekers?

Je kan iemand het beste herkennen aan wat hij of zij precies doet. Inschrijven op je nieuwsbrief, je feed nemen, je artikel Tweeten (loggen door trackbacks!) enzovoort.

Als de bezoeker bijvoorbeeld registreert op je nieuwsbrief, ben je meteen een bom aan informatie rijker. Je weet zijn of haar naam, je weet of hij of zij particulier of onderneming is, …

Hier kan je dan je teksten en je doen en laten op gaan aanpassen. Een simpel principe: merk je dan bijvoorbeeld dat 80% van de mensen die op je nieuwsbrief ingeschreven is, particulier zijn, dan kan je beter je nieuwsbrief 19uur gaan schrijven. Merk je dat het merendeel bedrijven zijn, dan kan je beter rond 13-15 uur gaan mailen.

Waar komen mijn bezoekers vandaan?

Ook hier kan je héél veel informatie uithalen. Sla op van waar je bezoeker komt (referrer) en sla de instappagina op.
Zo weet je al welke websites naar jouw blog linken en zelfs naar welk artikel.

Als je merkt dat er veel bezoeken via die website komen, wil dat zeggen dat mensen die in die website geïnteresseerd zijn ook in jouw blog geïnteresseerd zijn. Misschien kan je wel eens rond de tafel gaan zitten met de webmaster van die bewuste website?

Wanneer komt wie op bezoek?

Wanneer komt wie op bezoek, dat is waarop we alles gaan kunnen afstellen. Als je veel bezoeken hebt in de week, overdag, dan bezoekt men je website waarschijnlijk in functie van hun beroep.
Heb je meer bezoeken ’s avonds en in de weekends, dan is het gros van je bezoekers waarschijnlijk particulier.

Ik meet, ik weet, wat nu?

Nu kan je je website/blog gaan afstemmen op bezoekers. Ik haalde wat paragraafjes naar boven het voorbeeld van de nieuwsbrief aan.

Als we dat in de context van de blog gooien kunnen we bijvoorbeeld zeggen: is het gros van je bezoekers particulier? Zorg dan dat elk ’s avonds of ’s weekends artikels klaarliggen. Zijn de meeste van je bezoekers bedrijven? Zorg dan dat je bijvoorbeeld ’s ochtends je artikels klaar hebt.

Nog wat meer omhoog spraken we over interaction design, als je bezoeker hoofdzakelijk jong zijn, ga je ze anders aanspreken dan bijvoorbeeld mensen die je website bezoeken in beroepsverband.

 

Wil je zelf ook een perfecte blog? Contacteer ons dan vrijblijvend.