A C A D E M I C S E R V I C E

BASISCURSUS

BA

SIS

CU

RS

US

SE

O &

HT

ML5

De basis voor jouw succes!

SEO is een lastig gegeven. Iedere nieuwe technologische ontwikkeling, zoals de opkomst van sociale media en HTML5, brengt nieuwe mogelijkheden en valkuilen voor de vindbaarheid van jouw website met zich mee. HTML5 is al aan een onstuitbare opmars begonnen, en zal de webstandaarden opnieuw definiëren.

Dit boek zorgt ervoor dat je jezelf bewust wordt van de uitdagingen en mogelijkheden van HTML5 vanuit een SEO-perspectief. Het is een uitgebreide checklist om uw website SEO-proof te maken, nu en in de toekomst. Hoe bereid je je voor op de komst van HTML5? Hoe ga je om met verouderde webtechnieken als Flash en frames? Waarop moet je letten bij CMS-systemen als Wordpress? Waarom houdt Google meer van de webshop van je concurrent dan van die van jou? In dit boek vind je alle antwoorden, in handige action steps, checklists en stappenplannen.

Marco Sanders (1968) werd in 2005 hoofdredacteur van het Web Succes Magazine. Sindsdien heeft hij zijn kennis van websites en zoekmachines steeds verder uitgebreid door zelf websites op te zetten en continu de ontwikkelingen in de markt te blijven volgen. Momenteel is hij copywriter en SEO- en communicatieadviseur.

Erik Verhaar (1979) werkt als creatieve contentspecialist onder de bedrijfsnaam The Reception Game.

Marijn Ophorst (1978) is eigenaar van Sensi Media, een internetbedrijf gespecialiseerd in HTML5 en interactieve websites.

978 90 1258 482 1988

SEO &HTML5

M A R C O S A N D E R S m . m . v . E R I K V E R H A A R & M A R I J N O P H O R S T

Meer informatie over deze en andere uitgaven kunt u verkrijgen bij:Sdu KlantenservicePostbus 200142500 EA Den Haagtel.: (070) 378 98 80www.sdu.nl/service © Sdu Uitgevers bv, 2012Academic Service is een imprint van Sdu Uitgevers bv. Redactie: Corry Lagewaard, Ottenhof taal & mediaVormgeving binnenwerk: Erik Verhaar/Frans Ottenhof, Laika Books bvOmslagontwerp: Erik Verhaar, Laika Books bvDruk- en bindwerk: Wilco, Amersfoort ISBN 9789012584821NUR 980 Alle rechten voorbehouden. Alle intellectuele eigendomsrechten, zoals auteurs- en da-tabankrechten, ten aanzien van deze uitgave worden uitdrukkelijk voorbehouden. Deze rechten berusten bij Sdu Uitgevers bv en de auteur. Behoudens de in of krachtens de Auteurswet gestelde uitzonderingen, mag niets uit deze uitgave worden verveelvoudigd, opgeslagen in een geautomatiseerd gegevensbe-stand of openbaar gemaakt in enige vorm of op enige wijze, hetzij elektronisch, me-chanisch, door fotokopieën, opnamen of enige andere manier, zonder voorafgaande schriftelijke toestemming van de uitgever. Voor zover het maken van reprografi sche verveelvoudigingen uit deze uitgave is toege-staan op grond van artikel 16 h Auteurswet, dient men de daarvoor wettelijk verschul-digde vergoedingen te voldoen aan de Stichting Reprorecht (Postbus 3051, 2130 KB Hoofddorp, www.reprorecht.nl). Voor het overnemen van gedeelte(n) uit deze uitgave in bloemlezingen, readers en andere compilatiewerken (artikel 16 Auteurswet) dient men zich te wenden tot de Stichting PRO (Stichting Publicatie- en Reproductierechten Organisatie, Postbus 3060, 2130 KB Hoofddorp, www.cedar.nl/pro). Voor het overne-men van een gedeelte van deze uitgave ten behoeve van commerciële doeleinden dient men zich te wenden tot de uitgever. Hoewel aan de totstandkoming van deze uitgave de uiterste zorg is besteed, kan voor de afwezigheid van eventuele (druk)fouten en onvolledigheden niet worden ingestaan en aanvaarden de auteur(s), redacteur(en) en uitgever deswege geen aansprakelijkheid voor de gevolgen van eventueel voorkomende fouten en onvolledigheden. All rights reserved. No part of this publication may be reproduced, stored in a retrieval system, or transmitted in any form or by any means, electronic, mechanical, photoco-pying, recording or otherwise, without the publisher’s prior consent. While every eff ort has been made to ensure the reliability of the information presented in this publication, Sdu Uitgevers neither guarantees the accuracy of the data contained herein nor accepts responsibility for errors or omissions or their consequences.

Basiscursus SEO & HTML5

Marco Sanders

m.m.v. Erik Verhaar & Marijn Ophorst

3Inhoudsopgave

1 Inleiding 51.1 Wat is SEO? 61.2 Wat doet SEO? 101.3 Voor wie is dit boek? 14

