Waarom SEO? Simpel, meer mensen op je website. Voor een winkel betekent meer klanten meer potentiële winst, voor een spelsite betekent dat meer mensen die komen spelen, ga zo maar door. Het is dus belangrijk dan je hoger bij google (en andere zoekmachines) in de lijst komt te staan dan je concurentie.
Bij google gaat alles om de zogenaamde Page Rank, ookwel PR. Hoe hoger je PR, hoe hoger je in de lijst word weergegeven. Tegenwoordig schieten websites als vuurpijlen uit de grond, je moet dus even wat moeite doen om je af te zonderen.
top2. Correcte werkwijze
Ik heb gewerkt met Google Adsense en daar de regels goed doorgelezen. De rode lijn daarin is eigenlijk iets als:
"Ga niet zomaar zooi maken die bezoekers niet zien, en zoekmachines wel".
Daar bedoelen ze mee, ga je site niet zo maken dat je hoger in de resultaten komt, zonder dat je het voor je klanten ook verbeterd.
Google is uiteraard niet dom en kent veel truucjes die mensen toepassing om stiekum toch info kwijt te kunnen. Voorbeeldje:
<div style="visibility:hidden;">hier een mooie omschrijving, of een samenvatting, of belangrijke woorden</div>
Hartstikke zichtbaar voor zoekrobots, hartstikke onzichtbaar voor mensen. Lijkt heel praktisch, maar als google dit tegenkomt, kom je op de blacklist, en word je dus als laatste weergegeven. En dat proberen we juist niet.
Enkele voorbeelden zijn:
-font-size 0
-tekst dezelfde kleur als background color
-de div of tekst onzichtbaar maken, op verschillende manieren
Nogmaals, allemaal trucjes die alleen de zoekrobot zien en mensen niet.
"Leuk, nou wat voorbeelden!?"
top3. Html zoals het hoort
Dit is de 'makkelijke' stap naar een 'correcte' website. Allereerst zorgt dat je html klopt. Dat kan met een validator. Ik ga er even van uit dat je dat hebt.
Ik ga nu een paar dingen omschrijven die helpen: <title>
De titel is belangrijk. Zorg dat je hier een goede accurate, niet te lange/korte, omschrijving van de pagina hebt staan. Het liefst zelf voor elke pagina van je site een eigen titel.
Wat ook belangrijk is om te weten, is dat als je meerdere pagina's met dezelfde titel hebt, er maar 1 van wordt weergegeven en de rest pas komt als er op "gerelateerde pagina's" word geklikt.
<img alt="Dit stuk" title="en dit stukje"> (geld ook voor <a> etc)
De alt. Alt staat voor Alternative, een klein tekstje als het plaatje (nog) niet laad. Ook deze is belangrijk. Zorg dat dit een paar kernwoorden gevat, maar wel als een korte zin. Google zal dit uitlezen en het zal bijvullen aan het beeld wat google aan het vormen is.
Dan de title. Dit is eigenlijk hetzelfde als alt, maar kan ietsje langer. Iets minder belangrijk dan de alt, maar kan nogsteeds praktisch zijn. De title komt bijvoorbeeld als je je muis even op een link houd. Houd hier je muis even op stil
(i)Frames
Voor het geval je dit nog niet wist: (i)Frames = Bad. Maak je pagina met div systeem. VELE malen beter.
Kort samengevat, zorg dat je code correct is. Niet alleen visueel, maar ook achter de schermen. <tilte> (lt verkeerd om) kost je al kilometers. "Thinking that a search engine will "browse" your site like Internet Explorer 6 is a dream. If the site won't display right in Netscape, Firefox, Opera or an old version of IE chances are good the search engines can't read it either."
top4. Html keuzes
Dit klinkt een beetje raar, maar de keuze van je html kan ook een wereld van verschil zijn. Google leest niet alleen je code om te checken of het goed is, het checkt ook de volgorde van je html.
Daar bedoel ik mee dat over het algemeen belangrijke info als eerste staat. Stel je hebt een site gemaakt in divjes, met een banner, userinlog, menu en een main content. Het is niet raar om ze in die volgorde in je html te zetten. Maar dit is totaal niet logisch, want je content is veel belangrijker dan de drie voorgenoemde. Dus die zet je als eerste. Dan banner, menu en als laatste userinlog.
Daar bedoel ik dus niet mee de optische plaatsing van de divs, maar de volgorde in je html, de volgorde van laden.
Wat ook een verkeerde keuze kan zijn, is al je titels zo maken: <span class="titel">, en dan lekker in je css er een mooie opmaak voor maken. Dat is niet zo snugger, want als je <h1> gebruikt, maakt google daar gebruik van en h1 kun je ook gewoon aanpassen to your likings.
Dan als laatste is woordkeuze ook een belangrijke als je bezoekers probeert te scoren. Als jij bv ergens hebt staat "reparatie, nieuw, pc" zal iemand die "reparatie pc" intypt jou niet zomaar bovenaan krijgen. Denk dus goed na over wat je belangrijk vind en probeer daar je site op aan te passen.
top5. Meta tags
De metatags. In de ogen van sommige de heilige graal voor SEO. Die zal ik bij deze even uit de droom helpen: FOUT!
Vroeger werden die uitgelezen, maar het is een stuk code die mensen niet zien en zoekrobots wel, dus die kun je helemaal volstouwen met zooi die bezoekers toch niet zien. Daardoor is besloten deze niet meer zo erg mee te laten doen.
Ze doen dus nog wel mee! Het zal niet bijzonder veel opleveren, maar alle beetjes helpen. Hieronder drie metatags:
<meta name="keywords" content="SEO, search engine optimalisation, PR, page rank" />
<meta name="description" content="Deze tutorial gaat over het opitmaliseren van je website" />
<meta name="author" content="Martijn Vooges" />
Voor meer info, zie de bronnen onderaan
top6. Backlinken
Crawlers (de echte naam voor de robots) gaan het internet af door van de ene link te hoppen naar de andere. Komen ze op een site met 3 andere links, gaat de crawler als 'ie klaar is met je site naar die drie. Het is dus fijn om op andere websites te staan.
Hoe meer links er naar jouw site gaat, hoe meer punten je scoort. Hoe hoger de PR is van deze sites, hoe meer punten je scoort. Het is dus beter om een link op sitemasters.be te hebben, dan om op de huis,tuin&keuken site van de buurman te staan.
En belangrijk iets om te weten:
Als je op een website staat waar wel tientallen link's staan (linkpartners bv), werkt dit averechts! Zorg dus dat je alleen op de juiste plekken je link hebt staan! Wat zonde is, want backlinken kan erg veel uitmaken.
Het maakt voor jou niet zoveel uit als je een link naar een andere goede website plaatst.
Voor meer info, zie de bronnen onderaan
top7. Sitemaps
Dit word een klein stapje lastiger, maar is nogsteeds wel te doen. Dit is goed als je heel veel pagina's hebt, of pagina's waar je niet zomaar komt, waar je wel de crawler doorheen wilt hebben. Je begint door een bestand aan te maken genaamd sitemap.xml moet aanmaken en er zoiets in zet:
Dit was een mager voorbeeld, voor meer info kun je hierheen
Het heeft géén zin om alles een priority van 1.0 te geven. Ook niet om dingen dubbel neer te zetten.
Plaats de belangrijkste en de nog net belangrijke pagina's. Stomzinnig pagina's toevoegen zal niet veel uitmaken.
"Each text file can contain a maximum of 50,000 URLs and must be no larger than 10MB (10,485,760 bytes). If you site includes more than 50,000 URLs, you can separate the list into multiple text files and add each one separately."
Als je meerdere sitemaps hebt, kun je dit doen:
top8. robots.txt
Dan het laatste onderdeel van het grote verhaal, robots.txt. Je kunt een crawler een beetje sturen. Je kunt bijvoorbeeld bepaalde mappen voor bepaalde zoekmachines blokkeren. Stel je hebt een site met foto's, maar die foto's wil je niet zo graag op google? Dan blokkeer je die fotomap.
Maak een txt bestandje aan en noem deze robots.txt, zet deze in je root folder en klaar.
Voorbeeldje:
User-agent: *
Disallow: /pages/ # Niet voor google
Disallow: /old/ # Oude versie van je site, niet meer opnemen in google
#De nette manier om plaatjes niet te laten indexeren
User-agent: Googlebot-Image
Disallow: /
User-agent: MSNBot-Media
Disallow: /
Wat is jouw favoriete javascript framework? (S: 18, R: 2)
