Archive for the ‘Tips & tricks’ Category

24th/OctoberCapsquare gaat live!

By Nikolaas De Geyndt // 14u02 // category: The Reference projects, Tips & tricks

capsquareCapsquare is een gezamenlijk initiatief van Fluxys (België) & GRTgaz (Frankrijk) om op de secundaire markt capaciteit uit te wisselen. De nieuwe website werd op het bestaande Fluxys platform (Sitecore) geïmplementeerd.

Bezoek de nieuwe website van Capsquare.

Add Comment

22nd/SeptemberHet belang van goed geschreven website content ?

By Nikolaas De Geyndt // 17u00 // category: Dive deeper, Tech talk, Tips & tricks

Onlangs vroeg Inside Magazine The Reference hoe wij “content” aanpakken binnen een website-ontwikkelingstraject. Het artikel kan je binnenkort in het tijdschrift lezen, maar hier alvast wat wij hen verteld hebben in een duidelijke vraag-antwoord vorm.

1. In welke fase komt bij jullie het contentplan?

image Content is koning. Daarom heeft het contentplan bij The Reference zijn vaste stek in Safira*, een methodologie die The Reference ontwikkelde om vóór de implementatie van een web project de strategie, scope, KPI’s en dergelijke te bepalen. Die eerste stap hoort thuis bij  "Concept & strategy" (zie illustratie hiernaast).

*Strategic and Functional Internet Roadmap Analysis.

 

 

2. Hoe ziet zo een contentplan eruit, waar moet je rekening mee houden?

Een contentplan is meer dan vlug een boomstructuur neerkriebelen die vervolgens omgezet wordt in een navigatiestructuur.

Het start met een informatieanalyse. Idealiter bevraag je hiervoor niet enkel de interne betrokkenen, maar ga je ook na wat de verwachtingen zijn van de beoogde doelgroep. Vaak heeft de surfer op wie de klant zich richt daar andere ideeën over dan de klant zelf. Op basis van deze informatieanalyse kan je de content gaan inventariseren. Het is belangrijk om dit op het meest granulaire niveau te doen. Definieer nauwkeurig elke content blok en geef aan waar het zijn plaats krijgt op de pagina. Het is handig als je bij deze content inventaris aanduidt wie de verantwoordelijkheid draagt voor elke stukje content en wat de workflow is om deze content te publiceren. Dit vooraf definiëren zal achteraf discussies vermijden en maakt de implementatie in het content management systeem makkelijker. Wireframe HP

Op een globaler niveau zal deze oefening resulteren in een navigatiestructuur en wireframes (zie illustratie hiernaast).

Veel bedrijven stoppen hier, maar dan dient nog een goede planning opgemaakt te worden. Content gathering neemt immers véél meer tijd in beslag dan je denkt. Uit onze ervaring blijkt dat 9 op de 10 bedrijven dit onderschatten waardoor het project aanzienlijke vertraging oploopt.

Tenslotte stipuleer je nog welke metadata en keywords van toepassing zijn op je content en dan kan het effectieve (re)writing voor het web gebeuren.

 

3. Hoe belangrijk is goede, degelijke content voor een website?

Het is onmisbaar. Het is bepalend voor de algemene gebruikerservaring van de site, maar het bepaalt ook hoe je site zal scoren in search engines. Goede metadata en keywords verbeteren ook de resultaten van je interne search op de site zelf. Vergeet niet dat de kwaliteit van een site afgemeten wordt aan de kwaliteit van zijn search.

 

4. Tips voor goede geschreven content?

- Zorg dat ze scannable is. Zo kan de gebruiker makkelijker en sneller een grotere hoeveelheid aan content verwerken
- Effectieve titels en hoofdings trekken de aandacht en zetten aan verder te lezen
- Koppel je content met call-to-actions. Het uiteindelijke doel van je site is om de surfer op een bepaalde manier te “converteren”. Dat kan gaan van het inschrijven op een nieuwsbrief tot een on line aankoop
- Zorg dat je content relevant is voor de doelgroep die je beoogt
- Relevant betekent ook dat ze ten alle tijde up to date is
- Relevant betekent ook dat je de juiste tone of voice gebruikt en je eigen jargon opzij schuift
- Hou het zo beknopt mogelijk

 

5. Hoe zie je de link tussen content, usability en web analytics?