2 Zoekmachines 172.1 Google 192.2 Wat heeft Google betekend voor de internaut? 202.3 Hoe werkt Google concreet? 202.4 Google en HTML5 272.5 Knowledge Graph 28

3 SEO-stappenplan 313.1 SEO: waar moet je beginnen? 323.2 De structuur van je website 403.3 Metatags: belangrijk of achterhaald? 423.4 Wat kun je nog meer doen? 433.5 Wat moet je juist niet doen? 443.6 Belangrijk: vinger aan de pols 443.7 De ervaring leert... 46

4 HTML5: kans/bedreiging 714.1 Moet ik nu mijn website opnieuw gaan bouwen? 714.2 Van HTML4 naar HTML5 854.3 Maak jouw website paraat voor de toekomst! 93

5 Tips en trucs: webshop 955.1 De juiste software 955.2 Basisfuncties van software optimaal benutten 995.3 Broncode 100

Inhoud

4 Basiscursus SEO

5.4 Opbouw van je webshop 1005.5 Upload een sitemap van je webshop in

Google Webmasterhulpprogramma’s 1015.6 Houd de laadtijden in toom 1015.8 Optimaliseer je afbeeldingen 1035.9 Gebruik metadata voor je shop en voor je producten 1035.10 Gebruik microdata voor je shop en voor je producten 103

6 Tips en trucs: bloggen 1056.1 Welk CMS? 1056.2 Zorg voor zoekmachinevriendelijke links 1076.3 Maak een Sitemap aan 1086.4 Activeer een SEO-plug-in 1086.5 Integreer de belangrijkste HTML5-elementen in het sjabloon

van je bloggingprogramma 1136.6 Afbeeldingen en multimedia 1206.7 Mobiliseer je lezer 1216.8 Participeer op die plaatsen waar potentieel geïnteresseerde lezers

van je blogberichten actief zijn 1226.9 Activeer Google Analytics en analyseer de statistieken 1226.10 Maak gebruik van de Google AdWords Keyword Tool 1266.11 Reserveer plaats voor externe content 126

7 Tips en trucs: portfolio 1277.1 HTML-structuur 1277.2 Maak optimaal gebruik van de <title>- en <header>-elementen 1307.3 Multimedia 1307.4 SEO-copywriting voor portfoliopagina’s 131

A SEO-woordenlijst 133

B Tags HTML4 en 5 141

C Geraadpleegde bronnen 151

Index 155

1 Inleiding

11Er is over zoekmachines en SEO al enorm veel geschreven, dus je vraagt je misschien af: waarom nóg een boek hierover?

Twee belangrijke redenen om dit boek uit te brengen:

1. De informatie over wat nu echt belangrijk is voor een website met betrekking tot zoekmachines, is a) behoorlijk versnipperd, b) soms verouderd en c) niet altijd even betrouwbaar. Voor dit boek is veel van die versnipperde informatie onderzocht, beoordeeld, geredigeerd en gebundeld, zodat je dit gemakkelijk als naslagwerk kunt gebruiken.

2. De ontwikkeling van HTML5. Ook hierover doen veel indianenverhalen de ronde; websites zouden compleet opnieuw gebouwd moeten gaan worden, Google zou er niet klaar voor zijn, websites zouden er trager van worden... ik heb al van alles voorbij zien komen. Laat me je geruststellen: HTML5 biedt, zoals het er nu voor staat, veel meer kansen dan bedreigingen!

Voordat ik daadwerkelijk over SEO ga beginnen, even enkele mededelingen over hoe je dit boek het beste kunt lezen. Ten eerste een bericht speciaal voor de vrouwelijke le-zers: ik heb ervoor gekozen om woorden als klant, lezer, bezoeker en dergelijke, man-nelijk te maken. Ik refereer dus aan een klant met ‘hij’, ‘hem’ en ‘zijn’. Daarmee sluit ik uitdrukkelijk niet de andere helft van de wereldbevolking uit. Als je wilt, mag je res-pectievelijk ‘zij’, ‘haar’ en nog een keer ‘haar’ lezen. Ik heb overwogen om steeds ‘hij/zij’ enzovoort te gebruiken, maar ten eerste bevordert dat niet de leesbaarheid van de tekst en ten tweede loop ik het risico dat er een discussie ontstaat over de vraag of het nu ‘hij/zij’ of ‘zij/hij’ moet zijn.

6 Basiscursus SEO

Verder een opmerking over de volgorde: als dit de eerste keer is dat je dit boek ter hand neemt, raad ik je aan om het gewoon van voor naar achter te lezen en niets over te slaan, ook al ben je misschien een gevorderde SEO’er. Je zult in dat geval best dingen tegenkomen die je allang weet, maar soms is het goed om dingen die je al wel wist, nog eens te lezen, maar dan op een andere manier verwoord. Dan blijft het vaak nog beter hangen. Bovendien is het niet ondenkbaar dat er iets tussen staat wat je nog niet wist.

