Landingspagina’s zijn bijzonder nauwluisterende webpagina’s. Als conversie je lief is, tenminste. Zelfs de exacte positie van een woord kan een grote rol spelen.

Dat belangrijke zoekwoorden vooraan in de tekst moeten staan is bij velen bekend. Zoekmachines geven meer waarde aan woorden in het begin van de tekst, of voorin kopjes. Maar er is nog een reden om er goed op te letten op welke positie bepaalde woorden komen te staan: scanbaarheid.

Heatmaps en scanning

Door onderzoeken met eye-tracking technologie weten we al dat bepaalde delen van een website meer aandacht krijgen dan andere. Bij eye-tracking wordt met behulp van camera’s bepaald naar welk deel van het scherm een gebruiker precies kijkt. De resultaten van zo’n onderzoek kunnen weergegeven worden in een zogenaamde heatmap. Een typische heatmap voor websites staat hieronder:

Met rood is weergegeven waar op de website de blikken van testgebruikers het meest vielen. Wat opvalt is dat na de eerste alinea de regels nauwelijks nog volledig gelezen worden.

Conclusie: veel lezers scannen een webpagina meer dan dat ze die lezen. Ze zijn op zoek naar bepaalde woorden en pas als ze die tegenkomen lezen ze de rest van de regel.

Locatie van sleutelwoorden in landingspagina’s

Wat betekent dit voor landingspagina’s? Dit betekent dat de plaats van bepaalde belangrijke woorden binnen de regel van groot belang kan zijn. Staat zo’n woord achteraan de regel (dus helemaal rechts op de pagina), dan zullen lezers dat woord misschien niet eens zien. Hoewel ze misschien wel zoeken naar informatie dat met dat woord te maken heeft, zullen ze verder zoeken en waarschijnlijk de landingspagina voortijdig (en onnodig) verlaten.

De oplossing? Zet de belangrijke scanwoorden als ankers vooraan de regels.

Bijvoorbeeld:

De nieuwe wasmachines van Siemsung zijn zó stil dat je er gegarandeerd een speld op kunt horen vallen.

Of:

De nieuwe wasmachines van Siemsung zijn zó stil: je kunt er een speld op horen vallen. Gegarandeerd.

De tweede variant zal beter werken voor personen die overtuigd willen worden. De kans is namelijk groter dat ze het woord ‘gegarandeerd’ lezen, een woord dat de emotie triggert.

Het is natuurlijk geen doen om hier altijd rekening mee te houden. Sterker nog, doordat tekst vaak automatisch over het venster wordt verdeeld, afhankelijk van je resolutie en venstergrootte, is dit op de meeste pagina’s niet eens mogelijk. Maar bij belangrijke landingspagina’s waarop veel traffic terechtkomt, kan je de functionaliteit om tekst over het hele venster te verdelen uitzetten, en met een vaste regellengte werken. Je kunt ook de tekst in een afbeelding zetten. Dat is geen probleem als de traffic via search engine marketing komt en niet van search engine optimization (en indexatie door zoekmachines niet belangrijk is).

Een alternatief is natuurlijk altijd om deze woorden vetgedrukt te plaatsen, of een tussenkopje te gebruiken. Die vallen dusdanig op, dat de lezer er ook naar kijkt als ze niet op de linker kantlijn staan. Maar voor tussenkopjes is er niet altijd ruimte, en vetgedrukte tekst is niet altijd wenselijk.

Conclusie

Landingspagina-optimalisatie is een specialisme waar hele kleine details een groot verschil kunnen maken. Een optimalisatie als deze is normaal gesproken niet de eerste stap. Maar je kunt hem maar beter in je repertoire hebben.

Ik heb deze tip overigens nooit getest, maar simpelweg beredeneerd. Als iemand het ooit eens wil testen, hoor ik graag de resultaten.

Patrick Bakker schrijft landingspagina’s voor Staaltaal en is website analist voor Siteproof.

Je staat in een bar en iemand vraagt je: “Zeg, ken ik jou niet ergens van?”. Of alle reacties op je vacature beginnen met: “Naar aanleiding van uw schrijven…”.

Clichés maken blinde vlekken. Saai en grijs en voorspelbaar overtuigen niet. En al helemaal niet op het web.

Toch kom ik dagelijks clichés tegen op websites en in e-mailings. Zelfs in websites van professionele copywriters. Ik scherm me daar graag voor af. Huiveren en wegklikken gaan in één moeite door. En ongetwijfeld ben ik niet de enige.

Het web is een stuk interessanter zonder deze clichés. Als aanzet daartoe noem ik hier de clichés die een serieuze copywriter nooit zou moeten gebruiken.

Welkom

Welkom op de pagina van … . Echt? Gelukkig, ik was al bang dat ik niet welkom was. Een ruimteverspillende opmerking. Wil je dat mensen zich welkom voelen op je website? Zorg er dan voor dat ze er precies vinden waarnaar ze zoeken.

Een complete misser ook ten aanzien van zoekmachineoptimalisatie. Het kopje bovenaan de pagina dat hiervoor meestal misbruikt wordt, is één van de belangrijkste plekken om relevante zoekwoorden te zetten. Misschien maar goed ook, zo is tenminste de kans kleiner dat iemand deze pagina vindt.

Uw partner voor

Vaak te vinden in combinatie met ‘welkom’: Welkom bij Verfkoning.nl: uw partner voor verf en latex. Wordt vaker te onpas dan te pas gebruikt. Waar zit de bezoeker op te wachten: verf, of een partner? Ben je wel op zoek naar een partnerschap? Geef dat dan aan als een verzoek, niet als een voldongen feit.

In bepaalde gevallen is dit overigens wel een bruikbare constructie. Welkom op de pagina van Elvira. Uw partner voor SM en latex.

Dé

Ook wel: hét. Luie copywriters proberen in één woord samen te vatten dat een bedrijf (dé partner, hét bedrijf, jóúw portaal) de enige juiste keuze is. Zelden is dat het geval.

In alle gevallen is het beter om een passend, beschrijvend bijvoeglijk naamwoord te vinden waarmee de lezer zich echt kan identificeren. Er zijn er genoeg. Kom je er niet uit? Gebruik eens een synoniemenlijst, bijvoorbeeld Synoniemen.net.