Customer Journey - Afbeelding van Applied InsightsWe durven zo ver gaan als te stellen dat content dé belangrijkste factor is voor usability. De relevantie en leesbaarheid bepalen in grote mate hoe de surfer zijn bezoek aan de site ervaart. Zo doen navigatielabels en titels van content blokken echt wel méér dan de kleurkeuze van je font. Als je een goeie contentstructuur hebt gedefinieerd en weet welke “customer journeys” (zie illustratie) je surfer zou moeten afleggen doorheen de site, zul je in de statistieken ook terugvinden dat het beoogde clickpath gerealiseerd werd. Zo vermijd je een “vliegenval” en een drop-out van je publiek.

Vergeet niet dat het web een van de enige media is waar content ook een knop kan zijn. In andere media kun je nooit op content klikken. Dit zou al genoeg moeten zijn om het belang van content en de link met usability (en conversie!) aan te tonen.

 

6. Hoe pakken jullie gebruikerstests aan? Waar moet men op letten?

Idealiter ga je na de content gathering mock-ups maken. Als je deze clickable maakt en je voorziet ze van échte content kunnen deze dienst doen als een heuse dry run van je site, maar ook van je content gathering. Zo ervaren bedrijven aan den lijve hoe intensief het traject is om de juiste content bijeen te harken en ze te herschrijven voor het web. Het laat hen toe om het proces nog tijdig bij te sturen.

Google Heatmap Voorts is het een goedkope manier om te testen hoe je doelgroep met je site en de content erop omgaat. Dit doe je door vooraf een aantal opdrachten te definiëren en ze door een testpubliek te laten uitvoeren. Het wordt pas echt interessant als je dit met een "usability lab" doet, want dan kun je alles op een wetenschappelijke manier gaan meten. Heat maps (zie illustratie) en eye tracking tonen aan waar een gebruiker naar kijkt (en waar hij niet naar kijkt!) en hoe zijn oog het scherm afscant. Als je dit een aantal mensen laat doen heb je een goeie kwantitatieve gebruikerstest waaruit ongetwijfeld zinvolle conclusies kunnen worden getrokken. Vergeet echter niet om na deze test je gebruikers ook te bevragen naar hun ervaring bij deze opdrachten. Zo’n kwalitatief onderzoek leert je namelijk ook welk gevoel de site oproept en hoe ze het gebruiksgemak al dan niet ervaren hebben.

Add Comment

25th/JulyPractice what you preach: SEO tips

By Nikolaas De Geyndt // 9u00 // category: Dive deeper, SEM, Tips & tricks

Omdat we niet zo houden van de mentaliteit waarin een website SEO-vriendelijk wordt ‘getransformeerd’ onder een grote zwarte doek, geven we jullie enkele zeer praktische tips mee om de website zoekmachinevriendelijk te maken.

Ongetwijfeld zal je deze tips elders terugvinden, er bestaat nu eenmaal een eindige lijst van hoe dit onderwerp aan te pakken. De tips zullen we wel onderverdelen in categorieën.

Voor welke zoekmachine optimaliseren?

  • Het hoeft amper gezegd te worden dat Google in België de grootste zoekmachine is. Nu dit geldt niet voor alle landen. Zo is Yandex in Rusland de grootste en heeft Yahoo! een veel groter marktaandeel in bijvoorbeeld de Verenigde Staten. Iedere zoekmachine heeft zo zijn eigen manier op webpagina’s te indexeren…:
  • Bijvoorbeeld voor Yahoo! en MSN zijn keywords in de pagina van primordiaal belang, terwijl links voor Google zeer belangrijk zijn. Google houdt bijvoorbeeld van oudere websites die al lang meegaan en bewezen relevantie hebben terwijl Yahoo! niet echt een voorkeur heeft voor jonge of oude blaadjes.

Zoekwoorden kiezen

  • Kies je zoekwoorden zorgvuldig. Kies ze net zo zorgvuldig zoals je ze zou kopen bij bvb Google Adwords.
  • Maak een onderscheid tussen primaraire (zeer belangrijke – geen toegevingen) keywords, secondaire keywords en minder belangrijke keywords.
  • Denk in thema’s zoals ‘hond’ met je zoekwoorden er ondergebracht
  • Er zijn zoekwoorden met heel veel concurrentie zoals ‘hond’ bijvoorbeeld. Als je je pagina’s niet optimaliseert voor bijvoorbeeld hondeneten, hondenrassen, etc… is succes niet vanzelfsprekend.
  • Ga heel diep in het zoeken van kernwoorden. Het is vaak zo dat achter een heel precies en diepgaande zoekopdracht een persoon zit die iets specifiek zoekt. Dit zijn waardevolle bezoekers.
  • Verzin synoniemen