Heb je het boek al een keer helemaal gelezen, dan kun je het perfect als naslagwerk gebruiken, dus dan zoek je gewoon op wat je wilt weten.

Sommige mensen beweren dat SEO meer om Fingerspitzengefühl draait dan om har-de feiten. Op een bepaald vlak kan ik daarin meegaan, maar dan vooral als het gaat om de teksten en de fi nishing touch. De basis van SEO wordt naar mijn bescheiden mening gevormd door een aantal zaken, deels technisch van aard, die voornamelijk zwart-wit zijn, zonder risico op verkeerde interpretatie en zonder verschillende mo-gelijkheden van invulling. En inderdaad, wanneer jij en je concurrent dat beiden he-lemaal op orde hebben, dan beginnen de wat minder tastbare zaken een grotere rol te spelen. Maar bij het leeuwendeel van de websites is aan de, laat ik zeggen, harde kant nog veel werk te verrichten.

Genoeg vooraf gepraat, we gaan beginnen!

1.1 Wat is SEO?

Stel, je hebt een winkel. Je verkoopt mooie producten, en je maakt er een erezaak van dat je koopwaar kwalitatief hoogstaand is. Op de service die je verleent, valt helemaal niks aan te merken en er is nog nooit een klant bij jou ontevreden de deur uitgelopen.

Toch gaan de zaken niet naar wens. De klanten die je krijgt, zijn mensen die al lang klant bij je zijn of mensen die op aanraden van anderen bij je zijn gekomen. Echt nieu-we klanten komen er nauwelijks. Misschien ook wel logisch, want je winkel bevindt zich in een straat waar weinig verkeer komt en die buiten het winkelgebied van de stad ligt.

Er is in jouw stad nóg een winkel die ongeveer hetzelfde verkoopt als jij. Met die winkel gaat het veel beter, ondanks het feit dat die zich op een vergelijkbare plaats in de stad bevindt. Het belangrijkste verschil met jouw winkel is: je concurrent maakt de mensen op allerlei manieren duidelijk dat hij bestaat en waar hij te vinden is: advertenties, reclameborden langs de invalswegen, pijlen, noem maar op.

71 • Inleiding

Zijn pand wordt al snel te klein en hij gaat uitbreiden, terwijl die enkele nieuwe klant die jij nog binnenkreeg, nu ook al wegblijft.

Dit voorbeeld illustreert wat je waarschijnlijk al lang weet: wanneer je iets te verkopen hebt, moet je proberen ervoor te zorgen dat mensen naar je winkel komen. Je moet ‘van de daken schreeuwen’ dat je bestaat en waarom men bij jou op de juiste plaats is.

In de virtuele wereld is dat niet anders. Als je wilt dat wat jij op je website zet, gezien en verkocht wordt, zullen mensen om te beginnen van het bestaan van die website moeten weten.

Je moet dus ruchtbaarheid geven aan het bestaan van je site. Hoe doe je dat? Je kunt om te beginnen het adres van je website gaan vermelden in en op elke reclame-uiting die je doet. In de meeste gevallen zal dat het websitebezoek niet drastisch doen toe-nemen, omdat je daarmee zelden de actieve zoeker aanspreekt, iemand die op zoek is naar hetgeen jij aanbiedt.

Voor die actieve zoekers is iets ontwikkeld wat superhandig is en waar bijna alle in-ternetters gebruik van maken, namelijk de zoekmachine. Je typt iets in waar je iets of meer over wilt weten en de zoekmachine geeft je een aantal resultaten, variërend van 0 tot miljoenen.

8 Basiscursus SEO

Zoekmachines heb je in allerlei soorten, maar verreweg de bekendste en meest ge-bruikte is toch wel de Google-zoekmachine, zeker in Nederland en Vlaanderen. ‘Iets opzoeken in een zoekmachine’ heet hier niet voor niets ‘googelen’. Daarom zullen we ons in dit boek vooral op Google concentreren.

Als ik in dit boek spreek over zoekmachineoptimalisatie, dan kun je in plaats daar-van ook Google-optimalisatie lezen, omdat het daar vooral op gericht is. Het is echter niet zo dat andere zoekmachines een volledig andere behandeling nodig hebben. De meeste gaan mee in de slipstream van Google, wat betekent dat als je voor Google optimaliseert, je dat ook voor de meeste andere zoekmachines doet. Straks zullen we overigens zien dat we een fl ink deel van de activiteiten die onder zoekmachineopti-malisatie vallen, niet voor Google doen, maar voor de bezoekers. En als het goed is voor de bezoekers, is Google tevreden.

SEOEen ander woord voor zoekmachineoptimalisatie is SEO. Dat is de afkorting voor het Engelse equivalent van zoekmachineoptimalisatie, namelijk Search Engine Optimisa-tion (in de VS: Optimization). Hierna zal ik nog maar af en toe de term ‘zoekmachine-optimalisatie’ gebruiken, en vooral spreken over ‘SEO’. Voor jou als lezer lijkt me dat een stuk prettiger.

