Om zoekmachine optimalisatie (SEO) goed toe te passen heeft men een bepaalde mate van HTML-kennis nodig. Hoewel SEO meer is dan HTML is een goede basis onontbeerlijk. Hoe meer kennis, hoe beter iemand de website kan “lezen” en kan verbeteren (vanuit SEO-oogpunt). Toch zijn er een aantal elementen binnen de HTML die belangrijker zijn voor SEO dan andere, de meeste daarvan zullen in dit artikel toegelicht worden.
HTML-code
Allereerst is het belangrijk om te weten hoe HTML-code is opgebouwd. HTML-code bestaat uit elementen en attributen:
- Elementen bestaan uit tweetallen. Een deel dat het element activeert (“start tag”) en een deel dat de activering beëindigt (“end tag”).
- Attributen zijn nadere specificaties van een element. Ze worden opgenomen in de activering van het element voor het >-teken. Indien meerdere attributen aan het element worden toegevoegd worden deze gescheiden door een spatie. In veel gevallen moet voor een attribuut een waarde worden opgegeven.
Hieronder zullen een aantal belangrijke elementen, en eventueel relevante, bijbehorende attributen, worden besproken die van belang zijn bij het optimaliseren van een website voor zoekmachines (zowel in positieve als negatieve zin).
Elementen die ingezet kunnen worden voor SEO
| Wat |
Head |
| Betekenis |
Bevat informatie over het document welke niet in het documentvenster zelf wordt weergegeven |
| Tag |
<head> </head> |
| SEO |
In de head van het document kunnen meerdere elementen (met bijbehorende attributen) worden geplaatst die website optimaliseren. |
| Wat |
Body |
| Betekenis |
Inhoud van het document zelf. |
| Tag |
<body> </body> |
| SEO |
Bevat de inhoud zelf en vormt de bulk van het HTML-document. Het andere gedeelte van het HTML-document is het bovengenoemde “head”. |
| Wat |
Title |
| Betekenis |
Titel van het document (moet in het “head” geplaatst worden) |
| Tag |
<title> </title> |
| SEO |
Misschien wel het belangrijkste element bij bij het optimaliseren van zoekwoorden. De titel wordt weergegeven bovenin de browserbalk van de internetgebruiker en als resultaat bij zoekopdrachten. Met name het eerste woord van de titel is van cruciaal belang. |
| Wat |
Anchor |
| Betekenis |
Een “anchor” kan gebruikt worden om een link te plaatsen of een link naar een specifieke plaats binnen een document te plaatsen. |
| Tag |
<a> </a> |
| Relevante attributen |
href (voor links)
name (voor het benoemen van een plaats binnen het document, met een href naar #name kan er vervolgens naar de locatie gelinkt worden.)
title (voor de titel van de link, zichtbaar als de gebruiker er met de muis overheen gaat) |
| SEO |
Een goede weblink is belangrijk bij het optimaliseren van een website. Daarbij moet de “anchor text” niet vergeten worden (de tekst tussen de <a> en </a>). De “anchor text” is het stuk tekst dat als link dient voor de gebruiker. Deze klikbare tekst geeft informatie over het onderwerp van de pagina naar heen verwezen wordt en geeft daardoor ook de relevantie aan voor zowel de gebruiker als de zoekmachine. Wanneer deze tekst accuraat het onderwerp weergeeft zal de website voor dit onderwerp dan ook beter vindbaar zijn.
Ook het “title” attribuut mag niet vergeten worden. Wanneer de gebruiker met de muis over de link gaat kan dit attribuut hem van extra informatie voorzien. Net als bij de “anchor text” kan men bij het “title attribuut” een omschrijving van de link geven en ook hieraan kunnen gebruikers en zoekmachines informatie ontlenen over het onderwerp van de doelpagina. Wel is het “title” attribuut minder belangrijk dan de “anchor text” zelf, maar nog steeds is het van waarde. |
| Wat |
Emphasis |
| Betekenis |
Benadrukt tekst (schuingedrukt) |
| Tag |
<em> </em> |
| SEO |
Een benadrukte tekst heeft meer waarde voor een zoekmachine (net als voor een lezer). Dit zegt iets over het belang van de tekst en dient het niet enkel als opmaak (zoals bij “italic” <i>). |
| Wat |
HTML headings |
| Betekenis |
Tekst koppen |
| Tag |
<hx> </hx>(waar “x” = 1 tot en met 6) |
| SEO |
Net als bij het lezen van een tekst op papier maakt men bij HTML ook gebruik van koppen om hoofdstukken en paragrafen aan te duiden. Hierbij geldt dat h1 de grootste kop is en h6 de kleinste. H1 is daarmee ook de belangrijkste kop om zoekwoorden in terug te laten komen. Voor SEO lijken eigenlijk alleen h1 tot en met h3 echt belangrijk (h4 tot en met h6 hebben weinig extra invloed). |
| Wat |
Image |
| Betekenis |
Afbeelding |
| Tag |
<img> |
| Relevante attributen |
alt(alternatieve tekst voor de afbeelding) |
| SEO |
Voor SEO is het belangrijk om voor de afbeelding een alternatieve tekst te gebruiken. Zoekmachines kunnen afbeeldingen en tekst in afbeeldingen niet doorzoeken en daarom moet er een alternatieve tekst worden gegeven die de afbeelding zorgvuldig omschrijft. Deze alternatieve tekst kan dan worden meegenomen door de zoekmachines en gebruikers die de afbeelding niet geladen krijgen zien in ieder geval de alternatieve tekst. |
| Wat |
List item |
| Betekenis |
Een item dat onderdeel uit maakt van een lijst (geordend of ongeordend) |
| Tag |
<li> </li> |
| SEO |
Een lijst moet goed opgemaakt zijn zodat hij door de zoekmachine goed doorzocht kan worden. Een lijst geeft daarnaast aan dat bepaalde informatie bij elkaar hoort, zoals bijvoorbeeld een menu. |
| Wat |
Metadata |
| Betekenis |
Data over data |
| Tag |
<meta> |
| Relevante attributen |
name=”description” content=”………” |
| SEO |
De meta description geeft een korte beschrijving van de inhoud van de pagina. De beschrijving van de inhoud heeft geen (directe) invloed op de vindbaarheid van zoekwoorden, maar is wel belangrijk. Bij het vertonen van de resultaten van de zoekopdracht in bijvoorbeeld Google zal eerst de titel van de pagina worden weergegeven en daaronder zal men de omschrijving van de inhoud zien. Indien de zoekopdracht woorden bevat die in de omschrijving van de inhoud voorkomen zullen deze vetgedrukt weergegeven worden. Hoewel de omschrijving dus niet direct wordt meegenomen is het duidelijk zichtbaar voor de zoeker en zal hij bij het maken van een keuze uit de zoekresultaten hier rekening mee houden. Een goede omschrijving van de inhoud is daarom belangrijk. |
| Wat |
Ordered list |
| Betekenis |
Geordende lijst (bijvoorbeeld 1, 2, 3, etc.) |
| Tag |
<ol> </ol> |
| Wat |
Paragraph |
| Betekenis |
Paragraaf |
| Tag |
<p> </p> |
| SEO |
Hoewel niet van grote impact voor SEO is het wel belangrijk om, net als bij het schrijven van een stuk tekst, ook bij een webpagina een goede structuur met paragrafen aan te houden. |
| Wat |
Strong |
| Betekenis |
Benadrukt tekst (dik gedrukt) |
| Tag |
<strong> </strong> |
| SEO |
Een benadrukte tekst heeft meer waarde voor een zoekmachine (net als voor een lezer). Dit zegt iets over het belang van de tekst en dient niet enkel als opmaak (zoals bij “bold” <b> |
Elementen die een negatieve invloed kunnen hebben op SEO
| Wat |
Frame |
| Betekenis |
Een document onderverdelen in verschillende html-pagina’s |
| Tag |
<frame> </frame> |
| SEO |
Voor zoekmachines is het erg lastig om frames te doorzoeken. Hierdoor kan het voorkomen dat tekst binnen frames niet wordt meegenomen of dat gebruikers naar de verkeerde pagina worden doorverwezen. Ook vermindert het de gebruiksvriendelijkheid van de website; zo kunnen gebruikers bijvoorbeeld een frame niet bookmarken. Frames dienen dan ook niet gebruikt te worden. |
| Wat |
Frameset |
| Betekenis |
Een frameset bevat twee of meer frames |
| Tag |
<frameset> </frameset> |
| SEO |
Zie “Frame” |
| Wat |
Infline Frame |
| Betekenis |
Een inline frame plaatst een html-document in een frame |
| Tag |
<iframe> </iframe> |
| SEO |
Voor inline frames geldt hetzelfde als voor frames en dienen in principe niet gebruikt te worden. Echter, het kan voorkomen dat een inline frame wel gebruikt wordt om bijvoorbeeld bepaalde tekst buiten de zoekmachines te houden (denk hierbij aan advertenties). |
| Wat |
Metadata |
| Betekenis |
Data over data |
| Tag |
<meta> |
| Relevante attributen |
name=”keywords” content=”………” |
| SEO |
De beschrijving van de keywords heeft geen waarde meer en hoeft niet meer gebruikt te worden. Het volzetten van dit element kan wel een indicatie voor Google zijn dat er aan overoptimalisatie gedaan wordt. |
| Wat |
Script |
| Betekenis |
Beschrijft de client-side script (zoals bijvoorbeeld JavaScript) |
| Tag |
<script> </script> |
| Relevante attributen |
type |
| SEO |
Informatie binnen scripts is lastiger te vinden voor zoekmachines en het gebruik van script voor gewone content moet dan ook waar mogelijk vermeden worden. |
Slot
HTML-kennis is onontbeerlijk voor SEO. Bovenstaande elementen en attributen kunnen van belang zijn bij het optimaliseren van een website voor zoekmachines. Het betreft een aantal van de basiselementen en er zijn nog meer elementen die (in meerdere en mindere mate) een rol kunnen spelen bij SEO. Toch is het belangrijk om niet te vergeten dat het niet enkel om het aanpassen van elementen en attributen gaat, maar dat het vooral belangrijk is dat de website zelf van goede kwaliteit is: goede, interessante inhoud die relevant is voor de bezoekers. Met een dergelijke inhoud trek je bezoekers en behoud je ze ook.
11 maart 2010
