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.
B A S I S C U R S U S S E O & H T M L5
De basis voor jouw succes!
ACADEMIC SERVICE
BASIS CURSUS SEO & HTML5
Marijn Ophorst (1978) is eigenaar van Sensi Media, een internetbedrijf gespecialiseerd in HTML5 en interactieve websites.
MARCO SANDERS
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 978 90 1258 482 1 988
Meer informatie over deze en andere uitgaven kunt u verkrijgen bij: Sdu Klantenservice Postbus 20014 2500 EA Den Haag tel.: (070) 378 98 80 www.sdu.nl/service © Sdu Uitgevers bv, 2012 Academic Service is een imprint van Sdu Uitgevers bv. Redactie: Corry Lagewaard, Ottenhof taal & media Vormgeving binnenwerk: Erik Verhaar/Frans Ottenhof, Laika Books bv Omslagontwerp: Erik Verhaar, Laika Books bv Druk- en bindwerk: Wilco, Amersfoort ISBN 9789012584821 NUR 980 Alle rechten voorbehouden. Alle intellectuele eigendomsrechten, zoals auteurs- en databankrechten, 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 gegevensbestand of openbaar gemaakt in enige vorm of op enige wijze, hetzij elektronisch, mechanisch, door fotokopieën, opnamen of enige andere manier, zonder voorafgaande schriftelijke toestemming van de uitgever. Voor zover het maken van reprografische verveelvoudigingen uit deze uitgave is toegestaan op grond van artikel 16 h Auteurswet, dient men de daarvoor wettelijk verschuldigde 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 overnemen 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, photocopying, recording or otherwise, without the publisher’s prior consent. While every effort 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
3
Inhoudsopgave
Inhoud 1
Inleiding 1.1 Wat is SEO? 1.2 Wat doet SEO? 1.3 Voor wie is dit boek?
2
Zoekmachines 2.1 Google 2.2 Wat heeft Google betekend voor de internaut? 2.3 Hoe werkt Google concreet? 2.4 Google en HTML5 2.5 Knowledge Graph
3
SEO-stappenplan 3.1 SEO: waar moet je beginnen? 3.2 De structuur van je website 3.3 Metatags: belangrijk of achterhaald? 3.4 Wat kun je nog meer doen? 3.5 Wat moet je juist niet doen? 3.6 Belangrijk: vinger aan de pols 3.7 De ervaring leert...
4
HTML5: kans/bedreiging 4.1 Moet ik nu mijn website opnieuw gaan bouwen? 4.2 Van HTML4 naar HTML5 4.3 Maak jouw website paraat voor de toekomst!
5
5 6 10 14
17 19 20 20 27 28
31 32 40 42 43 44 44 46
71 71 85 93
Tips en trucs: webshop
95
5.1 De juiste software 5.2 Basisfuncties van software optimaal benutten 5.3 Broncode
95 99 100
4
Basiscursus SEO
5.4 Opbouw van je webshop 5.5 Upload een sitemap van je webshop in Google Webmasterhulpprogramma’s 5.6 Houd de laadtijden in toom 5.8 Optimaliseer je afbeeldingen 5.9 Gebruik metadata voor je shop en voor je producten 5.10 Gebruik microdata voor je shop en voor je producten
6
Tips en trucs: bloggen 6.1 Welk CMS? 6.2 Zorg voor zoekmachinevriendelijke links 6.3 Maak een Sitemap aan 6.4 Activeer een SEO-plug-in 6.5 Integreer de belangrijkste HTML5-elementen in het sjabloon van je bloggingprogramma 6.6 Afbeeldingen en multimedia 6.7 Mobiliseer je lezer 6.8 Participeer op die plaatsen waar potentieel geïnteresseerde lezers van je blogberichten actief zijn 6.9 Activeer Google Analytics en analyseer de statistieken 6.10 Maak gebruik van de Google AdWords Keyword Tool 6.11 Reserveer plaats voor externe content
7
Tips en trucs: portfolio 7.1 HTML-structuur 7.2 Maak optimaal gebruik van de
- en <header>-elementen 7.3 Multimedia 7.4 SEO-copywriting voor portfoliopagina’s<br />
<br />
100 101 101 103 103 103<br />
<br />
105 105 107 108 108 113 120 121 122 122 126 126<br />
<br />
127 127 130 130 131<br />
<br />
A<br />
<br />
SEO-woordenlijst<br />
<br />
133<br />
<br />
B<br />
<br />
Tags HTML4 en 5<br />
<br />
141<br />
<br />
C<br />
<br />
Geraadpleegde bronnen<br />
<br />
151<br />
<br />
Index<br />
<br />
155<br />
<br />
1 Inleiding<br />
<br />
1<br />
<br />
Er 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.<br />
<br />
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.<br />
<br />
2.<br />
<br />
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!<br />
<br />
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 lezers: ik heb ervoor gekozen om woorden als klant, lezer, bezoeker en dergelijke, mannelijk 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 respectievelijk ‘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.<br />
<br />
6<br />
<br />
Basiscursus SEO<br />
<br />
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 harde feiten. Op een bepaald vlak kan ik daarin meegaan, maar dan vooral als het gaat om de teksten en de finishing 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 mogelijkheden van invulling. En inderdaad, wanneer jij en je concurrent dat beiden helemaal 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!<br />
<br />
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 nieuwe 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.<br />
<br />
1 • Inleiding<br />
<br />
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 toenemen, 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 internetters 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.<br />
<br />
7<br />
<br />
8<br />
<br />
Basiscursus SEO<br />
<br />
Zoekmachines heb je in allerlei soorten, maar verreweg de bekendste en meest gebruikte 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 daarvan 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 flink deel van de activiteiten die onder zoekmachineoptimalisatie vallen, niet voor Google doen, maar voor de bezoekers. En als het goed is voor de bezoekers, is Google tevreden.<br />
<br />
SEO Een ander woord voor zoekmachineoptimalisatie is SEO. Dat is de afkorting voor het Engelse equivalent van zoekmachineoptimalisatie, namelijk Search Engine Optimisation (in de VS: Optimization). Hierna zal ik nog maar af en toe de term ‘zoekmachineoptimalisatie’ 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.<br />
<br />
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.<br />
<br />
9<br />
<br />
1 • Inleiding<br />
<br />
2.<br />
<br />
Circa 70% van de bedrijven die voor meer dan de helft van hun omzet afhankelijk zijn van internet, merkt een significant verschil in hun omzet wanneer hun Google-positie voor belangrijke keywords is gewijzigd.<br />
<br />
3.<br />
<br />
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).<br />
<br />
Dit zijn enkele statistieken die het belang van SEO het meest onderstrepen. Verder gebruikt vrijwel iedereen met een internetverbinding een zoekmachine als hij een fysieke winkel in de buurt zoekt. De telefoonboeken met de witte en gele pagina’s worden nog zelden gebruikt.<br />
<br />
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:<br />
<br />
10<br />
<br />
Basiscursus SEO<br />
<br />
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 definitie van SEO wat completer te maken: ‘De verzameling 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 webpagina relevante (combinaties van) trefwoorden en/of zoektermen en op een zodanige manier 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 definitie kan dan heel bruikbaar zijn als naslagwerkje. Aan het eind van deze paragraaf wil ik nog graag een misverstand uit de wereld helpen. Kennelijk zijn er nog hele volksstammen die denken dat SEO alleen om je homepage 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:<br />
<br />
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 doorzoeken 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.<br />
<br />
1 • Inleiding<br />
<br />
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 gemakkelijk 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.<br />
<br />
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 vandaan: 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 bandbreedte 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 zoekrobot. Sterker nog, we moeten het hem zo gemakkelijk mogelijk maken. Een belangrijk punt daarbij is de navigatie.<br />
<br />
11<br />
<br />
12<br />
<br />
Basiscursus SEO<br />
<br />
Voor jouw menselijke bezoekers is het heel prettig als jouw website een overzichtelijke 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 bestanden 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.<br />
<br />
HTML En dan HTML, zeg maar het fundament voor een website. HTML heeft als belangrijkste 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 webbrowsers (in de beginjaren vooral Netscape Navigator (Mosaic) en Internet Explorer; later kwamen bijvoorbeeld Opera, Firefox, Safari en Chrome zich roeren op de markt).<br />
<br />
1 • Inleiding<br />
<br />
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.’<br />
<br />
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 aanbevelingen te houden. Wel is het zo dat websites die ‘W3C-compatible’ zijn, doorgaans<br />
<br />
13<br />
<br />
14<br />
<br />
Basiscursus SEO<br />
<br />
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 webontwikkelaars 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.<br />
<br />
1.3 Voor wie is dit boek? Dit boek is in beginsel bedoeld als een leidraad voor mensen die: • • • • • • •<br />
<br />
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.<br />
<br />
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 zoekresultaten komen te staan binnen enkele maanden, dan is waarschijnlijk een van deze zaken aan de orde: 1.<br />
<br />
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.<br />
<br />
2.<br />
<br />
Je komt eventjes bovenaan te staan en dan knikkert Google jouw site helemaal uit de resultaten voor een bepaalde tijd, omdat er ongeoorloofde praktijken gebezigd zijn, wat in vaktermen Black Hat SEO wordt genoemd.<br />
<br />
1 • Inleiding<br />
<br />
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 termijn. 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.<br />
<br />
Het slagveld SEO wordt vaak gezien als het belangrijkste wapen dat gebruikt wordt in online veldslagen 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.<br />
<br />
De plaats waar je die veldslagen uitvecht, het slagveld dus, is de SERP, de Search Engine 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 gebruikt is SEA, oftewel Search Engine Advertising. Onder SEA verstaan we het tegen betaling plaatsen van advertenties in de buurt van de normale, organische zoekresultaten. In de SERPs van Google hebben die gesponsorde koppelingen, zoals ze ook worden genoemd, een achtergrondkleur die een fractie afwijkt van die van de organische 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 adverteerder 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.<br />
<br />
15<br />
<br />
16<br />
<br />
Basiscursus SEO<br />
<br />
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 bepaald 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 vinger 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-Cookiewet.pdf. Je kunt ook even googelen op ‘cookiewet ddma’.<br />
<br />
155<br />
<br />
Index<br />
<br />
Index A achtergrond 24 AdSense 133 AdWords 15, 133 afbeeldingen 12, 48, 130 algoritme 22, 23, 24, 25, 26, 27, 133 alt-attribuut 12, 35, 133 analyse 22 Analytics 45 anchortekst 23, 47, 133 antwoord 21, 22, 25, 26, 27 audio 38, 81 Automated Queries 26 autoriteit 27<br />
<br />
Chrome 12 Click Through Rate (CTR) 134 cloaking 66, 134 CMS 34 Wordpress 105 code 21, 24, 27 comment spam 64 computer 25 concurrent 33 content 22, 25, 26, 27, 135 Conversie 135 cookiewet 16 crawler 21, 22, 26, 135 CSS 135 CTR 22, 27, 79 Cubecart 99<br />
<br />
B backlink , 61 Baidu 19 Berners-Lee, Tim 13 bestandsformaat 35 betekenisleer 24 betrouwbaar 20, 25 bezoeker 22, 24, 25, 26, 34 Bing 18, 134 Black Hat SEO 134 blog 36, 105, 134 bloggen 61 bounce rate 22, 134 brainstormen 32 Breadcrumb navigation 134 broncode 85 browser 12, 17, 27<br />
<br />
C Canonical URL 134<br />
<br />
D datacenter 21 ddma 16 Deeplink 135 description-tag 42, 46, 135 design 22 DMOZ 135 document 20, 21 doelgroep 32 domeinnaam 33, 43 doorsturen 65 doorway page 44, 135 doorzoekbaar 20 doorzoeken 11 drie kliks 55 DTD 65 duplicate content 136 dynamische URL 61<br />
<br />
156<br />
<br />
Basiscursus SEO<br />
<br />
E e-commerce 79, 95 eigenaar 14<br />
<br />
F Facebook 22, 36, 61 Firefox 12 Flash 35, 81, 82, 136 footer 12 formule 22 foto 39 framework 51<br />
<br />
XHTML 27 HTTP 13 hulpmiddel 19<br />
<br />
I indexeren 11, 136 informatie 19, 20, 21, 26 inkomende link 23, 136 interactie 39 Internet Explorer 12 itemid 76 itemprop 76 itemscope 76 itemtype 76<br />
<br />
G gastbloggen 37 gebruiker 19, 20, 25, 26 gebruiksvriendelijkheid 22 geheim 22 gevorderd 6 Google 8, 17, 18, 19, 20, 23, 24, 25, 26, 27, 136 AdWords Keyword Tool 126 Google+ 61 Google AdWords 49 Google Analytics 136 Googlebot 136 Google Maps 32 Google Places 32, 61 Google PageSpeed 102<br />
<br />
J<br />
<br />
H<br />
<br />
landingspagina 137 link 20, 22, 23, 25, 26, 27, 138 backlink 23 externe link 23 hyperlink 12, 23 inbound link 23 inkomende links 37 inlink 23 inward link 23<br />
<br />
header 12 heading-tag 52 homoniem 25 hoofdmenu 34 htaccess 62 HTML 12, 27, 136 HTML5 27, 71<br />
<br />
JavaScript 137 jpg 35 juridisch 23<br />
<br />
K keyword 23, 32, 46, 137 density 137 stuffing 44, 137 tag 43, 137 kopiëren 51 koppeling 12<br />
<br />
L<br />
<br />
157<br />
<br />
Index<br />
<br />
Linkbait 137 Linkedin 37 linkfarm 44, 137 Local Search 32<br />
<br />
M Magento 96 menupunten 41 menustructuur 35 metatag 42, 46, 137 description-tag 46 heading-tag 52 title-tag 46 microdata 72, 138 mobiele apparaten 71 mobiele site 64 mobile search 66<br />
<br />
P PageRank 20, 23, 138 PageSpeed 102 pagina 17, 20, 21, 22, 23, 24, 25, 26, 27 landingspagina 23 webpagina 20, 22, 23, 24, 25, 27, 138 patent 23 permalinks 107 populariteit 18, 19, 21, 22, 23, 138 portfolio 127 positie 27 pr-activiteiten 40 Prestashop 97 productomschrijving 102 promotie 61<br />
<br />
Q Query 138<br />
<br />
N naslagwerk 6 navigatie 53 breadcrumb lists 56 de 404-pagina 57 menu 54 niet meer dan drie kliks 55 sitemaps 58 stuk van je URL weghalen 57 Nofollow 63 Nofollow-link 138<br />
<br />
R ranglijst 39 ranking 22, 24 factor 22 redirect 138 relevantie 22, 23, 25, 26 resolutie 35 resultaat 9, 21 rich snippets 74, 138 robot 20, 22, 25 robots.txt 62, 138<br />
<br />
O ODP 138 OpenCart 98 Opera 12 optimaliseren 31 overstappen 71<br />
<br />
S Safari 12 samenhang 25 Sandbox 138 Schema.org 75 schrijven 50 tips 51<br />
<br />
158<br />
<br />
Basiscursus SEO<br />
<br />
SEA 15, 139 SEM 16, 139 semantiek 22, 24, 25, 139 SEO 8, 31, 139 SERP 15, 22, 27, 139 shopping cart 100 sitemaps 58 sjabloon 127 sleutelwoord 26 smartphone 64 social media 36, 61 spider 21, 139 Stanford University 23, 138 statische URL 61 subdomein 62 submenu 34<br />
<br />
T tag 13 techniek 24, 26 technologie 20 tekst 17, 24, 25, 26, 43 testimonial 40 title-tag 34, 42, 46, 139 toegankelijk 20 toepassing 19, 20 tool 23 trefwoorden 32 Tweet 22 Twitter 61<br />
<br />
video 38, 82 voorkeur 19, 25<br />
<br />
W W3C 13, 140 waardering 27 Webcrawler 140 webmaster 14, 26, 27 webpagina 20, 22, 23, 24, 25, 27, 138 website 21, 22, 24, 25, 26, 27 wegingsfactor 22 wetenschap 24 White Hat SEO 140 whitepaper 39 winkelwagentje 100 wiskundig 22 Wordpress 105 footer.php 117 header.php 115 index.php 118 permalinks 107 Plugins 109 sidebar.php 119 single.php 117 Sitemap 108 socialmediaintegratie 121 Wordpress SEO by Yoast 109 World Wide Web 13, 20<br />
<br />
X<br />
<br />
U<br />
<br />
XHTML 14, 140 XML 140<br />
<br />
url 59, 139 User-agent 66 USP 33<br />
<br />
Y<br />
<br />
V verkeer 24<br />
<br />
Yahoo! 18, 140 YouTube 39<br />
<br />
159<br />
<br />
Index<br />
<br />
Z zelflerend 24 zoeker 22, 24, 25, 26, 27 zoekmachine 7, 17, 18, 19, 20, 21, 22, 23, 24, 25, 27, 140 optimalisatie 8, 140 zoekopdracht 21, 25, 26 zoekresultaten 19, 22, 25, 26 zoekrobot 20, 25 zoekwoord 14, 32<br />
<br />
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.<br />
<br />
B A S I S C U R S U S S E O & H T M L5<br />
<br />
De basis voor jouw succes!<br />
<br />
ACADEMIC SERVICE<br />
<br />
BASIS CURSUS SEO & HTML5<br />
<br />
Marijn Ophorst (1978) is eigenaar van Sensi Media, een internetbedrijf gespecialiseerd in HTML5 en interactieve websites.<br />
<br />
MARCO SANDERS<br />
<br />
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 978 90 1258 482 1 988<br />
<br /> </div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="modal fade" id="report" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<form role="form" method="post" action="https://adoc.pub/report/academic-service-basis-cursus-seo-html5-marco-sanders-mmv-er" style="border: none;">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title">Report "ACADEMIC SERVICE BASIS CURSUS SEO & HTML5. MARCO SANDERS m.m.v. ERIK VERHAAR & MARIJN OPHORST"</h4>
</div>
<div class="modal-body">
<div class="form-group">
<label>Your name</label>
<input type="text" name="name" required="required" class="form-control" />
</div>
<div class="form-group">
<label>Email</label>
<input type="email" name="email" required="required" class="form-control" />
</div>
<div class="form-group">
<label>Reason</label>
<select name="reason" required="required" class="form-control">
<option value="">-Select Reason-</option>
<option value="pornographic" selected="selected">Pornographic</option>
<option value="defamatory">Defamatory</option>
<option value="illegal">Illegal/Unlawful</option>
<option value="spam">Spam</option>
<option value="others">Other Terms Of Service Violation</option>
<option value="copyright">File a copyright complaint</option>
</select>
</div>
<div class="form-group">
<label>Description</label>
<textarea name="description" required="required" rows="3" class="form-control" style="border: 1px solid #cccccc;"></textarea>
</div>
<div class="form-group">
<div style="display: inline-block;">
<div class="g-recaptcha" data-sitekey="6LcEnMcZAAAAAFHzKKgaE-Qh57XzUTzpfRElD4dP"></div>
</div>
</div>
<script src='https://www.google.com/recaptcha/api.js'></script>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
<button type="submit" class="btn btn-primary">Send</button>
</div>
</form>
</div>
</div>
</div>
<script>
$(document).ready(function () {
var inner_height = $(window).innerHeight() - 250;
$('#pdfviewer').css({"height": inner_height + "px"});
});
</script>
<footer class="footer" style="margin-top: 60px;">
<div class="container-fluid">
Copyright © 2024 ADOC.PUB. All rights reserved.
<div class="pull-right">
<span><a href="https://adoc.pub/about">About Us</a></span> |
<span><a href="https://adoc.pub/privacy">Privacy Policy</a></span> |
<span><a href="https://adoc.pub/term">Terms of Service</a></span> |
<span><a href="https://adoc.pub/copyright">Copyright</a></span> |
<span><a href="https://adoc.pub/contact">Contact Us</a></span> |
<span><a href="https://adoc.pub/cookie_policy">Cookie Policy</a></span>
</div>
</div>
</footer>
<!-- Modal -->
<div class="modal fade" id="login" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close" on="tap:login.close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title" id="add-note-label">Sign In</h4>
</div>
<div class="modal-body">
<form action="https://adoc.pub/login" method="post">
<div class="form-group">
<label class="sr-only" for="email">Email</label>
<input class="form-input form-control" type="text" name="email" id="email" value="" placeholder="Email" />
</div>
<div class="form-group">
<label class="sr-only" for="password">Password</label>
<input class="form-input form-control" type="password" name="password" id="password" value="" placeholder="Password" />
</div>
<div class="form-group">
<div class="checkbox">
<label class="form-checkbox">
<input type="checkbox" name="remember" value="1" />
<i class="form-icon"></i> Remember me
</label>
<label class="pull-right"><a href="https://adoc.pub/forgot">Forgot password?</a></label>
</div>
</div>
<button class="btn btn-primary btn-block" type="submit">Sign In</button>
</form>
</div>
</div>
</div>
</div>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-177279549-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-177279549-1');
</script>
<script src="https://adoc.pub/assets/js/jquery-ui.min.js"></script>
<link rel="stylesheet" href="https://adoc.pub/assets/css/jquery-ui.css">
<script>
$(function () {
$("#document_search").autocomplete({
source: function (request, response) {
$.ajax({
url: "https://adoc.pub/suggest",
dataType: "json",
data: {
term: request.term
},
success: function (data) {
response(data);
}
});
},
autoFill: true,
select: function( event, ui ) {
$(this).val(ui.item.value);
$(this).parents("form").submit();
}
});
});
</script>
<!-- cookie policy -->
<div id="ADOCPUB_cookie_box" style="z-index:99999; border-top: 1px solid #fefefe; background: #FFC107; width: 100%; position: fixed; padding: 5px 15px; text-align: center; left:0; bottom: 0;">
Our partners will collect data and use cookies for ad personalization and measurement. <a href="https://adoc.pub/cookie_policy" target="_blank">Learn how we and our ad partner Google, collect and use data</a>. <a href="#" class="btn btn-success" onclick="accept_ADOCPUB_cookie_box();return false;">Agree & close</a>
</div>
<script>
function accept_ADOCPUB_cookie_box() {
document.cookie = "ADOCPUB_cookie_box_viewed=1;max-age=15768000;path=/";
hide_ADOCPUB_cookie_box();
}
function hide_ADOCPUB_cookie_box() {
var cb = document.getElementById('ADOCPUB_cookie_box');
if (cb) {
cb.parentElement.removeChild(cb);
}
}
(function () {
var ADOCPUB_cookie_box_viewed = (function (name) {
var matches = document.cookie.match(new RegExp("(?:^|; )" + name.replace(/([\.$?*|{}\(\)\[\]\\\/\+^])/g, '\\$1') + "=([^;]*)"));
return matches ? decodeURIComponent(matches[1]) : undefined;
})('ADOCPUB_cookie_box_viewed');
if (ADOCPUB_cookie_box_viewed) {
hide_ADOCPUB_cookie_box();
}
})();
</script>
<!-- end cookie policy -->
</body>
</html>