Het juiste adres

“Voor luxe broodtrommels bent u bij ons aan het juiste adres.” Om te beginnen begrijp ik de verwijzing naar een fysiek adres niet zo goed. Ik lees dit toch op een website? Zouden ze bedoelen: “Voor luxe broodtrommels bent u bij ons op de juiste URL”? (Even gegoogled: bestaat niet, had ik nog kunnen waarderen).

Daarnaast begrijp ik de achtergrond van een dergelijke constructie niet. Gaat de copywriter er vanuit dat de lezer nogal eens verdwaalt en niet altijd het juiste adres weet te vinden? Of moet deze uitgekauwde bijwoordelijke bepaling de lezer zonder verdere uitleg weer overtuigen dat hij met dit bedrijf dé juiste keuze maakt?

Niet voor niets

Een niet-voor-niets constructie komt meestal met een volledig irrelevant argument. Bijvoorbeeld: niet voor niets hebben wij het afgelopen jaar onze winst verdubbeld. Of: niet voor niets zijn honderden mensen u al voorgegaan. Dus? Zegt dat iets over de kwaliteit van het product, over de prijs of over de marketinginspanningen?

Op een website probeer je uit te leggen waarom mensen je dienst moeten afnemen, of je product moeten kopen. Een copywriter die argumenten als niet-voor-niets gebruikt, heeft blijkbaar niet genoeg valide argumenten om haar publiek te overtuigen.

Of het nu gaat om

Sommige webpagina’s bestaan voornamelijk uit opsommingen. Om hier dan toch een leesbare tekst van te maken, wordt er vaak gegrepen naar de of-het-nu-gaat-om constructie. Of het nu gaat om bananen, appels, peren of pruimen: fruitspecialist De Ruif verkoopt de sappigste.

Mijn grootste probleem is met ergens ‘om gaan’. Waar gaat dat over? Onduidelijke taal die kennelijk alleen bedoeld is om een pagina op te vullen. En nergens voor nodig. Waarom niet:

Fruitspecialist De Ruif verkoopt:

Ons fruit is zo sappig, het is bijna grappig.

Hoog in het vaandel

Wie iets hoog in het vaandel heeft staan, heeft een (spreekwoordelijke) vlag, waarop een aantal heel belangrijke dingen staat geschreven. Eén daarvan is zó belangrijk, dat het bovenaan staat.

Deze uitdrukking moet al zeker 1000 jaar oud zijn en de meeste mensen die nu leven zullen nooit eerder over deze uitdrukking nagedacht hebben. Maar in je hoofd vertaal je het direct als: “Deze eigenschap vindt dat bedrijf heel belangrijk”. Ik denk daar altijd bij: “Jammer dat ze dat zo knullig verwoorden”.

Klik hier

Misschien wel het grootste cliché op het internet: klik hier. 94 Miljoen resultaten in het Nederlands en 2,7 miljard resultaten voor de Engelse variant. Klik hier is als een krant waarop in de hoek staat: hier omslaan. Of een stuur waarop staat: hier draaien. Waarom dan bijvoorbeeld ook niet in het menu? Klik hier voor onze diensten. Klik hier voor de contactpagina.

Het is echt niet nodig uit te leggen hoe een link werkt, 20 jaar na de uitvinding ervan. Bovendien is de ankertekst van een hyperlink van belang voor zoekmachineoptimalisatie. Het heeft veel meer waarde als je daarin een relevant zoekwoord verwerkt.

Tenslotte

Het is moeilijk om alle clichés te vermijden, ik heb er waarschijnlijk zelf een aantal gebruikt in deze tekst. Maar controleer een geschreven tekst altijd even een keertje op onnodige clichés, en bedenk hoe je de tekst zonder deze clichés beter kunt maken. Wellicht komen we zo binnenkort geen teksten meer tegen als:

Welkom op de pagina van Kapsalon Van Gogh: dé partner voor hippe kapsels. Voor een nieuwe coupe bent u bij ons aan het juiste adres. Of het nu gaat om dameskapsels, herenkapsels of kinderkapsels: wij kennen de kneepjes van het vak. Niet voor niets zijn wij al jaren de toonaangevende Kapper van Sliedrecht. Steeds vaker weten de mensen dan ook onze gezellige kapsalon te vinden. Klik hier voor een aantal voorbeelden van ons werk.

Help je mee?

Patrick Bakker is copywriter voor Staaltaal.

Website teksten worden steeds minder vaak zelf geschreven. Ook grotere organisaties met een eigen communicatieafdeling besteden hun tekstwerk liever uit aan professionele (freelance) tekstschrijvers. De kosten daarvoor lopen nogal uiteen: van 35 tot ruim 1000 euro per webpagina. Wat mag je verwachten van een tekstschrijver waaraan je het schrijven van je website teksten uitbesteedt?

Wat je minimaal mag verwachten van een professionele tekstschrijver is:

Een goede intake

Een goede intake is de basis voor elke website tekst die door een buitenstaander geschreven moet worden. Een effectieve tekst sluit namelijk perfect aan bij zowel de organisatie voor wie het geschreven wordt, als de doelgroep(en). Een slechte intake daarentegen heeft óf rigoreuze correctierondes tot gevolg, óf een weinig effectieve webtekst.

Hoe houd je een goede intake? In de meeste gevallen is het niet eens nodig om daarvoor fysiek bij elkaar te zitten. Een intake via e-mails of telefoon, aangevuld met al bestaande informatie (een vorige website of brochure), kan de essentie van bedrijf of product al boven water krijgen. Belangrijk is dat de juiste vragen worden gesteld. En de juiste antwoorden worden gegeven, natuurlijk.

Vaardigheid in het schrijven voor het web

Schrijven voor het web betekent niet zo kort mogelijke zinnen schrijven. Het betekent ook niet zoveel mogelijk informatie achter bullets zetten. Schrijven voor het web betekent je teksten dusdanig structureren dat ze gemakkelijk gelezen, begrepen en gescand kunnen worden. Bulletpoints en korte zinnen dragen daartoe bij, ze zijn een middel en zeker geen doel.