Hulp bij het kiezen van zoekwoorden

  • Om de competitie van een keyword te bepalen typ in het Google-zoekveld (pagina’s in het Nederlands):
    allintitle: zoekterm of allinanchor: zoekterm.
  • Nieuwe ideeën voor zoekwoorden kan je op doen met het hulpprogramma voor zoekwoorden van Google. Let op: vermijd ‘keyword stuffing‘. Dit wil zeggen letterlijk tientallen of zelfs honderden keywords in je website proppen. Dit wekt argwaan bij de zoekmachines, en kan resulteren in niet-indexatie.
  • Interessant kan zijn welke keywords het meest voorkomen bij de concurrentie. De meest voorkomende keywords kan je ook nakijken bij je eigen website. Dit wordt ‘keyword density‘ genoemd. Alhier een handig keyword density tool.

Meta tags

  • Specifieer Meta keywords in de hoofding van je document. Limiteer deze tot 15 à 20 woorden. Hoewel niet alle zoekmachines deze opnemen of er belang aan hechten kan dit geen kwaad. Zo hecht de Yahoo! zoekmachine hier wel nog belang aan.
  • Schrijf in je Meta description aantrekkelijke keywords omdat die zullen verschijnen in de zoekmachine zoekresultaten.

Bestands- en domeinnaam

  • Een goede SEO-tip is om ten minste een van je primaire keywords op te namen in je domein of subdomein van je website.
  • In je bestandsnaam kan je liggende streepjes (-) gebruiken om keywords te scheiden. Bijvoorbeeld: seo-service, seo-guidelines, free-seo. Gebruik geen ‘underscores’ zoals in seo_service. Dit laatste impliceert dat gebruikers moeten zoeken op die exacte combinatie om op je pagina uit te komen. Met een liggend streepje is dit niet het geval.
  • Gebruik je tweede en derde keywords als je directory name en bestandsnaam. Bijvoorbeeld http://www.reference.be/seo/free-tips.html is het best voor keywords zoals “free seo tips”.

Dynamische URL’s (bijvoorbeeld pagina’s uit een CMS)

Even een streepje uitleg, want dynamische pagina’s (beginnen met een ‘?’, bijvoorbeeld default.aspx?id=4512) zijn wel een buitenbeentje als het gaat om optimilisatie voor zoekmachines. Het probleem met deze pagina’s is dat ze eigenlijk niet bestaan totdat een gebruiker enkele acties uitvoert die deze pagina’s genereren. Een zoekmachine die door het web zoekt om pagina’s te indexeren kan geen acties uitvoeren, dus de pagina’s worden niet gegenereerd en bijgevolg niet geïndexeerd. Enkele tips om de inhoud toch te laten indexeren:

  • Gebruik statische pagina’s indien mogelijk. Maak bijvoorbeeld een statische pagina aan met links naar je dynamische pagina’s. De statische pagina en haar links worden dan weer wel goed en volledig geïndexeerd.
  • Vraag aan je webpartner om ‘URL rewrites‘ te doen. Die zorgen er voor dat dit www.domein.be/index.php?category=seo&tutorial=dynamicurls wijzigt naar www.domein.be/category/seo/tutorial/dynamicurls. Die laatste is dan wel weer doorzoekbaar voor ‘search engine spiders’ omdat er geen verwarring mogelijk is. De mappen duidelijk zijn en keywords indexeerbaar. Dit heeft ook een duidelijk usability-voordeel voor je gebruikers aangezien ze makkelijker te herinneren zijn.