Nu we het toch over jou hebben: ik ga ervan uit dat jij het belang van SEO onderkent, anders was je dit waarschijnlijk niet aan het lezen. Voor degenen die nog niet daarvan overtuigd zijn, even een paar statistieken:

1. Er zijn over de hele wereld honderdduizenden mensen die hun brood - geheel of gedeeltelijk - verdienen met anderen helpen om hun website zo hoog mogelijk in de zoekresultaten te krijgen.

91 • Inleiding

2. Circa 70% van de bedrijven die voor meer dan de helft van hun omzet afhanke-lijk zijn van internet, merkt een signifi cant verschil in hun omzet wanneer hun Google-positie voor belangrijke keywords is gewijzigd.

3. In 2011 werden elke dag 4.717.000.000 zoekopdrachten uitgevoerd, oftewel 143,5 miljard per maand. Alleen al in Google! Van iets oudere datum (oktober 2010) is het aantal maandelijkse zoekopdrachten in Google in Nederland, namelijk 1,5 miljard (1.500.000.000).

Dit zijn enkele statistieken die het belang van SEO het meest onderstrepen. Verder gebruikt vrijwel iedereen met een internetverbinding een zoekmachine als hij een fy-sieke winkel in de buurt zoekt. De telefoonboeken met de witte en gele pagina’s wor-den nog zelden gebruikt.

Maar nu hebben we nog geen duidelijk antwoord op de vraag ‘Wat is SEO?’. Kijken we op Wikipedia, dan staat daar ‘het geheel aan activiteiten bedoeld om een webpagina hoog te laten scoren in de organische zoekresultaten van een zoekmachine, op de voor die webpagina relevante trefwoorden, trefwoordcombinatie(s) casu quo zoekterm(en).’ Een hele mond vol, maar jammer genoeg dekt de vlag de lading niet helemaal.

Het is weliswaar erg belangrijk om zo hoog mogelijk te komen, maar onder SEO valt ook de wijze waarop een resultaat getoond wordt. Iemand die als resultaat een link naar een webpagina van jou te zien krijgt, zal eerder op die link klikken wanneer die:

10 Basiscursus SEO

a) er aantrekkelijk uitziet en b) de zoeker geruststelt dat hij heeft gevonden wat hij zocht en dat hij dus niet verder hoeft te zoeken.

Als ik even mag chargeren: al sta je op positie 1 in de zoekresultaten, als daar staat ‘NIET KLIKKEN!’, zul je weinig bezoekers langs deze weg ontvangen. Natuurlijk staat dat er niet letterlijk, maar er zijn legio manieren die een potentiële bezoeker doen besluiten om jouw stukje over te slaan en het volgende resultaat in de lijst te gaan proberen.

Ik ga een poging doen om de defi nitie van SEO wat completer te maken: ‘De verzame-ling van activiteiten en instellingen om een webpagina een zo hoog mogelijke positie in de organische zoekresultaten van een zoekmachine te bezorgen, op de voor die webpagi-na relevante (combinaties van) trefwoorden en/of zoektermen en op een zodanige ma-nier dat de kans dat een zoeker daadwerkelijk op het resultaat klikt, zo groot mogelijk is.’

Wees gerust, je hoeft dit niet te onthouden ;-) Het gaat erom dat je begrijpt wat SEO inhoudt en zo’n defi nitie kan dan heel bruikbaar zijn als naslagwerkje.

Aan het eind van deze paragraaf wil ik nog graag een misverstand uit de wereld hel-pen. Kennelijk zijn er nog hele volksstammen die denken dat SEO alleen om je home-page gaat. Niets is echter minder waar. Ik zou bijna willen zeggen dat het juist NIET om je homepage gaat, maar dat zou een beetje te kort door de bocht zijn. In elk geval ga ik hier verderop uitvoerig op in.

We hebben nu gezien wat SEO is en dat brengt ons bij de volgende vraag:

1.2 Wat doet SEO?

Als we de term zoekmachineoptimalisatie gaan ontleden, lijkt er iets vreemds te staan. Taalkundig gezien lezen we namelijk dat als je aan zoekmachineoptimalisatie doet, je de zoekmachine gaat optimaliseren, dus zo goed mogelijk gaat maken. Toch is dit niet zo vreemd als het misschien lijkt.

De meeste mensen gaan ervan uit dat je je website optimaliseert voor zoekmachines en niet de zoekmachines zelf, maar toch verbeter je ook de zoekmachines. Hoe meer jouw website voldoet aan de regeltjes van Google, des te beter Google je site kan door-zoeken en indexeren (zie de volgende alinea voor uitleg). En hoe beter de inhoud van je site, des te betrouwbaarder worden de zoekresultaten. Je helpt zo mee om Google betrouwbaarder te maken, zodat zoekers sneller vinders worden. Er is dus sprake van een wisselwerking. Google heeft er alle belang bij dat jij je aan de regeltjes houdt. Daarom beloont Google ‘goed gedrag’ met een hogere waardering en ‘minder goed gedrag’ met een lagere waardering.

