E-mailadres beschermen tegen spambot

Toen we, precies twee maanden geleden, bezoek kregen van spambots, besloten we een artikel te schrijven over hoe je je website tegen spambots kan beschermen. In voorgaand artikel bespraken we enkel hoe je je website kan beschermen tegen user input van de bots.

Spambots zijn echter niet enkel op zoek naar blogs om op te reageren met hun blauwe-pillen-linkjes. Neen, ze nemen ook graag wel eens een e-mailadres mee. Deze e-mailadressen worden opgeslagen en soms op vrij grote schaal verkocht aan derden waardoor je nog een groter aanbod van pillen in je mailbox krijgt!

Je wil natuurlijk niet dat dit je community leden overkomt als ze toestemmen om hun e-mailadres weer te geven.

PHP beschermt e-mailadressen tegen spambots

Dit alles is op zich vrij eenvoudig te voorkomen door de e-mailadressen weer te geven in de vorm van een afbeelding, hetgeen de bots niet kunnen lezen.

Om je een stapje in de goede richting te helpen, hebben we een script geschreven die e-mailadressen (eenders welke tekst eigenlijk) dynamisch omzet naar een afbeelding.

Net zoals bij het YouTube API in PHP, is ook deze code voorzien van een demo en uitvoerig gedocumenteerd.

Download het PHP Email protection mapje.

Haal meer uit Google's Blogspot

Waar het hart van vol is, loopt de mond van over. Daarom heb ik een tijdje terug besloten een blog te maken over mijn kartervaringen, afsteltips, rijtips enzovoort.

Gezien het feit dat een dag slechts 24 uur telt, heb ik dus besloten om geen wordpress te gaan gebruiken (templates maken,...), laat staan een hele blogapplicatie te ontwikkelen.
Uiteindelijk heb ik geopteerd voor Google's Blogspot, en je kan er blijkbaar heel wat mee!

Enkele maanden geleden kreeg ik de vraag of het mogelijk was om Analytics integreren in een Blogspot blog.
Na enig Googlen kon ik maar niets vinden en zelf had ik ook nog geen hands-on ervaring met Blogspot.

Na wat verkenningswerk in het in het administratiegedeelte van Blogspot lijkt dit toch te lukken en kan je zelfs nog pakken meer!

Blogspot en Google Analytics

Meten is weten en dus is Google Analytics echt geen overbodige luxe.

Allereerst moet je zorgen dat je een Google account hebt. Moest je deze nog niet hebben kan je je hier aanmelden voor Analytics. Vervolgens log je in tot je aan je overzicht met websiteprofielen aankomt.

Nu gaan we een nieuw websiteprofiel aanmaken. Deze link vind je links onder je bestaande websiteprofielen.

Je voegt enkel de URL in van je blog (vb. toms-kartblog.blogspot.com) en past eventueel de tijdzone aan.

Eens je op Voltooien klikt, ga je naar een andere pagina en daar krijg je een code in een tekstvak. Kopieer deze even (Ctrl+A ; Ctrl+C).

Ga vervolgens naar de administratiezijde van je blog, klik Indeling en tenslotte tabje HTML bewerken.

Scroll wat door naar beneden en plak (Ctrl+V) dan de code uit Analytics net boven de tag.

Tenslotte nog even op Sjabloon Opslaan klikken.

De volgende ochtend kan je even teruggaan naar Google Analytics en kijken of hij statistieken heeft gelogd.
Als dit niet het geval zou zijn, wacht dan nog een dagje. Als er dan nog niets verschijnt, is er waarschijnlijk iets niet pluis.

Contacteer ons dan even of neem contact op met Google.

Blogspot en sterke RSS-feed

Blogspot is een vrij mooi pakket, zo bieden ze ook een RSS feed aan. Een lezer kan een RSS-feed opslaan en zo de artikels van je blog in een bladwijzer in de browser bewaren en zo ook snel nieuwe artikels bijhouden.

Google biedt als enige ook een dienst aan waarmee je ineens kan loggen hoeveel mensen je feed hebben opgeslagen, namelijk FeedBurner.

Bij het registreren hoef je gewoon de URL naar je blog in te voeren (blognaam.blogspot.com) en de rest doet FeedBurner zelf. Je moet enkel in Blogspot je feel omzetten naar die van FeedBurner:

Verwijs naar je feed

Standaard staat er enkel helemaal onderaan je blog een linkje naar je RSS feed, maar je wil natuurlijk dat die wat opvallender in beeld komt te staan.

Ik heb daarom een extra gadget-vak ingevoegd waar je een vrij tekstje (dus ook link) kan invoegen.

Om een element toe te voegen, ga je in de administratiezijde naar Indeling.

Hier krijg je een frame van je blog en rechts kan je dan "Een gadget toevoegen".

Kies het "HTML/Javascript" element, daarop opent er een nieuw venster. In dit venster kan je je tekstje met link toevoegen.

Blogspot en webmaster hulpprogramma's

De webmaster hulpprogramma's van Google zijn de eerste stap naar een plekje in de zoekmachines.

Met deze programma's kan je sitemaps uploaden, robot.txt definiëren, sitelinks beheren, zien welke pagina's dubbele titels hebben, welke pagina's niet toegankelijk zijn voor Mr. Google enzovoort.

Maar... Als je een nieuw websiteprofiel aanmaakt, moet Google uiteraard weten dat dit domein wel degelijk van JOU is en van niemand anders. De enige manier om dit na te gaan is door te checken of je wel in de broncode kan, je moet er namelijk een META-tag in plaatsen.

Blogspot laat dit gelukkig toe. We gaan, net zoals bij de installatie van Analytics, naar de HTML editor. In deze editor kunnen we dan de meta tag plaatsen die Google je heeft gegeven.

Blogspot en andere diensten

Je kan ook nog tal van andere dingen toevoegen aan je blog. Bijvoorbeeld een inschrijfvak voor je nieuwsbrief.

Je maakt dan, net zoals bij de verwijzing naar je RSS-feed, een HTML/Javascript object aan, waarin je de gepaste code kan invoegen naar bijvoorbeeld een extern nieuwsbrief systeem (AWeber).

 

Kortom, enige behendigheid in code maakt dat je al hele grote sprongen kan maken met Google's Blogspot!

Jij wil toch ook waardevolle links...

Jij wil toch ook graag waardevolle links? Gun ze dan ook aan anderen en haal die nofollow weg in je blogposts...

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.

Google Caffeïne

Google caffeïne is hot topic. Alle blogs zijn er druk over aan het schrijven of hebben erover geschreven, we kunnen het dus wel een 'collectors-item' voor iedere blog noemen?

Even terug werd de eerste testversie, Sandbox, beschikbaar gemaakt voor het grote publiek.

Sneller, flexibeler, robuster

is het doel van Google Caffeïne. Het is dan ook vooral de basis van het Google systeem dat de veranderingen onderging: crawling, indexering,...

Matt Cutts, Google engineer, geeft aan dat het niet de bedoeling is om alle zoekresultaten drastisch door elkaar te gaan gooien maar om meer real-time resultaten te gaan weergeven.
Twitter en Facebook zullen dus waarschijnlijk meer om meer hun stekje bovenaan opeisen.

Fons Walleyn is al wat uitgebreider op dit nieuwe concept ingegaan:
Google "caffeïne" zal zoeksnelheid een boost geven - Isinet Webmarketing
Wat te verwachten van Google caffeïne? - Karel Geenen