Optimalisatie van de inhoud en structuur van de pagina

  • Geef een korte en unieke titel (tussen <title></title>) aan elke pagina van je website. Doe dit met zo’n 3 à 9 woorden (60 tot 80 karakters) met minstens een van je primaire keywords. Dit is belangrijk omdat het wordt weergegeven in de zoekmachine zoekresultaten.
  • Verander de titel van je minst succesvolle pagina’s minstens 2 maal per jaar. Dit is logisch omdat je huidige titels blijkbaar niet helpen.
  • Inhoud is koning. Maar geen gecopieerde inhoud, als een zoekmachine ontdekt dat verschillende pagina’s op je website exact dezelfde paragrafen hebben verwacht dan een dip in de zoekresultaten. Bang dat anderen je inhoud stelen, zoek het uit met de ‘similar page checker’.
  • Hou je website code foutvrij, geef een ‘document type’ mee in het begin van je document en valideer je HTML & CSS omdat zoekmachines niet houden van pagina’s met teveel fouten.
  • Probeer je belangrijkste keyword zinnen op te nemen in hoofdingen (<h1>, <h2>, …) van je pagina, maar hou er rekening mee dat die niet hetzelfde mogen zijn als de titel van je pagina.
  • Probeer je belangrijkste kernwoorden op te nemen als links of als woorden onmiddellijk voor of na de link.
  • Gebruik niet steeds dezelfde keywords maar gebruik synoniemen. Bijvoorbeeld in de plaats van SEO gebruik Search Engine Optimization.
  • Als je afbeeldingen gebruikt, vul dan relevante keywords in je “alt”-tag.
  • Vermijd (i)frames. Zoekmachines hebben het moeilijk om 1 URL te zien met opeens 2, 3 of 4 pagina’s. Als het niet anders kan zorg voor voldoende inhoud tussen de <noframes></noframes>-tags. Gelukkig verdwijnen frames langzaam maar zeker.
  • Zorg ervoor dat er meer inhoud is dan code. Vermijd ellenlange stylesheet & javascript declaraties in je pagina. (Roep deze aan via een externe file). De zoekmachine spider kan dit als onnodig ‘clutter’ zien en naar de volgende site gaan.
  • Flash is een hete aardappel in de webdesign wereld. Geprezen voor zijn mogelijkheden tot creatieve vrijheid, gehoond voor zijn beperkte usability en indexbaarheid door zoekmachines. Onlangs kondigde Google wel aan samen te werken met Adobe om Flash-files ‘meer open’ te maken zodat de inhoud sneller en gemakkelijker kan geïndexeerd worden.

Navigatie

  • Gebruik tekstnavigatie in plaats van afbeeldingen of javascripts.

XML sitemap

  • Om er zeker van te zijn dat zoekmachines al je pagina’s opnemen kan je een XML sitemap doorgeven aan de zoekmachines