111 • Inleiding

Terug naar de vraag ‘Wat doet SEO?’. Feitelijk doet SEO zelf natuurlijk niets, maar het toepassen van SEO zorgt er in directe zin voor dat zoekmachines jouw website gemak-kelijk kunnen doorzoeken. Daar begint het mee. Websites die niet geoptimaliseerd zijn kunnen ‘barricades’ in zich hebben, waardoor het voor de zoekrobot of crawler (zo wordt het stukje software genoemd dat websites afstruint) moeilijk wordt om je website te doorzoeken.

Heb je - meestal onbewust - van die barricades opgeworpen, dan heb je kans dat die robot zegt: ‘De groeten, hier kan ik niets mee.’ Het gevolg kan zijn dat een deel van je website niet door Google wordt geïndexeerd. ‘Is dat belangrijk dan, indexeren?’ Ja, dat is enorm belangrijk. Simpel gezegd is indexeren het opslaan van wat de zoekrobot op je site heeft gevonden, zodanig dat die informatie voor Google zelf eenvoudig te doorzoeken is. Daar komt namelijk de snelheid van Google voor een groot deel van-daan: het feit dat de zoekmachine de resultaten uit een eigen ‘archief’ haalt. Wanneer Google alle informatie nog zou moeten gaan zoeken op internet op het moment dat er een zoekopdracht wordt ingegeven, dan zouden we a) heel snel een tekort aan band-breedte hebben en b) erg lang op onze zoekresultaten moeten wachten. Nu duurt het slechts een fractie van een seconde om het resultaat van een zoekopdracht weer te geven.

We hebben dus gezien dat het niet goed is om barricades op te werpen voor de zoekro-bot. Sterker nog, we moeten het hem zo gemakkelijk mogelijk maken. Een belangrijk punt daarbij is de navigatie.

12 Basiscursus SEO

Voor jouw menselijke bezoekers is het heel prettig als jouw website een overzichte-lijke navigatie en menustructuur heeft, zodat zij in één oogopslag kunnen zien waar ze moeten zijn. Voor zoekrobots gaat het erom dat ze gemakkelijk van de ene pagina naar de andere kunnen gaan en dat doen ze via de (HTML-)code op de achtergrond. Die moet ervoor zorgen dat de robots als een warm mes door de boter kunnen gaan. Uitgangspunt daarbij is dat je de robot helpt door zoveel mogelijk te benoemen wat hij tegenkomt, bijvoorbeeld de header, de footer en de tekst, en binnen die tekst weer kop, tussenkop en gewone tekst.

Ook softwarematig kun je het de zoekrobot onbedoeld moeilijk maken. Sommige be-standen zijn voor de robot niet of moeilijk te doorzoeken en dat belemmert dan weer een correcte indexering. Afbeeldingen op je site? Vooral doen, maar wel op de juiste manier! De zoekrobot kan een afbeelding namelijk niet bekijken, maar hij kan wel een beschrijving van de afbeelding lezen. En daar is een stukje code voor uitgevonden: de alt-tag. In hoofdstuk 3 kom ik hierop terug.

HTMLEn dan HTML, zeg maar het fundament voor een website. HTML heeft als belangrijk-ste kenmerk dat het HyperText (daar staan de H en de T dan ook voor) ondersteunt. En HyperText houdt kort gezegd in dat bestanden en documenten met elkaar verbonden kunnen worden door middel van hyperlinks, ook wel koppelingen genoemd. Deze hyperlinks zijn essentieel voor webpagina’s. Het is dan ook niet verwonderlijk dat de ontwikkeling en evolutie van HTML direct verband houdt met de ontwikkeling van de diverse web browsers (in de beginjaren vooral Netscape Navigator (Mosaic) en Inter-net Explorer; later kwamen bijvoorbeeld Opera, Firefox, Safari en Chrome zich roeren op de markt).

131 • Inleiding

Een citaat uit Wikipedia: ‘HTML bestaat uit platte tekst waarin met markeringstekens is aangegeven hoe de tekst moet worden geïnterpreteerd, bijvoorbeeld als lijst of als opschrift. Zo’n markering wordt (naar het Engels) een tag genoemd - er is geen goed Nederlands woord voor.’

In de beginjaren van HTML was het aantal tags vrij beperkt en daarmee overzichtelijk. Naarmate de tijd verstreek kwamen er echter steeds meer bij, waarbij niet iedereen dezelfde structuur aanhield bij het programmeren van webpagina’s. Dit had weer als gevolg dat er grote verschillen konden optreden in de weergave van een en dezelfde webpagina in verschillende browsers.

In 1994 werd mede daarom het World Wide Web Consortium (beter bekend onder de afkorting W3C) opgericht, in samenwerking met onder meer de Europese Commissie en CERN, het instituut dat onder meer Tim Berners-Lee heeft voortgebracht. Voor wie hem niet kent: hij is de grondlegger van het HTTP-protocol en de uitvinder van het World Wide Web.