Goede website teksten volgen bijvoorbeeld de omgekeerde piramidevorm, waarbij de belangrijkste informatie als eerste wordt gegeven. Er wordt gebruik gemaakt van nuttige links en eenvoudig taalgebruik. Iedere paragraaf bevat één idee, die op een scanbare manier wordt weergegeven. (Dus niet: ‘In tegenstelling tot wat veel mensen denken, is de maan van kaas.’ maar liever ‘De maan is van kaas, in tegenstelling tot wat veel mensen denken.’)

Schrijven voor websites is geen quantumwetenschap. Maar een professionele web-tekstschrijver wordt wel geacht te weten welke mogelijkheden en beperkingen het online medium meebrengt.

Kennis van zoekmachineoptimalisatie

Website teksten en zoekmachineoptimalisatie (seo) hebben veel met elkaar te maken. De juiste plaatsing van zoekwoorden in de teksten bepaalt voor ongeveer een derde hoe hoog een pagina scoort in de zoekmachineresultatenpagina’s (serps) voor dat zoekwoord. Daarvoor geldt de 80-20 regel: met 20% van de inzet haal je 80% van de resultaten. Deze 80% is wat je minimaal van een tekstschrijver voor website teksten mag verwachten.

De tijd dat seo een obscure bezigheid was waarover vooral geheimzinnig gedaan moest worden is gelukkig voorbij. Je kunt een tekstschrijver die aangeeft zoekmachine geoptimaliseerde webteksten te schrijven dus best vragen wat hij daar allemaal voor doet. In de meeste gevallen zal hij beginnen met een kort zoekwoordenonderzoek. Daarna verdeelt hij de gekozen zoektermen over de verschillende pagina’s en verwerkt ze op de juiste manier.

Volledigheid bij oplevering

De teksten van een website beperken zich niet tot de paragrafen met geschreven content. Afhankelijk van wat er precies wordt afgesproken, bevat een website nog veel meer korte teksten. Om te beginnen zijn dat de kopjes boven aan de pagina’s en de kopjes boven de paragrafen. Maar ook de exacte termen die in de menu’s worden gebruikt vallen daaronder. En ook al lijkt de contact-pagina niet zo ingewikkeld, het valt wel onder de verantwoordelijkheid van de tekstschrijver om deze volledig op te leveren. Evenals de veldnamen van eventuele formulieren.

Twee belangrijke HTML-tags die invloed hebben op zoekmachineoptimalisatie (en conversie) zijn de title-tag en de description-tag. De title-tag is de ‘officiële’ titel van de pagina en is extreem belangrijk voor seo. De belangrijkste zoekwoorden voor die pagina moeten daar dan ook zeker in voorkomen. De description-tag is een samenvatting van de pagina, die zichtbaar is in de zoekresultaten. Op basis van deze tekst kiezen gebruikers voor de link naar deze pagina, en niet naar één van de overige negen links op de serp. Wie het schrijven van website teksten uitbesteedt aan een freelance tekstschrijver, mag zeker verwachten dat bij de oplevering van elke contentpagina een title-tag en een description-tag wordt meegeleverd.

Bereidheid tot correctierondes

Met een goede intake is de kans groter om een tekst te krijgen die aansluit bij de verwachtingen van de opdrachtgever. Toch is zo’n eerste versie zelden 100% goed. Het is de taak van de opdrachtgever om de opgeleverde website teksten kritisch door te lezen en aan te geven wat er eventueel aan mankeert. Dit is de eerste correctieronde. Vaak is er geen tweede nodig. Als dat wel zo is, is er meestal geen goede intake gedaan, of heeft de tekstschrijver toch niet goed aangevoeld wat er gevraagd werd. Een tweede en soms een derde of vierde correctieronde is misschien vervelend, maar niet ongewoon. Een tekstschrijver moet daar ook niet moeilijk om doen. Alleen als tussendoor de eisen zijn veranderd, kan hij om een extra vergoeding vragen (meerwerk).

En …

Uiteindelijk moet een tekstschrijver natuurlijk kunnen schrijven. Een consistente en vlot leesbare stijl, een logische zinopbouw en het zoveel mogelijk vermijden van clichés is toch het minste wat je mag verwachten. Ga daarom vooraf altijd even na welke teksten een freelance tekstschrijver al heeft gepubliceerd. Alleen zo kun je er zeker van zijn dat je met de juiste persoon in zee gaat.

Patrick Bakker is tekstschrijver voor Staaltaal Webteksten.

Tekstschrijven gaat al lang niet meer (alleen) over d-tjes en t-tjes. Een complete webschrijver beschikt over een uitgebreid pallet aan online vaardigheden. Die leer je niet op de tekstschrijfschool, maar door bij te blijven en veel te oefenen.

Natuurlijk kan je wel veel leren van specialistische boeken. Over elk onderwerp zijn tientallen, zo niet honderden boeken geschreven.

In deze post: 10 onmisbare boeken voor het schrijven van uiterst effectieve webteksten.

Relevante boeken over schrijven voor het web gaan niet altijd over schrijven voor het web. Maar een aantal onderzoeksgebieden heeft belangrijke raakvlakken met dit onderwerp. In mijn ogen zijn dat voornamelijk:

Niet voor elke opdracht heb je als tekstschrijver al deze kennis nodig. Maar bij de ontwikkeling of grote wijziging van elke website moet over al deze onderdelen nagedacht worden. Als er geen specialisten in het team voor deze onderwerpen aanwezig zijn, zul je één of meerdere van deze taken op je moeten nemen. Als je doel een effectieve website opleveren is, natuurlijk.

Psychologie / beïnvloeding

Hoe denken kopers? Hoe kun je ze beïnvloeden om jouw product of dienst af te nemen?

1. Robert Cialdini: Influence. Cialdini ontleedt overtuigen en komt met talloze voorbeelden en onderliggende psychologische structuren die je eenvoudig kunt toepassen in je webteksten.

2. Susan Weinschenk: Neuro Web Design: What makes them click? Over hoe je het onbewuste brein van je bezoekers kunt manipuleren.

Gebruiksvriendelijkheid

Gebruiksvriendelijkheid is niet alleen een zorg voor webdesigners. Ook de webteksten spelen een belangrijke rol bij het optimaliseren van de gebruikerservaring.

3. Steve Krug: Don’t Make me Think. De titel zegt alles: laat je bezoekers niet nadenken over wat ze moeten gaan doen, maar maak het ze zo makkelijk en logisch mogelijk.

