Search Engine Optimizing (SEO)

SEO is een term die in de webwereld vrij veel wordt gebruikt. Maar wat is SEO, en wat doet het?

SEO is de afkorting van Search Engine Optimization, wat als je het vertaalt Zoekmachine Optimalisatie betekend. Deze term wordt gebruikt als je een website zo hoog mogelijk in de zoekresultaten van een zoekmachine wilt laten komen. Het geheel van zaken waar je op moet letten en ook dingen die je juist niet moet doen wordt SEO genoemd.

In deze tutorial worden een aantal dingen uitgelegd die je juist wel moet doen, om zo goed mogelijk te scoren, maar ook dingen die je niet moet doen, omdat sommige zoekmachines dat zien als “verboden” en je strafpunten geven.

Omdat Google de meest gebruikte zoekmachine is, is de tutorial hoofdzakelijk daarop gebaseerd. Voordeel is dat wanneer je website voor Google geoptimaliseerd bent dat deze ook goed scoort in andere zoekmachines.


[edit]
Voor mij hoeft deze tutorial niet meegeteld te worden voor de wedstrijd.
[/edit]

edit: 26-02-08

De opmerkingen van 25-02-'08 zijn meegenomen in de tutorial. Bedankt Ruud, Pim en Eric voor de toevoeging(en).

De Google-bot (een script) zoekt het hele internet af op zoek naar nieuwe informatie. Eens in de zoveel tijd zal de bot ook jouw website bezoeken en deze doorlopen op de punten die verder in deze tutorial naar voren komen.

Een bot ondersteunt geen scripts, en ziet ook geen opmaak. Kleuren en dergelijke kennen ze niet, sommige HTML tags herkennen ze daarentegen wel en deze kunnen bijdragen aan het zo goed mogelijk optimaliseren.

Punt 1 waar je op moet letten is dat je een betrouwbare hosting zoekt die zo dicht mogelijk bij 100% online tijd zit. Wanneer de Google-bot op je website probeert te komen, en de website is offline onthoud die dat. Gebeurt het vaker dat de website offline is, zal die nooit zo hoog in de resultaten komen. Het enige wat je daar dan aan kan doen is de website verplaatsen naar een betere server en geduld hebben. Het heeft even tijd nodig om de Google-bot te laten merken dat de website nu wel goed bereikbaar is.

De domeinnaam op zichzelf is niet heel erg belangrijk, maar de gehele URL wordt wel meegewogen. Heb je op een website met als url: [ignore]http://www.jenaam.nl[/ignore] en je wilt daarop een pagina over “broodbakmachines” laten draaien, zorg ervoor dat het onderwerp wel in de URL zit, zoals bijv.:
[ignore]http://www.jenaam.nl/broodbakmachines/index.html[/ignore]