Het W3C zorgt sinds die tijd voor aanbevelingen voor webstandaarden. Daaronder vallen bijvoorbeeld de eerder genoemde tags. Helaas voor de uniformiteit zijn het slechts aanbevelingen en zijn webontwikkelaars dus niet verplicht zich aan de aanbe-velingen te houden. Wel is het zo dat websites die ‘W3C-compatible’ zijn, doorgaans

14 Basiscursus SEO

beter beoordeeld worden door Google, wat ervoor zorgt dat webbouwers er belang bij hebben om zoveel mogelijk volgens de W3C-richtlijnen te werken. Dit wordt niet in de laatste plaats veroorzaakt door het feit dat alle belangrijke browserfabrikanten in het W3C samenwerken.

De jongste HTML-versie (4.01) dateert alweer van 1999. Algemeen werd deze versie beschouwd als de laatste, omdat men van mening was dat de verdere ontwikkeling zou gaan plaatsvinden in de vorm van XHTML. XHTML lijkt qua functionaliteit heel erg op HTML, maar heeft een striktere syntaxis, oftewel strengere regels.

In 2006 echter stelde Tim Berners-Lee, in de functie van W3C-directeur, dat het toch nodig was om HTML verder te ontwikkelen, omdat een groot deel van de webontwik-kelaars en webuitgevers niet wilde overstappen naar XHTML. De ontwikkeling van HTML moest vanaf dat moment parallel gaan lopen met de ontwikkeling van XHTML. Uiteindelijk moet dit leiden tot HTML5. In hoofdstuk 4 ga ik dieper in op de gevolgen die de introductie van HTML5 heeft voor jouw SEO.

1.3 Voor wie is dit boek?

Dit boek is in beginsel bedoeld als een leidraad voor mensen die:

• eigenaar zijn van een website;

• verantwoordelijk zijn voor (een deel van) een website;

• webmaster zijn van een website;

• anderen SEO-advies geven;

• (delen van) websites programmeren;

• geïnteresseerd zijn in SEO;

• overwegen om iemand in te huren voor hun SEO.

Als ondernemer ken je ze vast wel: kleine en grote bedrijven die jou benaderen met de garantie dat je binnen een paar maanden bovenaan in Google komt te staan. Het bedrag dat ze vragen doet er even niet toe. Laat ik het heel duidelijk stellen: als je de garantie krijgt dat één of meer pagina’s van jouw website bovenaan in de zoekresulta-ten komen te staan binnen enkele maanden, dan is waarschijnlijk een van deze zaken aan de orde:

1. Je komt bovenaan te staan voor zoekwoorden met geen of weinig concurrentie (bijvoorbeeld je bedrijfsnaam). Ten eerste is er dan geen kunst aan en ten tweede heb je er niks aan, want vrijwel niemand gebruikt die zoekwoorden.

2. Je komt eventjes bovenaan te staan en dan knikkert Google jouw site helemaal uit de resultaten voor een bepaalde tijd, omdat er ongeoorloofde praktijken ge-bezigd zijn, wat in vaktermen Black Hat SEO wordt genoemd.

151 • Inleiding

De kans dat je voor goede zoekwoorden op een eerlijke manier binnen een paar maanden bovenaan komt te staan vanuit een positie op pakweg pagina 8, is bijna te verwaarlozen. Mocht je toch die ervaring hebben of krijgen, dan wil ik graag met deze goeroe(s) in contact komen, want dan is die partij zijn geld hoogstwaarschijnlijk wel waard...

In elk geval: als je iemand inhuurt die jouw SEO gaat doen, wees er dan zeker van dat die partij alles volgens de (Google-)regeltjes doet, want een ban van Google kan desastreuze gevolgen hebben voor jouw vindbaarheid op korte en middellange ter-mijn. En luister kritisch naar wat hij te vertellen heeft, want er wordt een hoop onzin verkondigd op dat gebied! Gelukkig is de kans dat zo iemand jou iets op de mouw speldt klein, want jij bent gewapend... met dit boek! Meestal zijn een paar krachtige wedervragen voldoende om te weten wat voor vlees je in de kuip hebt.

Het slagveldSEO wordt vaak gezien als het belangrijkste wapen dat gebruikt wordt in online veld-slagen die je uitvecht met je concurrenten. Dat klinkt behoorlijk militaristisch, maar hoe je het ook wendt of keert, je moet strijd (weer zo’n woord) leveren om de klant/bezoeker voor je te winnen.