4. Jakob Nielsen: Eyetracking Web Usability. Een heel dik boek met één belangrijke boodschap: de plaats van een webtekst op de pagina doet er toe. Een goede tekstschrijver let er zelfs op welk woord van een afgebroken zin er als eerste op de regel komt. Veel gebruikers scannen door de pagina, op zoek naar een nuttige paragraaf. De laatste woorden van een regel worden vaak niet eens bekeken.

Conversie

Conversie is de ratio van het aantal aankopen of aanvragen en het aantal website bezoeken. De kunst is om dit zo hoog mogelijk te krijgen. Dat heet conversieoptimalisatie.

5. MarketingSherpa: Landing Page Handbook. Boordevol kwantitatieve en kwalitatieve onderzoeken over hoe de conversie van een webpagina verandert met het wijzigen van webelementen zoals buttons, tekst en links. Wel erg prijzig en alweer een paar jaar oud.

6. Khalid Saleh: Conversion Optimization. De nieuwste onderzoeken en inzichten. Kort en helder gepresenteerd door echte experts.

Zoekmachineoptimalisatie

Hoe kan je zoveel mogelijk bezoekers krijgen vanuit de zoekresultatenpagina’s van Google, Bing en Yahoo?

7. Danny Dover: Search Engine Optimization (SEO) Secrets. Eén boek over dit onderwerp is wel genoeg. Zeker als het geschreven is door de expert achter SEOmoz.org

Informatiearchitectuur

Informatiearchitectuur gaat over de indeling van informatie. Hoe deel je een website in voor de beste gebruikerservaring?

8. Andrea Resmini: Pervasive Information Architecture: Designing Cross-Channel User Experiences. Misschien niet het allerbeste boek over informatiearchitectuur. Maar wel het nieuwste. En daarmee heel goed aangesloten op de modernste eisen voor de indeling van content in een site.

Algemeen webschrijven

Je kunt nog zoveel weten over SEO, conversie, informatiearchitectuur en gebruiksvriendelijkheid: als je de basiskennis voor het schrijven voor het web niet in huis hebt, val je onherroepelijk in één van de talloze valkuilen op het web. Twee boeken die ik regelmatig lees of raadpleeg:

9. Janice Redish: Letting Go of the Words: Writing Web Content that Works. Iedere beginnende webtekstschrijver moet hier een kopie van bestellen. Iedere gevorderde zou er één in de kast moeten hebben staan. Janice werkte jaren met Jakob Nielsen samen.

10. Jan Renkema: Schrijfwijzer. Wat is een tekstschrijver zonder taal? Het ultieme naslagwerk voor alles wat met de Nederlandse taal te maken heeft. Ik sta iedere keer weer versteld hoe snel ik een taalkwestie kan oplossen met de Schrijfwijzer.

Eén Nederlands boek slechts in deze hele lijst? Volgende week ga ik beginnen aan Aartjan van Erkel’s Verleiden op Internet. Wie weet moet ik mijn lijstje aanpassen. Maar voorlopig is dit mijn top 10. Als iemand betere suggesties heeft, hoor ik dat graag!

Patrick Bakker is tekstschrijver voor Staaltaal en websiteanalist voor Siteproof. Siteproof controleert en test o.a. webteksten op effectiviteit.

Het marktaandeel van Microsoft’s zoekmachine Bing is in Nederland lang niet zo groot als dat van Google. Dat betekent niet dat het geen zin heeft om je webpagina’s niet ook voor Bing te optimaliseren. Voor deze post heb ik een kort onderzoek gedaan naar de verschillen tussen Google en Bing, voor wat betreft zoekmachineoptimalisatie. Het doel: begrijpen hoe je een website of pagina kan optimaliseren voor Bing.

Methode

De methode die ik heb gebruikt om de verschillen tussen deze beide zoekmachines te bepalen is als volgt:

1. Zoek met beide zoekmachines naar een keywordcombo en kijk welke site bovenaan staat (gebruikte keywords zijn o.a. online communiceren, computer overklokken en banden plakken)

2. Onleed de twee websites op onpage en offpage factoren, zoals keywords in de titel en url, keyword-density, PageRank, inkomende links en leeftijd van het domein.

3. Repeat.

Ik heb dit voor 10 verschillende keywordcombinaties gedaan, dus erg wetenschappelijk was het onderzoek niet. Maar het geeft toch een indicatie van de verschillen van de twee zoekmachines.

Eén van de eerste vragen die bij me opkwam, was: gebruikt Bing een soort Page Rank? Na een kort online onderzoek blijkt dat Bing een Page Score bijhoudt. Deze kan je voor je eigen sites in de Bing Webmaster Tools bekijken. Er is nogal wat onenigheid of de Page Score op dezelfde manier als de Page Rank gebruikt wordt. Voor de vergelijking van de twee zoekmachines op de hierboven beschreven methode ga ik dus uit van de Google Toolbar Page Rank. Ik weet dat deze niet accuraat is, maar ik ga ervan uit dat de verschillen met de daadwerkelijke Page Rank (PR) niet zo groot zijn vanaf PR 3.

Resultaten

Google hecht veel meer waarde aan de PR dan Bing

Dat lijkt te kloppen met meningen die ik op het web heb gevonden. In alle gevallen was de Page Rank voor de site die bovenaan stond in Google hoger of gelijk aan die van de Bing search.

Backlinks zijn belangrijker voor Google dan voor Bing

Dit resultaat sluit aan bij het vorige. In Bing stonden pagina’s op de eerste plaats met nauwelijks backlinks. Alle hooggenoteerde pagina’s bij Google hadden relatief veel backlinks.

De leeftijd van het hoofddomein speelt een grotere rol bij Bing

In de meeste gevallen was het eerste resultaat bij Bing een ouder domein dan dat van Google. Het lijkt erop dat dit een belangrijke factor is bij het bepalen van authoriteit voor Bing.

On page optimalisatie is de belangrijkste factor bij Bing

Keyword density en het voorkomen van de keywords in de titel en in de URL lijken de belangrijkste elementen te zijn bij het indexeren van webpagina’s door de Bing zoekmachine. Natuurlijk spelen deze elementen ook een belangrijke rol bij Google, maar de weging van de PageRank en de inkomende links lijken het grootste verschil met Bing te maken.