Wat er op de achtergrond gebeurt op de server (bijvoorbeeld met mod_rewrite naar [ignore]http://www.jenaam.nl/index.php?pagina=3[/ignore]) maakt voor de zoekmachine niets uit. Die ziet de URL alleen zoals de bezoeker het ziet.


Ook niet onbelangrijk is dat je zelf kan aangeven welke bestanden en mappen de bot mag bekijken. Bestanden die beveiligd zijn doormiddel van een wachtwoord kunnen al niet worden bekeken, maar bijvoorbeeld een map met toe te voegen pagina’s (bijv. met de PHP include) mag de bot niet los bekijken, alleen in zijn geheel. Daarvoor maak je in de root van je website een bestandje aan die je opslaat als “robots.txt”. Er vanuit gaande dat je map waarin die bestanden staan “includes” heet, krijgt dat bestandje de volgende inhoud:

User-Agent: *
Disallow: /includes/

De map /includes/ wordt dan niet meer bekeken door de verschillende bots.
Voor meer informatie over de robots.txt kijk hier:
http://en.wikipedia.org/wiki/Robots_Exclusion_Standard

Een zoekmachine kan natuurlijk (nog?) niet geheel zelf bepalen op welke zoekwoorden een pagina moet worden gevonden. Daarvoor wordt gebruik gemaakt van onder andere meta-tags (opgeven binnen de head tag) waar zoekwoorden en een omschrijving kunnen worden weergegeven. Voor de website over broodbakmachines zou je kunnen bedenken dat je gevonden wilt worden op: “broodbakmachine, brood bakken, zelf brood bakken, vers gebakken brood”, maar ook dat je gevonden wilt worden via je eigen naam, zoals ik die in de URL liet zien.
Dit soort dingen geef je op met de meta-tag “keywords”.

<meta name="keywords" content=" broodbakmachine, brood bakken, zelf brood bakken, vers gebakken brood, eigen naam" />

Behalve de keywords kan je ook een omschrijving opgeven op deze manier, deze omschrijving zie je vaak bij zoekmachines bij het resultaat staan.

<meta name="description" content="De omschrijving van de website" />

Met het aangeven van de titel, de zoekwoorden en de omschrijving ben je er nog niet. De Google bot komt van zichzelf 1 keer in de paar weken bij je website op bezoek. Verandert je website nooit, dan “denkt” de bot dat deze oude informatie bevat en zal die dalen in de ranking. Het kan echter ook zijn dat je website, wegens wat voor reden dan ook, maar 1 keer per jaar gewijzigd wordt. Je kan dan aangeven dat de bot maar 1 keer per jaar terug moet komen.

<meta name="revisit-after" content="1 year" />

1 dayNa 1 Dag
2 daysNa 2 Dagen (kan je dan doortellen)
1 weekNa 1 week
2 weeksNa 2 weken
1 monthNa 1 maand
2 monthsNa 2 maanden
Overigens zijn er veel discussies gaande over deze meta-tag, of zoekmachines er wel of niet wat mee doen. Het kan echter geen kwaad om hem te gebruiken, vooral niet wanneer je niet regelmatig een update doet.
Update je wel regelmatig je website, dan maakt het niet uit of je hem wel of niet toevoegt. De bot bezoekt je website toch regelmatig.

Daarnaast kan je ook nog aangeven hoe de bot je website moet behandelen. Dat doe je op onderstaande manier.
<meta name="robots" content="index, follow" />
Index betekend dat je site geïndexeerd mag worden
Follow betekend dat links op je website gevolgd worden.
Noindex betekend dat je website niet geïndexeerd mag worden
Nofollow betekend dat links niet gevolgd mogen worden.

Belangrijk punt om op te letten met de keywords en evt. de beschrijving die je opgeeft is dat die per pagina kunnen verschillen. Geef voor bijvoorbeeld een pagina over “ingrediënten” voor het brood, ook “ingrediënten” als keyword op.

Google houdt ook rekening met of de opgegeven keywords wel op de pagina voorkomen. Dit zodat mensen niet heel populaire zoekwoorden gaan opgeven, terwijl de website over heel wat anders gaat. Je moet dus wel echt passende zoekwoorden opgeven. Het kan handig zijn om mensen uit je doelgroep te vragen aan wat voor termen ze denken, bij het onderwerp. Vaak kom je zo op wat betere termen uit, dan dat je zelf zou bedenken.

De Google-bot herkent sommige tags en gebruikt deze ook bij de scoring.
Daarom is een goede opbouw van de pagina belangrijk.

In de header van je website staat altijd een title. Binnen deze tag zet je de titel van de website, en de titel van de pagina waarop je je bevind.

Een H1 tag, (kop) bevat doorgaans de titel van de pagina waar je je op bevind. Tussenkoppen en dergelijke (h2, h3, enz.) bevatten een titel voor het stuk tekst wat meteen op de header binnen alinea (p) tags staat.

Voor de opbouw van het menu is het aan te raden een lijst (ul/li) te gebruiken. Het is dan meteen duidelijk dat de verschillende Items bij elkaar horen.

Een lay-out in tabellen is hierom ook af te raden. Er staat heel veel wisselende informatie in (ook veel cellen zonder enige informatie) terwijl de bot wel verwacht dat het bij elkaar hoort. Een tabel bevat namelijk normaal gesproken bij elkaar horende informatie, die met die tabel overzichtelijk weergegeven kan worden.

Daarnaast is de opbouw van de inhoud ook wel belangrijk. Belangrijke informatie betreffende het onderwerp zet je ook hoger in de tekst. Des te verder naar onderen de informatie staat over het onderwerp van je pagina, des te minder deze wordt meegewogen in de pagina.
Voor diegenen die het kennen, de opbouw van een persbericht is perfect geschikt voor gebruik op een website

Scheiden van Content en code
Wanneer je de website gaat opbouwen moet je er ook rekening mee houden dat een zoekmachine geen opmaak weergeeft. Het loont dus om je CSS niet in je pagina te zetten, maar deze via

<link href=”styles/style.css” rel=”stylesheet” type="text/css">

In te laden. Met de robots.txt kan je dan aangeven dat die de styles map ook niet doorzoekt.

Hetzelfde geld voor JavaScript. Ook dit kan je beter in een los bestand zetten. Op die manier komt de echte inhoud van je website eerder in de HTML code naar voren. De echte inhoud begint met een <h1> tag, waarin de titel van de pagina/ of beter gezegd het onderwerp staat.

Behalve het scheiden van opmaak en content loont het ook om de woorden opgegeven in de keywords terug te laten komen in de inhoud. Google kijkt daarnaar, om te voorkomen dat populaire termen zomaar worden opgegeven in de keywords.

Woorden betreffende het onderwerp Cursief of Vetgedrukt weergeven helpt ook. Die woorden worden door met name Google als belangrijker gezien, net als de woorden tussen de <h.> tags.

Zoals je merkt uit bovenstaande zijn de keywords erg belangrijk voor zoekmachines. Woorden tussen de <h.> tags, de <title> tag en vetgedrukt, onderlijnt of cursief zijn worden zwaarder gerekend dan gewone woorden.


Frames

Er wordt wel eens beweerd dat zoekmachines nu wel goed met Frames om gaan. Niets is minder waar, wat betekent dat het nog steeds is af te raden om frames te gebruiken. Wanneer een pagina in een Frameset wordt gevonden, die voldoet aan het onderwerp sturen zoekmachines de bezoeker door naar de frameset en wordt niet de juiste pagina ingeladen.

Er zijn wel workarounds voor mogelijk, maar die zijn niet aan te raden, omdat ook dat niet altijd goed werkt. Met Divs kan je ook een layout maken, waarbij het lijkt of er met frames wordt gewerkt.

Waarom werkt het niet met frames?
Google kijkt naar een URL. Zit je op je frameset op index.php, en laat je een andere pagina inladen dan veranderd de URL niet, wanneer google de link volgt komt die uit op een pagina zonder frameset, waarbij het menu dus niet meer aanwezig is.

Dit is voor de zoekmachine niet werkbaar. Daarnaast is de verwachting dat een zoekmachine ook nooit meer frame-vriendelijk zal worden, omdat Frames steeds vaker al worden vervangen door divs.

Zoals al eerder aangegeven in deze tutorial kijkt een zoekmachine onder andere naar de URL. De URL vormt dan ook een belangrijk onderdeel voor het verhogen van de vindbaarheid van een website. Vaak zie je een website als: “http://www.domein.com/index.php?pagina=1”. Met zo’n URL kan de zoekmachine helemaal niets, er staat geen pagina titel in bijvoorbeeld. Zoiets is ook mogelijk met nog meer termen achter het vraagteken, wat de URL nog veel onoverzichtelijker maakt.

Het is mogelijk om deze te herschrijven naar een andere URL. Op de achtergrond wordt die wel omgezet naar zo’n onduidelijke URL, maar de zoekmachine en bezoeker merken hier niets van. Door de naam van de pagina en subpagina er in weer te geven wint de locatie zowel voor een zoekmachine als voor de bezoeker aan duidelijkheid.
“http://www.domein.com/nieuws/Itemtitel.html” verwijst dan naar een bepaald nieuwsitem uit het nieuwsarchief. Door deze methoden te gebruiken is de pagina beter geschikt voor zoekmachines. Behalve het begrijpelijk maken van de URL is het ook nog eens zo dat wanneer de naam/ titel van de pagina, of de zoektermen voor deze pagina in de URL voorkomen de pagina ook hoger in de zoeklijsten komen.

Ericbruggema

Ik zou graag een toevoeging zien met voorbeelden.

bv
/index.php?mod=profile&id=1
moet dan worden
/profile/1/eric_bruggema.html

Om door te gaan op je voorbeeld. Dit is een heel goed voorbeeld. Het is niet erg als er een getal staat (zodat je met je rewrite_engine op het id kan zoeken, wat sneller is dan op de naam), die wordt niet meegenomen in de zoektermen.

Maar zoek je bijvoorbeeld op "eric bruggema" dan zal die ook jouw profiel weergeven. Je naam staat immers in de URL. De naam of het onderwerp in de URL is een heel belangrijk punt voor SEO. De URL is het eerste wat wordt gezien door de zoekmachine.

Een URL zoals hier op PHPhulp wordt gebruikt (in elk geval in de versie die draaide op: 26-02-'08) is niet zoekmachine geoptimaliseerd. De getallen zeggen niets voor de zoekmachine. Getallen komen op ontelbare pagina's voor. Zoek je op 3, dan kan je op een pagina over een bepaalde dag uitkomen, iets dat iemand een 3 heeft gehaald voor zijn toets (blog bijv) enzovoorts. Een getal komt op zoveel plekken voor dat het niet echt meetelt.
[ignore]http://www.phphulp.nl/php/tutorials/8/590/[/ignore]
Het enige dat google hieraan kan zien is dat het een php tutorial is, maar waar die over gaat is niet zichtbaar.
Beter zou zijn:
[ignore]http://www.phphulp.nl/php/tutorials/overig/search_engine_optimizing_seo.php[/ignore]

In principe werkt het het best als je gewone letters en in plaats van een spatie een underscore gebruikt in je URL. Getallen zeggen niets, maar ook speciale tekens voegen niets toe.
Die link die ik als voorbeeld geef voor deze Tutorial kan prima, zoals je ziet heb ik ook de ( en ) weggelaten, die voegen niets toe.

Ook onderdeel van het optimaliseren van een website voor zoekmachines en het verhogen van de vindbaarheid is het plaatsen van links en banners op andere websites. In principe kan je ervan uitgaan dat “des te meer links op andere sites, des te meer waardering” je pagina krijgt in een zoekmachine”. Hier zit echter wel een maar aan, waarop we terugkomen in het hoofdstuk “Negatieve factoren”.
Bij een banner is het belangrijk dat voor een mogelijke geïnteresseerde in het project meteen duidelijk is waarvan die banner is. In een oogopslag moet het duidelijk zijn waarvoor die banner is bedoeld.

Ook gewone links op andere websites helpen al aan de vindbaarheid van een website. Veel websites hebben tegenwoordig een onderdeel “links” waar allemaal links worden getoond. Ook deze worden prima meegenomen.


Dit wordt door Google in elk geval als belangrijk gezien, veel links naar jouw website zorgt voor een hogere scoring. Het moeten wel websites zijn die Google als "goed" aanmerkt. (zie ook onderdeel "Negatieve factoren")

Er zijn verschillende soorten hyperlinks (ook wel links of verwijzingen genoemd) die op de website gebruikt zullen worden, namelijk interne en in- en outbound verwijzingen. De interne links zijn de links vanaf de website naar een andere pagina binnen dezelfde website.
De in- en outbound links zij de inkomende links (vanaf een andere website naar jouw website) en de uitgaande links (vanaf jouw website naar een andere website).
Bij al deze verwijzingen is het belangrijk een titel op te geven, welke door een bezoeker te zien is als hij even op de link blijft staan. In deze titel wordt met een korte omschrijving aangegeven waar de link naar verwijst.

Zoekmachines houden ook rekening met wat voor anchortekst er in de link staat. Met de term anchortekst wordt de tekst bedoeld welke een bezoeker op de website ziet staan en die klikbaar is. Echter wordt in plaats van deze teksten ook wel eens een afbeelding gebruikt. Uit zo’n afbeelding kan de zoekmachine geen informatie halen, dus moet er een alternatieve tekst worden opgegeven. Deze wordt dan net zo behandeld als de anchortekst. Daarnaast wordt de alternatieve tekst ook getoond in browsers die geen afbeeldingen ondersteunen, of wanneer de afbeelding niet wordt gevonden.
Google waardeert niet alleen de letterlijke anchorteksten, maar ook combinaties met de woorden daarin. Gebruik dus altijd logische woordcombinaties binnen je links. Een link als “klik hier” is dus geen goede link.
Behalve het optimaliseren van hyperlinks, kan er nog meer gedaan worden zodat alle pagina’s kunnen worden gevonden. Om zoekmachines een volledig overzicht van de website te kunnen voorschotelen is het belangrijk ook een sitemap te maken. Deze bevat een overzicht van alle pagina’s op de website, waarin een logische volgorde is aangebracht. Op elke pagina van de website staat een link naar de sitemap. Zo is een bepaalde pagina binnen de website nooit meer dan twee muisklikken ver.

Zitten er pagina’s in de website die geen of nauwelijks nieuwe of unieke informatie bevatten, (ook informatie die er niet toe doet, of bijvoorbeeld alleen een pagina met een filmpje) kan het lonen om deze niet op te laten nemen in de zoekindex, en dus ook niet in de sitemap. Slechte pagina’s kunnen de ranking van de website verminderen.

Javascript links
AJAX is een opkomende techniek die steeds meer gebruikt gaat worden. Echter wordt hiervoor wel de functionaliteit van JavaScript gebruikt. Zoals al was aangegeven in deze tutorial, ondersteunen zoekmachines geen JavaScript.

Door bijvoorbeeld Unobtrusive JavaScript te gebruiken. Hierbij kan je je hele JavaScript scheiden van de rest van de website. Met een JavaScript functie schrijf je bijvoorbeeld je AJAX functie in de onclick van een link. De href kan je met dezelfde functie dan ook leegmaken.

Het is in elk geval heel belangrijk om te zorgen dat ook zonder JavaScript je hele website wel goed blijft functioneren. (links, bladeren door resultaten, alles)

Voorbeeld:

<a href="/brands/a.php" title="Merken met een A" id="a" />Merken met een A</a>
<a href="/brands/b.php" title="Merken met een B" id="b" />Merken met een B</a>

Zoals je ziet is dit een gewone link. Een zoekmachine kan deze prima volgen. Maar klikt iemand op de link wordt wel meteen de hele pagina gerefreshed. Met AJAX zou dat niet het geval zijn. Echter kan de zoekmachine dit dan niet meer indexeren. Met een JavaScript functie (de unobtrusive JavaScript) kan je, indien JavaScript ondersteuning aan staat, de link veranderen naar een AJAX geschikte link.

window.onload = function(){ //Wait for the page to load.
    var links = document.getElementsByTagName('a'), link;
    for(var i=0,l=links.length;i<l;i++){ 
        link = links[i];
        if(link.href && link.href !='#'){ 
            link.onclick = "AjaxLoadPage('"+link.id+"');return false";
            link.href = '#';
        }
    }
};

Je link zal door de JavaScript in deze functie veranderen naar:

<a href="#" title="Merken met een A" id="a" onclick="AjaxLoadPage('a');return false" />Merken met een A</a>
<a href="#" title="Merken met een B" id="b" onclick="AjaxLoadPage('b');return false" />Merken met een B</a>

Deze code zal alle links op je pagina meenemen. Echter zal je dat niet altijd willen, een aanrader hiervoor is ze een class mee te geven en alleen de elementen met een bepaalde class aan te passen naar je Ajax Functie.

Behalve alle positieve factoren om de website hoger te laten indexeren in de zoekresultaten zijn er ook een aantal zaken die juist niet helpen aan het hoger krijgen van de ranking. Hieronder zijn deze met een korte toelichting uitgelicht.

Verwijzingen veranderen
Het komt vaak voor dat een verwijzing naar dezelfde pagina op een andere manier wordt verwerkt. Wordt er naar de “index.html” pagina gelinkt, dan kan dat gebeuren door index.html weg te laten in de URL, deze daar wel neer te zetten of door er een / neer te zetten.
Zoekmachines zien dit niet als een link naar dezelfde pagina, maar als verschillende links.

Bereikbaarheid
Zoekspiders bezoeken met enige regelmaat uw website om ook de nieuwe content op de website te verwerken in de zoekindex. Dit kan alleen wanneer de website ook echt bereikbaar is. Websites die met enige regelmaat niet bereikbaar zijn op het moment dat de zoekspider langskomt (deze tijden staan niet vast, dus daar kan niets aan gedaan worden) dan zal dit een negatief effect hebben op de ranking. Een zoekmachine wil natuurlijk geen onbereikbare websites aanbieden aan zijn zoekers.

Dubbele content
Het één op één kopiëren van de content (tekstuele inhoud) van een andere website dan kan die worden beschouwd als ‘duplicate content’ en is een hoge score van die pagina niet meer mogelijk. Hetzelfde geldt voor content die dubbel op de eigen website staat, het loont dus om de content zo wisselend mogelijk te houden, en eventuele dubbele content zoveel mogelijk naar het einde van de content te schuiven. Beginnen met een inleiding over een tabel met inhoud bijvoorbeeld werkt beter dan een tabel laten zien, waarbij alleen de getallen van elkaar verschillen. Dit geld bijvoorbeeld bij overzichten, die per “Schone Klassen” school maar weinig qua opbouw verschillen.

Slechte verwijzingen
Let erop wat voor uitgaande links op de website staan. Links naar slechte websites zorgen voor een slechtere ranking. Voorbeelden van slechte websites zijn ‘linkfarms’, waarbij u de website aan kan melden, zodat er een link naar uw website op komt te staan. Voorwaarde is wel dat u ook een link plaatst naar die ‘linkfarm’.
Het is niet erg om een link naar een slechte site te hebben, maar wanneer mogelijk loont het om dit soort verwijzingen zo min mogelijk te gebruiken. De kwaliteit van de websites waarnaar verwezen wordt heeft een grote invloed op de ranking van de website.


Dubbele title- en metatags
De titel en de meta-tags op de verschillende pagina’s van de website kunnen het beste onderlinge verschillen hebben. Deze verschillen hoeven niet groot te zijn, maar wanneer ze hetzelfde zijn kan dit door de ‘dubbele content’ filters worden opgemerkt als dubbele informatie.
Dit moet worden voorkomen door iedere pagina een passende titel en passende meta-tags mee te geven.

Trucjes
Het gebeurt ook dat op websites een aantal koppen en een stukje tekst komt te staan, die met CSS worden verborgen. Deze teksten zijn vaak qua inhoud gebaseerd op hele populaire zoektermen.
Deze websites willen bij zoveel mogelijk onderwerpen worden gevonden. Toch komt Google er steeds vaker en gemakkelijker achter dat dit het geval is. Een pagina met 2 hele teksten, waarbij het eerst over "voetbal" gaat en daarna alleen maar over PHP horen niet bij elkaar.

Wordt je website "betrapt" op het gebruiken van dit soort trucjes, dan zal je heel erg dalen in de ranking. Het is dan (bijna) onmogelijk om weer zo hoog te komen.
Dit gebruik van al die trucjes is dan ook heel erg af te raden.

Er is heel veel wat kan worden gedaan aan het zo goed mogelijk ranken van een website. Je hoeft niet alle genoemde dingen te doen om goed te scoren bij zoekmachines. De belangrijkste (de opmaak/ opbouw van de pagina en content en goede zoekwoorden kiezen) helpen je al een heel eind op weg, belangrijker is om ervoor te zorgen dat je juist de “slechte dingen” achterwege laat.
Je zakt sneller dan dat je kan stijgen, dus moet je voorkomen dat je site een slechte naam krijgt bij Google.