De plaats waar je die veldslagen uitvecht, het slagveld dus, is de SERP, de Search En-gine Result Page. Dat is een vakterm voor de pagina met zoekresultaten die je te zien krijgt als je een zoekopdracht hebt ingevoerd. Een ander wapen dat hier wordt ge-bruikt is SEA, oftewel Search Engine Advertising. Onder SEA verstaan we het tegen betaling plaatsen van advertenties in de buurt van de normale, organische zoekre-sultaten. In de SERPs van Google hebben die gesponsorde koppelingen, zoals ze ook worden genoemd, een achtergrondkleur die een fractie afwijkt van die van de organi-sche resultaten, waardoor je uiterlijk weinig verschil ziet. Voor elke keer dat een zoeker op een link in zo’n gesponsorde koppeling klikt, ontvangt Google een bepaald bedrag van de adverteerder, afhankelijk van onder meer de concurrentie en wat de adverteer-der eraan wil besteden. Google Adwords, zoals het SEA-systeem van Google heet, is voor deze internetgigant de belangrijkste bron van inkomsten. We zullen hier verder niet te diep op ingaan, want daar kun je gemakkelijk een apart boek over schrijven.

16 Basiscursus SEO

We hebben dus SEO (gratis) en SEA (betaald). Samen wordt dit SEM genoemd, een afkorting voor Search Engine Marketing. Boze tongen beweren dat als je voor een be-paald keyword deelneemt aan Google Adwords, je in de organische resultaten (SEO) hoger komt. Google zelf houdt vol dat dit aperte onzin is en deze beweringen heeft men dan ook nog nooit kunnen staven met harde bewijzen.

Wat overeind blijft is dit: SEO houdt nooit op, dat wil zeggen dat je voortdurend de vin-ger aan de pols moet houden om te kunnen bijsturen, om ontwikkelingen in de gaten te houden en om te zien wat de concurrentie doet. Het is een beetje afhankelijk van de grootte van je organisatie en hoeveel er gebeurt op je website, maar één keer per week even hiermee bezig zijn is raadzaam als je SEO serieus neemt.

Ik wil dit hoofdstuk besluiten met je te wijzen op de cookiewet die in Nederland sinds 1 juni 2012 van kracht is. Daarin staat dat je als webmaster/eigenaar verplicht bent om je bezoekers toestemming te vragen voor het gebruik van niet-functionele cookies, zoals de cookies die geplaatst worden wanneer je Google Analytics hebt geïnstalleerd. Hier vind je een uitgebreide handleiding over de soorten cookies en hoe je om moet gaan met deze wet:

http://ddma.nl/wp-content/uploads/downloads/2012/06/DDMA-handleiding-Coo-kiewet.pdf.

Je kunt ook even googelen op ‘cookiewet ddma’.

155Index

A

achtergrond 24AdSense 133AdWords 15, 133afbeeldingen 12, 48, 130algoritme 22, 23, 24, 25, 26, 27, 133alt-attribuut 12, 35, 133analyse 22Analytics 45anchortekst 23, 47, 133antwoord 21, 22, 25, 26, 27audio 38, 81Automated Queries 26autoriteit 27

B

backlink , 61Baidu 19Berners-Lee, Tim 13bestandsformaat 35betekenisleer 24betrouwbaar 20, 25bezoeker 22, 24, 25, 26, 34Bing 18, 134Black Hat SEO 134blog 36, 105, 134bloggen 61bounce rate 22, 134brainstormen 32Breadcrumb navigation 134broncode 85browser 12, 17, 27

C

Canonical URL 134

Chrome 12Click Th rough Rate (CTR) 134cloaking 66, 134CMS 34

Wordpress 105code 21, 24, 27comment spam 64computer 25concurrent 33content 22, 25, 26, 27, 135Conversie 135cookiewet 16crawler 21, 22, 26, 135CSS 135CTR 22, 27, 79Cubecart 99

D

datacenter 21ddma 16Deeplink 135description-tag 42, 46, 135design 22DMOZ 135document 20, 21doelgroep 32domeinnaam 33, 43doorsturen 65doorway page 44, 135doorzoekbaar 20doorzoeken 11drie kliks 55DTD 65duplicate content 136dynamische URL 61

Index

156 Basiscursus SEO

E

e-commerce 79, 95eigenaar 14

F

Facebook 22, 36, 61Firefox 12Flash 35, 81, 82, 136footer 12formule 22foto 39framework 51

G

gastbloggen 37gebruiker 19, 20, 25, 26gebruiksvriendelijkheid 22geheim 22gevorderd 6Google 8, 17, 18, 19, 20, 23, 24, 25, 26,

27, 136AdWords Keyword Tool 126Google+ 61Google AdWords 49Google Analytics 136Googlebot 136Google Maps 32Google Places 32, 61Google PageSpeed 102

H

header 12heading-tag 52homoniem 25hoofdmenu 34htaccess 62HTML 12, 27, 136

HTML5 27, 71

XHTML 27HTTP 13hulpmiddel 19

I

indexeren 11, 136informatie 19, 20, 21, 26inkomende link 23, 136interactie 39Internet Explorer 12itemid 76itemprop 76itemscope 76itemtype 76

J

JavaScript 137jpg 35juridisch 23

K

keyword 23, 32, 46, 137density 137stuffi ng 44, 137tag 43, 137

kopiëren 51koppeling 12

L

landingspagina 137link 20, 22, 23, 25, 26, 27, 138

backlink 23externe link 23hyperlink 12, 23inbound link 23inkomende links 37inlink 23inward link 23