Algemeen

Wat me erg opviel, was dat Bing veel minder blogs op de eerste pagina van de resultaten laat komen dan Google. Google’s Caffeine zorgt er natuurlijk voor dat nieuwe content veel sneller geïndexeerd wordt, maar dat is nog geen reden waarom we geen oudere blogposts terug zouden zien bij Bing. Bing geeft daarentegen weer veel meer (YouTube)video’s weer op de SERP’s. En veel pagina’s van grote sites, zoals ask.com, Wikipedia en .gov en .edu websites.

Lee Smith Bryan van Raventools zegt in zijn blog dat vooral de eerste twee posities voor deze sites met veel authoriteit zijn. De posities 3 t/m 10 liggen volgens hem ‘voor het oprapen’. Die conclusie klopt met de resultaten die ik heb gezien.

Conclusie

Zijn er verschillen tussen Bing en Google? Absoluut! Heeft het zin om je webpagina specifiek voor Bing te optimaliseren – of sterker nog – twee aparte pagina’s te publiceren? Dat betwijfel ik. Vooral beginnende websites die nog weinig inkomende links en (daardoor) een lage pagerank hebben, zullen hoger kunnen scoren bij Bing dan bij Google. Vooral door de soort zoekmachineoptimalisatie die we tot vorig jaar nog voor Google deden: zoekwoorden in de URL en titel en een flinke keyword-density. Maar het zal me niet verbazen als het relatief jonge Bing de waarde van inkomende links en een variant van de PageRank snel zullen opwaarderen.

Patrick Bakker schrijft geoptimaliseerde webteksten voor Staaltaal en analyseert voor Siteproof. Siteproof controleert en test websites o.a. op zoekmachine optimalisatie .

Vormgeving maakt een website meer dan ‘mooi’ of ‘lelijk’. Het bepaalt voor een groot deel of een bezoeker blijft hangen of direct weer vertrekt.

Nog belangrijker: de vormgeving leidt bezoekers door de elementen van de pagina.

Direct naar de belangrijkste onderdelen van de website: de conversiepunten.

Deze post is een gastblog van Hannie Mommers, grafisch vormgever, beeldend kunstenaar en blogger voor Momblog.

Vormgeving is kiezen en rangschikken van de elementen: lay-out, kleur, typografie en illustratie. Om deze effectief in te zetten voor je website geef ik hier acht belangrijke richtlijnen.

1. Help de bezoekers van je website

De allerbelangrijkste regel: maak het je bezoeker gemakkelijk. Internetgebruikers zijn ongeduldig en snel afgeleid. Is je website een zoekplaatje, onleesbaar of onduidelijk, dan zijn je bezoekers snel weer weg. Gebruiksvriendelijkheid, leesbaarheid en toegankelijkheid zijn de eerste en minimale vereisten van een goede vormgeving.

2. Denk ontvangergericht, niet zendergericht

Natuurlijk blijf je in eerste instantie bij jezelf: “Wat wil ik laten lezen/zien/horen op deze website”. Maar probeer je steeds af te vragen hoe de ontvanger daar tegenaan kijkt. Wat jij uit wilt stralen en wat de bezoeker verwacht, dient in hoge mate overeen te komen. Dat hoeft niet te betekenen dat je precies doet wat die bezoeker zou doen. Maar als de bezoeker een zakelijke website verwacht, dan kijkt hij raar op als de pagina’s een bonte kermis van kleurtjes en filmpjes zijn.

3. Het eerste begin

Maak een schema van de opbouw en de menustructuur van je website. Dat is altijd handig. Neem je de uitvoering niet zelf ter hand, dan is zo’n schema prettig als praatpapier. En als je alles zelf doet, is het een goed overzicht voor het eerste begin.

4. Vorm

Tegenwoordig zegt men KISS (Keep It Simple, Stupid). Ik ben nog van “Less is more” (Ludwig Mies van der Rohe). Beide uitspraken propageren natuurlijk hetzelfde: overdrijf niet. Dat geldt voor het aantal gadgets dat je toevoegt aan je website of blog, maar ook voor de keuzes die je maakt in de vormgeving.
Een amateur herken je aan de overdaad die hij op de website heeft. Onnoemelijk veel kleuren, diverse verschillende lettertypes – bij voorkeur ook nog schuin, vet, versmald, verbreed, hoofdletters.

Laat je niet gek maken door al die keuzes die je hebt. Om het op nog een andere manier te zeggen “In der Beschränkung zeigt sich der Meister”. Daarbij kun je het beste uitgaan van de mores op het web. Een ‘terugknop’ rechtsonderin je pagina, waarvoor de bezoeker ook nog eens moet scrollen? Niet slim. Je menu in ‘leuke’ plaatjes die voor een buitenstaander nietszeggend zijn? Niet doen.
Ken je echter de regels, dan mag je er van afwijken en kun je een gefundeerde keuze maken om het anders te doen.

5. Lay-out

Je website bestaat uit de verschillende onderdelen die je in je schema hebt uitgezet. Maar elke pagina op zich bestaat ook uit verschillende onderdelen. De belangrijkste zijn afzender (minimaal je logo of beeldmerk), navigatie (menu) en inhoud, maar je zult ook secundaire informatie hebben. Hoe ga je die rangschikken?

Ik adviseer je in ieder geval elke pagina volgens hetzelfde stramien op te maken, met hooguit de eerste pagina als afwijkende ‘binnenkomer’. Probeer daarin een logische flow te maken naar je conversiepunten, zoals bestelformulieren of je contactpagina.

6. Kleur

Kleur is niet alleen een kwestie van smaak. Kleur is een prima manier om je eigen karakter – en dus het karakter van je website – te tonen. Gedekte kleuren, als je zakelijk en serieus wilt overkomen. Felle kleuren voor een vrolijke website. 

Sommige kleuren kun je beter niet naast elkaar zetten. Kleuren die te dicht naast elkaar liggen (een goed hulpmiddel is de kleurencirkel van Itten) versmelten op een beeldscherm. Hebben de kleuren eenzelfde intensiteit, bijvoorbeeld rood en groen, dan gaan ze ‘schetteren’. Meer hierover in mijn blogpost over simultaan kleurcontrast.