Linking

  • Schrijf artikels die gerelateerd zijn aan de inhoud van jouw website op andere websites en laat, indien mogelijk én van toepassing, een link naar je website achter.
  • Tracht links te leggen van andere websites naar de jouwe en zorg ervoor dat die links op de andere website jouw primaire keywords bevatten waarop je wil gevonden worden.
  • Let op: er zijn beroemde en beruchte websites. Die laatste worden ook wel linkfarms genoemd. Laat je niet verleiden om tegen een kleine som je link te laten plaatsen op heel veel verschillende websites tegelijkertijd. Dit is verdacht gedrag en wordt resoluut afgestraft in de zoekresultaten.
  • Door www site:.be of www site.nl in het Google-zoekveld in te vullen, kan je zien welke websites in België en Nederland een hoog aanzien hebben bij Google. Dé linkpartners bij uitstek.
  • Meld uw website in het bijzonder aan op ODP (Open Directory Project http://dmoz.org), Google beschouwt dit als een zeer waardevolle bron van informatie.
Add Comment

11th/JulyiPhone WordPress Plugin and Theme

By Nikolaas De Geyndt // 10u47 // category: Tips & tricks

Door deze plugin te installeren op je WordPress blog zorg je ervoor dat dat je WordPress blog automatisch wordt aangepast om correct weer te geven op een iPhone of iPod touch.

Add Comment

7th/JulyKleurgebruik op een overstijgend niveau!

By Nikolaas De Geyndt // 18u11 // category: Tips & tricks

Iedereen die met kleuren bezig is, zij het on- of offline, weet dat kleurgebruik in een design belangrijk is.
Gelukkig bestaan er heel goede tools die je helpen bij de keuze van kleuren. Mijn favoriet bijvoorbeeld is kuler.

Om het hele idee van kleurgebruik- en keuze naar een ander niveau te tillen, het psychologische niveau, kan ik lezer/designers Color Image Scale warm aanbevelen. Een klein, rood boekje, geschreven door Shingenobu Kobayashi, Japan’s vooraanstaand kleurenpsycholoog. Ruim vijftien jaar geleden, namen hij en zijn team van het Nippon Color & Design Research Institute 130 basiskleuren en meer dan 1000 kleurencombinaties en brachten ze onder in sleutelwoorden om designers te helpen bij het vinden van de juiste ‘mood’, ‘life-style’ of ‘smaak’.

Er bestaan 2 manieren om het boek te gebruiken. Een aanpak is het kiezen voor het ‘effect’ dat je nastreeft (“traditional,” “refreshing,” “amusing,” en “romantic” zijn enkele voorbeelden) door het sleutelwoord op te zoeken in de sleutelwoordindex en vervolgens te kiezen uit talrijke kleurencombinaties onder het sleutelwoord.

Een andere manier is je kleuren kiezen en ze op te zoeken in de kleurenindex om te zien hoe verschillende kleurencombinaties verschillende stemmingen opwekken.

Hoewel het boek geen CMYK of RGB waarden aangeeft, is dit boek een heuse bron van inspiratie. Het haalt je weg van kleurwielen of kleurpalletten en dwingt je meer na te denken over de emotie en impact die je het product via het kleurgebruik wil meegeven.

Comment

11th/JuneGoogle Alerts

By Nikolaas De Geyndt // 11u29 // category: Tips & tricks

Met Google-meldingen ontvangt u via email updates van de nieuwste zoekresultaten op Google (web, nieuws enz.) gebaseerd op de zoekopdracht of het onderwerp dat u hebt opgegeven.

Hier volgen een aantal handige toepassingen van Google Alerts:

* een nieuwsbericht volgen
* op de hoogte blijven van de ontwikkelingen bij een concurrent of binnen een branche
* het laatste nieuws over de sterren of over evenementen lezen
* uw favoriete sportclubs volgen

http://www.google.com/alerts

Add Comment

23rd/DecemberAddicted to the internet?

By Anja // 10u12 // category: Tips & tricks

I am writing this blog. You are reading it. Do we both have nothing better to do? Are we addicted to the internet? Find out by taking the Internet Addiction Test, a 20-item questionnaire developed by Dr. Kimberly Young, a psychologist and author of “Caught in the Net” and “Tangled in the Web.” The IAT measures mild, moderate, and severe levels of Internet Addiction. What’s your diagnosis?

Comments

7th/DecemberSpamSquad

By Anja // 13u21 // category: Tips & tricks

Spam is not only in your mailbox, but lately it’s also all over the news and here I am gonna add something to it: SpamSquad, the task force that fights spam has just launched a new website. Out of curiosity: how many spam mails do you receive?

Comments

10th/MayCopy is interface!

By De Weboloog // 14u51 // category: Other, Tips & tricks

Whereas good web agencies rightfully place emphasis on the importance of interface design, the need for clear, concise and attractive web copy is often neglected. But copy is interface and will impact the succes of your site big time!

You can find a good article about this at http://www.alistapart.com/articles/learntowrite.

Add Comment

22nd/AprilMS security update breaking websites

By De Weboloog // 10u13 // category: Facts & figures, News, Tech talk, Tips & tricks

Flash-applications on your site don’t work any more? Here’s why: Microsoft last week released a ‘Cumulative security update for Internet Explorer‘. One of the issues fixed in this update bundle is a ‘patent compliancy fix’ rather then being really security-related. Microsoft recentely lost a legal dispute with Eolas, a small company claiming to have patented the idea of using plugins in browsers and this patch aims to sidestep the patent.

The ‘fix’ abrubtly changes the way these plugins interact with the user in MS Internet Explorer. If an activex-control (of which flash on a webpage is the best known and most used example) offers user interaction, this does not immediately work any more. Instead the user is supposed to ‘activate’ the control first by clicking on it, leading to a severely changed user-experience and helpdesks receiving calls claiming their company’s site is ‘broken’.

To fix this new user-experience-bug, Microsoft and Adobe (formarly Macromedia) offer a number of workarounds/ changes that can be implemented in web-pages. The Reference can advise and help you to solve this problem on your website. Contact your Account- or Project Manager, or mail us at info@reference.be.

Add Comment