157Index

Linkbait 137Linkedin 37linkfarm 44, 137Local Search 32

M

Magento 96menupunten 41menustructuur 35metatag 42, 46, 137

description-tag 46heading-tag 52title-tag 46

microdata 72, 138mobiele apparaten 71mobiele site 64mobile search 66

N

naslagwerk 6navigatie 53

breadcrumb lists 56de 404-pagina 57menu 54niet meer dan drie kliks 55sitemaps 58stuk van je URL weghalen 57

Nofollow 63Nofollow-link 138

O

ODP 138OpenCart 98Opera 12optimaliseren 31overstappen 71

P

PageRank 20, 23, 138PageSpeed 102pagina 17, 20, 21, 22, 23, 24, 25, 26, 27

landingspagina 23webpagina 20, 22, 23, 24, 25, 27, 138

patent 23permalinks 107populariteit 18, 19, 21, 22, 23, 138portfolio 127positie 27pr-activiteiten 40Prestashop 97productomschrijving 102promotie 61

Q

Query 138

R

ranglijst 39ranking 22, 24

factor 22redirect 138relevantie 22, 23, 25, 26resolutie 35resultaat 9, 21rich snippets 74, 138robot 20, 22, 25robots.txt 62, 138

S

Safari 12samenhang 25Sandbox 138Schema.org 75schrijven 50

tips 51

158 Basiscursus SEO

SEA 15, 139SEM 16, 139semantiek 22, 24, 25, 139SEO 8, 31, 139SERP 15, 22, 27, 139shopping cart 100sitemaps 58sjabloon 127sleutelwoord 26smartphone 64social media 36, 61spider 21, 139Stanford University 23, 138statische URL 61subdomein 62submenu 34

T

tag 13techniek 24, 26technologie 20tekst 17, 24, 25, 26, 43testimonial 40title-tag 34, 42, 46, 139toegankelijk 20toepassing 19, 20tool 23trefwoorden 32Tweet 22Twitter 61

U

url 59, 139User-agent 66USP 33

V

verkeer 24

video 38, 82voorkeur 19, 25

W

W3C 13, 140waardering 27Webcrawler 140webmaster 14, 26, 27webpagina 20, 22, 23, 24, 25, 27, 138website 21, 22, 24, 25, 26, 27wegingsfactor 22wetenschap 24White Hat SEO 140whitepaper 39winkelwagentje 100wiskundig 22Wordpress 105

footer.php 117header.php 115index.php 118permalinks 107Plugins 109sidebar.php 119single.php 117Sitemap 108socialmediaintegratie 121Wordpress SEO by Yoast 109

World Wide Web 13, 20

X

XHTML 14, 140XML 140

Y

Yahoo! 18, 140YouTube 39

159Index

Z

zelfl erend 24zoeker 22, 24, 25, 26, 27zoekmachine 7, 17, 18, 19, 20, 21, 22,

23, 24, 25, 27, 140optimalisatie 8, 140

zoekopdracht 21, 25, 26zoekresultaten 19, 22, 25, 26zoekrobot 20, 25zoekwoord 14, 32

A C A D E M I C S E R V I C E

BASISCURSUS

BA

SIS

CU

RS

US

SE

O &

HT

ML5

De basis voor jouw succes!

SEO is een lastig gegeven. Iedere nieuwe technologische ontwikkeling, zoals de opkomst van sociale media en HTML5, brengt nieuwe mogelijkheden en valkuilen voor de vindbaarheid van jouw website met zich mee. HTML5 is al aan een onstuitbare opmars begonnen, en zal de webstandaarden opnieuw definiëren.

Dit boek zorgt ervoor dat je jezelf bewust wordt van de uitdagingen en mogelijkheden van HTML5 vanuit een SEO-perspectief. Het is een uitgebreide checklist om uw website SEO-proof te maken, nu en in de toekomst. Hoe bereid je je voor op de komst van HTML5? Hoe ga je om met verouderde webtechnieken als Flash en frames? Waarop moet je letten bij CMS-systemen als Wordpress? Waarom houdt Google meer van de webshop van je concurrent dan van die van jou? In dit boek vind je alle antwoorden, in handige action steps, checklists en stappenplannen.

Marco Sanders (1968) werd in 2005 hoofdredacteur van het Web Succes Magazine. Sindsdien heeft hij zijn kennis van websites en zoekmachines steeds verder uitgebreid door zelf websites op te zetten en continu de ontwikkelingen in de markt te blijven volgen. Momenteel is hij copywriter en SEO- en communicatieadviseur.

Erik Verhaar (1979) werkt als creatieve contentspecialist onder de bedrijfsnaam The Reception Game.

Marijn Ophorst (1978) is eigenaar van Sensi Media, een internetbedrijf gespecialiseerd in HTML5 en interactieve websites.

978 90 1258 482 1988

SEO &HTML5

M A R C O S A N D E R S m . m . v . E R I K V E R H A A R & M A R I J N O P H O R S T