Bij te weinig contrast of zelfs verkeerd contrast (ca 9% van de mannen heeft een vorm van kleurenblindheid) zal een deel van je website zo goed als onzichtbaar zijn. Hierbij geldt dat jij als maker geen invloed hebt op hoe de beschouwer zijn scherm heeft ingesteld. Ook is er een behoorlijk groot verschil tussen de schermen van pc en Mac. Dus het stijlvolle grijs-op-zwart dat op jouw scherm nog leesbaar is, zie ik op mijn scherm wellicht net niet.

Kleur is een heel goed middel om hiërarchie in je website aan te brengen. Bijvoorbeeld door de belangrijke delen op een lichtere achtergrond te zetten. Of door een actie een afwijkende kleur te geven. Belangrijk is hierbij een eenheid in stijl aan te houden. Als een afwijkend onderdeel eruit gaat zien als een banner, zal er juist geen extra aandacht naar uitgaan, maar wordt het genegeerd door de meesten.

7. Typografie

Gebruik niet te veel lettertypes door elkaar. Als je graag verschillende types wilt gebruiken voor kopjes en tekst, dan kun je het beste een schreefletter met een schreefloze letter combineren.

Maak voldoende onderscheid tussen de diverse onderdelen van je website. Een kop in een groter corps dan de tekst en wellicht zelfs in een andere kleur. Een tussenkopje dat duidelijk herkenbaar is. ZET GEEN TEKST IN HOOFDLETTERS, WANT JE BENT DAN AAN HET SCHREEUWEN! En het leest moeizaam. Wel kun je koppen – als ze kort zijn – in hoofdletters zetten.

Meer over richtlijnen voor typografie vind je in mijn eigen blog.

8. Tot slot

Realiseer je altijd dat niet iedereen eenzelfde computer heeft. Zelf werk ik met een Mac, maar de meesten hebben een pc. Ook zijn er steeds meer mensen die je website via een smartphone bekijken. Dat betekent dus ook dat verschillende mensen een website met verschillende browsers en schermresoluties bekijken. Een aantal van deze verschillen kun je met testtools vooraf controleren. Je kunt niet met alles rekening houden, maar als je je bewust bent van al die verschillen dan heeft dat ongetwijfeld een positieve invloed op je vormgeving.

Hannie Mommers ontwerpt voor Mommersontwerp.nl

De laatste tijd laait de discussie over het gebruik van Engelse woorden in Nederlandse teksten weer op. Nederlanders zijn chauvinistisch in alles behalve hun taal. Hadden wij in de jaren ’80 the A-Team: de Fransen keken naar l’Agence Tous Risques. Wij keken naar Breakfast at Tiffany’s, de Brazilianen naar Bonequinho de Luxo (letterlijk: Luxe-Poppetje). Doe maar Engels, dan doe je al gek genoeg.

Eén probleem: niemand heeft ons op school geleerd hoe je Engelse woorden verwerkt in een Nederlandse tekst. Gebruik je schuinschrift (sorry: italic), of aanhalingstekens? En hoe zit het met samenvoegingen? Het wordt tijd dat onze kennis hierover eens geüpdate wordt (upgedate? updated?)

Moet je aangeven dat een woord Engels is?

Soms heb je als schrijver opeens de behoefte om een Engels woord in je Nederlandse zin te zetten. Als dat een woord is dat de meeste mensen wel zullen kennen (tool, hosting) dan levert dat zelden problemen op. Je kunt het woord schrijven als elk ander Nederlands (leen)woord als computer, website of blog. Heb je het tegen een breed publiek opeens over baseline recipe, dan kan dat verwarring oproepen. Schrijf dat woord de eerste keer in schuinschrift of tussen aanhalingstekens. Je kunt de betekenis in de tekst uitleggen, of met een voetnoot onder aan de tekst.

Schrijf je in een tekst bewust over Engelse woorden, dan moet je ook cursiveren of aanhalingstekens gebruiken. Bijvoorbeeld: De Engelse term voor honkbal is baseball. Welke vorm je ook kiest, blijf consequent.

De Stichting Nederlands heeft een Woordenlijst Onnodig Engels opgesteld, met Nederlandse alternatieven voor veelgebruikte Engelse termen. Soms gaan die een beetje ver; weinig mensen zullen begrijpen dat een zelfkranter een blogger is. Maar er staan zeker bruikbare termen tussen.

Hoe vervoeg je Engelse werkwoorden in het Nederlands?

Werkwoorden die uit het Engels komen, vervoeg je eigenlijk net zoals Nederlandse werkwoorden. Bepaal de stam (het Engelse werkwoord zonder to)en vervoeg het werkwoord zoals je gewend bent:
ik save
jij savet
zij saven

Je kunt zelfs gewoon ‘t kofschip gebruiken, al moet je daar wel een ‘x’ aan toevoegen, bijvoorbeeld voor werkwoorden als faxen:
ik faxte
we hebben gefaxt

Er zijn ook uitzonderingen. Eindigt het woord in het Engels op een dubbele medeklinker, zoals bij flossen, dan eindigt de stam in het Nederlands op een enkele medeklinker:
ik flos
jij flost
ik floste
wij hebben geflost

Andersom, als in het Engels de laatste lettergreep een lange ‘o’ heeft dan krijgt de stam er in het Nederlands een ‘o’ bij, zoals bij promote:
ik promoot
jij promoot
ik promootte
we hebben gepromoot

Het voorbeeld in de intro (upgraden) is in principe dus regelmatig:
ik upgrade
jij upgradet
ik upgradede (uitspraak: upgreede)
we hebben geüpgradet (uitspraak: geüpgreed)

Mooier wordt het dus niet. De alternatieve woordenlijst suggereert trouwens opwaarderen of verbeteren, maar die waarden hebben andere betekenissen in het Nederlands. Geüpgradet it is, dus.

Hoe voeg je Engelse en Nederlandse woorden samen?

In het Engels worden zelfstandig naamwoorden meestal niet samengevoegd (bijvoorbeeld office chair). In het Nederlands doen we dit wel (kantoorstoel). Hoe zit dat dan met samenvoegingen van Engelse en Nederlandse woorden?

Engels-Nederlandse samenstellingen komen steeds meer voor in het Nederlands. Vooral samenstellingen uit de IT wereld, zoals met de woorden online, web, computer en software. Al deze samenstellingen worden in het Nederlands in principe aan elkaar geschreven:
onlinevragenlijst
webontwikkelaar
computerfrustraties
softwarehandleiding

Ook woorden die meerdere Engelse onderdelen bevatten worden aan elkaar geschreven:
onlinemarketingmanager
publicrelationsbureau
sciencefictionfilm

Net als bij pure Nederlandse samenstellingen gebruiken we een koppelteken bij klinkerbotsingen. Om de leesbaarheid te bevorderen mag je soms ook een koppelteken gebruiken:
Afro-Amerikaans
music-hall (of musichall)
knowhow-overeenkomst (of knowhowovereenkomst)

Als je twijfels hebt, kun je altijd even zoeken bij Taaladvies.net. De meestvoorkomende situaties staan daar wel uitgelegd. Capice?

bronnen: Nederlandse Taalunie, Onze Taal

Patrick Bakker is tekstschrijver voor Staaltaal en websiteanalist voor Siteproof. Siteproof controleert en test o.a. webteksten op effectiviteit.

Voor wie het niet kent, eerst maar een definitie:

Een blogkermis is een blogpost waarin naar andere blogposts over een vooraf bepaald onderwerp wordt gelinkt.


Voor deze blogkermis zocht ik bruikbare tips voor een slim gebruik van sociale media. Hoe zet je sociale media effectief in om je bedrijf te laten groeien? Hoe kan je de interactie tussen jouw organisatie en haar doelgroep met bijvoorbeeld Twitter verbeteren?

Alles bij elkaar ontving ik 14 inzendingen. Niet alle inzendingen zijn geplaatst. De niet geplaatste blogposts waren of te oud, of te weinig gerelateerd aan het onderwerp.

Heeft social shopping de toekomst? Over winkelen op Facebook.
Dirkjan Vis — Webwinkel weblog

Senioren, sociale media en bedrijf. Over bestaande drempels tussen senioren en sociale media.
Alain J. Baudrez — Wamukota’s getokkel

Tips voor meer followers op twitter!15 Tips voor meer volgers.
Wieger Waardenburg — XpertMarketing – Zorgt dat je gevonden wordt

Verdubbel je blog clicksHoe zorg je dat je blog beter gelezen wordt.
Guidooohh — Just Guidooohh

Meer Facebook fans: leuk ideeWat kan je doen om meer fans op Facebook te krijgen.
Pieter-Jan Vanneste — Seodvize

Leveraging Social Media with mashups and website integrationOver een integrale Sociale Media aanpak.
Antonio — Antonio Thonis – Business Strategy & Social Marketing

Drie manieren om foto’s te delen.Drie handige applicaties.
Marc Hesp — Marc Hesp: Communicatie en informatie

Zes professionele sociale visitekaartjes om je online reputatie mee te pimpen
Remco Janssen — 123People Blog

Leuk idee? Bij Blogkermis.be kun je je eigen blogkermis organiseren.

Webformulieren verzamelen belangrijke gegevens van klanten en prospects. Om er zeker van te zijn dat de gegevens correct zijn ingevuld, kan je besluiten bepaalde velden te valideren (controleren). Bijvoorbeeld of het e-mailadres wel een @ heeft, of dat een verplicht veld echt is ingevuld.

Wat je niet wilt is het je gebruikers onnodig lastig maken.

Vier fouten die je NIET mag maken bij het ontwerpen van webformulieren.

1 NIET onnodig valideren

Mijn grootste persoonlijke ergernis bij webformulieren is de validatie van het postcodeveld. Verzend je ook naar het buitenland? Laat die postcodecheck dan achterwege als de klant een ander land dan Nederland aanvinkt. Of bouw de postcode-validatiecheck voor alle landen in je systeem. Het gebeurt regelmatig dat ik bij land ‘Brazilië’ kies of invul en dan vervolgens een foutmelding krijg als de postcode niet in het juiste formaat is ingevuld.

Zo, die frustratie is eruit.

Valideren dat een URL correct is, moet je ook óf goed doen, óf helemaal niet doen. Niet iedereen zet namelijk http:// voor het adres. Of www. Alle 3 de opties zijn geldig, dus laat het aan de gebruiker over welke hij wil gebruiken.

Staan er optionele velden in je formulier? Valideer die dan ook niet. Als deze informatie (blijkbaar) niet superrelevant is, ga de gebruiker dan ook niet lastig vallen met eventuele typfoutjes.

2 NIET onduidelijk zijn over verplichte velden

Heeft je formulier verplichte velden? Geef deze dan duidelijk aan. Niets zo vervelend als een formulier volledig invullen om er dan achter te komen dat je een en ander gemist heb. Of eigenlijk, nog vervelender is het als hele formulier dan automatisch voor je gewist wordt.

Bij onderstaand voorbeeld worden de verplichte velden alleen achteraf aangegeven. Blijkbaar is het telefoonnummer verplicht, want het staat nu in een rood vak. Wel scrolde de pagina na het versturen van het formulier automatisch naar boven, waardoor ik niet wist of het formulier werd verzonden of niet. Stuur dus altijd een confirmatie dat het formulier verzonden is. Ook belangrijk voor analyse achteraf.

Ook in het voorbeeld hierna stond niets aangegeven over verplichte velden. Tot ik op ZENDEN klikte. Na 3x kijken zag ik de uitroeptekens in licht rood achter de velden staan.

Een asterix (*) voor het verplichte veld is tegenwoordig voor de meeste gebruikers voldoende. Voor de zekerheid kan je vooraf aangeven wat dit sterretje betekent. Je kunt verplichte velden ook met kleurcodes aangeven, maar dan moet je zeker vooraf aangeven wat die kleuren betekenen. Let trouwens wel op kleurenblindheid, ongeveer 1 op 25 mensen heeft een vorm van kleurenblindheid. Testen van je kleurencontrast kan bijvoorbeeld op de site van Etre.

3 GEEN reset-knop onder het formulier

Wie als eerste een reset-knop (of clear form button) onder een webformulier heeft gezet weet niemand meer (ik heb het nagevraagd). Waarschijnlijk was het een tester. Verder is er namelijk niemand die zo’n knop zou willen aanklikken. Met één klik ben je namelijk alle informatie in één keer kwijt.

Of ik situaties kan verzinnen waarbij zo’n knop toch handig is? Vast wel. Maar voor elke andere situatie wil je het je gebruiker niet aandoen om misschien wel (per ongeluk) zijn volledig ingevulde formulier te wissen. De kans is groot dat hij het geen tweede keer invult. Om je misschien een betere voorstelling van de situatie te geven: stel je voor: een ‘verwijder document’ knop direct naast je ‘bewaar document’ knop. En zonder de vraag: ‘weet je het zeker?’

4 GEEN gegevens vragen die je niet direct nodig hebt

Als marketeer wil je natuurlijk zoveel mogelijk weten van je klanten. Maar er is een plaats en een tijd voor alles. Om een product of dienst te verkopen heb je meestal geen persoonsgegevens nodig als geslacht, leeftijd en favoriete stripheld.

Is de koop gedaan? Heb je nog meer aan te bieden? Dan is die klant waarschijnlijk best bereid meer informatie over zichzelf prijs te geven. Daar is permissie marketing immers volledig op gebouwd.

Mocht je toch vroegtijdig in de verleiding komen om een paar extra vragen te stellen voor in je klantdatabase: zorg dan dat je deze velden niet-verplicht maakt. Dat is beter voor de klantrelatie, usability én conversie.

Patrick Bakker is tekstschrijver voor Staaltaal en website analist voor Siteproof. Siteproof controleert en beoordeelt websites o.a. op gebruiksvriendelijkheid.

Gebruikers worden steeds afhankelijker van zoeken, maar de resultaten worden niet beter. Integendeel.

Dat komt gedeeltelijk omdat het aantal webpagina’s razendsnel stijgt. Maar ook omdat gebruikers veeleisender worden, en steeds ingewikkeldere vragen willen stellen. De huidige lichting zoekmachines bereikt langzaam maar zeker haar plafond.

Semantische zoekmachines kunnen deze problemen oplossen. HTML5 is een grote stap in de richting van het Semantic Web.

“O Deep Thought Computer, we want you to tell us the answer to life, the universe and everything.”
Deep Thought paused for a moment's reflection. “Tricky”, he said finally.
“But can you do it?”
“Yes, said Deep Thought, “I can do it.”
Vrij uit The Hitchhiker’s Guide to the Galaxy

Het Semantic Web in het kort

Web 2.0 gaat over mensen, het Semantic Web over machines. Het bestaande web heeft mensen nodig om de taken uit te voeren voor het zoeken en verzamelen van informatie. Computers kunnen dit niet doen omdat webpagina’s speciaal voor mensen ontworpen zijn.

Het Semantic Web verandert dit door webpagina’s zo te presenteren, dat machines het zoeken en verzamelen zelf kunnen doen.

Voor de duidelijkheid: Ik heb het niet over kunstmatige intelligentie. Computers worden niet aangepast om documenten te kunnen gebruiken, maar documenten worden aangepast om door computers begrepen te worden. Hoe? Door metadata toe te voegen die de betekenis van de inhoud van die documenten verklaart. In het geval van webpagina’s gebeurt dat handmatig, met RDF (Resource Description Framework). Tenminste, dat is de eenvoudigste methode.

Er zijn namelijk nog andere mogelijkheden:

Mogelijke obstakels

De technologie om teksten in documenten automatisch te parsen zal in de praktijk niet zo vaak gebruikt worden. Deze methodes zullen logischerwijs worden ingezet bij specialistische wetenschappelijke of corporate toepassingen, vanwege de hoge kosten aan computerkracht en opslag. Gedetailleerde semantische indexen vragen 100 keer de rekenkracht die voor normaal zoeken en indexeren gebruikelijk is. De opslag wordt met een factor 10 vergroot. Beide factoren hebben een flinke negatieve invloed op de performance.

Voor webzoeken is handmatig labelen veel geschikter. De vraag is: wie gaat dat doen?

Sociale Media

De natuurlijke evolutie van het web via Web 2.0 heeft daar al een handje in geholpen. Sociale Media staat al vol met betekenisvolle relaties.

René houdt van Kitty.

Vakantiefoto’s van Paul uit Chersonissos.

Enorme hoeveelheden gebruikersdata zijn al gedefinieerd en gecatalogiseerd. Bedrijven als Google, Facebook en LinkedIn hebben al wijzigingen doorgevoerd voor het opslaan en categoriseren van al deze data, betekenissen en relaties.

Vele Sociale Media sites hebben door middel van API’s deze data al gedeeltelijk publiek gemaakt. Informatie uit Facebook en Twitter is al direct op de zoekmachine resultatenpagina’s (SERP’s) terug te vinden.

RDFa (RDF in attributes) is de manier om documenten binnen XHTML te verrijken met metadata. Google belooft website eigenaars betere belichting in de SERP’s als ze RDFa gebruiken. Rich Text Snippets voor bepaalde data elementen zoals reviews en evenementen maken het de gebruiker gemakkelijker en zijn daardoor een toegevoegde waarde voor de website eigenaar. Google bepaalt wel zelf voor welke websites en resultaten er dan precies Rich Text Snippets worden toegevoegd.

HTML5 ondersteunt RDFa. Het helpt een groter onderscheid aan te brengen tussen code en betekenis. Zoekmachine Optimalisatie (SEO) zal daarom zeker veranderen op het moment dat zoekmachines RDFa meer gaan ondersteunen.

Wie heeft authoriteit?

In principe zijn we hiermee namelijk weer terug bij de start. Metadata in de HTML(5) code bepaalt weer voor een belangrijk deel hoe webpagina’s worden geïndexeerd. Natuurlijk zullen er mensen zijn die hiervan misbruik proberen te maken. De zoekmachines zullen dat gaan ondervangen door een systeem van authoriteit (trusted websites en agents) te gaan gebruiken.

De vraag wordt dan: hoe kan ik ervoor zorgen dat mijn website als gezaghebbend wordt gezien?

Patrick Bakker schrijft geoptimaliseerde webteksten voor Staaltaal en analyseert voor Siteproof. Siteproof controleert en test websites o.a. op zoekmachine optimalisatie .