SEO, hetgeen wat ons webmasters nachten wakker houd. Vooral het structureel opbouwen van een pagina is erg moeilijk, omdat opbouw-structuur standaarden vaak verkeerd worden geïnterpreteerd.

Deze standaarden helpen zoekmachines in het ’sorteren’ van een pagina. Zo is een stuk tekst in een kopje belangrijker als gewone inhoud. Tekst in een lijst heeft met elkaar te maken en een paginatitel is belangrijk dan een tussenkopje. Als een zoekmachine je site goed kan begrijpen zal hij hem ook goed kunnen doorzoeken.

Hierdoor en door andere waarden (zoals veel links naar de pagina) kan er een hoge ranking behaald worden. Met een hoge ranking word bedoelt dat de pagina voor een zoekmachine erg belangrijk is. Hij zal in de zoekresultaten hoger staan dan een andere, minder belangrijke pagina. Zeker nu er veel ‘gegoogled word’ is de SEO dus erg belangrijk.

Laten we beginnen met een voorbeeld van een snippet met een goeie structuur.

<h1>Paginatitel</h1>
<h3>Tussenkop</h3>
<p>
En de tekst hierbij
</p>

Erg belangrijk een duidelijke structuur. Veel gemaakte fouten die ik zie zijn divs zetten om een paragraaf, maar geen <p></p>. Natuurlijk mag je wel een div gebruiken, maar zet daar dan wel een <p> in. Dat helpt zoekmachines met zoeken door je pagina. Voor de paginatitel gebruik je natuurlijk een hoge H (<h1>/<h2>) en voor een tussenkop een kleinere.

<ul>
<li><a href=”home/”>Home</a></li>
<li><a href=”contact/”>Contact</a></li>
</ul>

Ook iets wat vaak fout gedaan word, menu-items staan in verband met elkaar. Zet ze dus in een lijst!

<table>
<tr>
<td>Tussenkop</td>
<td>
<p>
En de tekst hierbij
</p>
</td>
</tr>
</table>

Wees maar niet bang, dit was een voorbeeld hoe het dus niet moet. Tabellen is bedoelt om informatie te geven die van elkaar afhangt. Zoals deze tabel:

Tijd (sec.) Snelheid (km/h)
0 0
5 20
7 30
10 40
15 50
20 70

Stukken tekst moeten worden neergezet als in het 1e voorbeeld. Een ander iets waarvoor mensen vaak tabellen gebruiken zijn formulieren, deze kan je het beste met CSS stijlen. Door labels te gebruiken.

<label for=”test”>Naam: </label><input type=”text” id=”test” name=”naam” value=”Naam”/>
<label for=”test2>eMail: </label><input type=”text” id=”test2″ name=”mail” value=”eMail”/>

Dit allen kan je tegenover elkaar positioneren door div’s, met divs bepaal je dus het grote geheel.

<div style=”float:left;”>
<h3>Tekst</h3>
<p>En nog meer tekst over tekst.</p>
</div>
<div style=”float:left;”>
<ul>
<li><a href=”home/”>Home</a></li>
<li><a href=”contact/”>Contact</a></li>
</ul>
</div>

Hier zal bijvoorbeeld het menu naast de tekst staan.

Mijn vraag aan jullie in de reacties, wat zie jij vaak fout gedaan worden? En hoe moet het dan volgens jou?

Stem of voeg toe aanUitleg over het gebruik van deze icons :  Plaatsen/stemmen op NUjij Plaatsen/stemmen op eKudos Plaatsen/stemmen op Bligg.be Plaatsen/stemmen op Netjes.be Plaatsen/stemmen op Digg Voeg dit artikel toe aan Del.icio.us Voeg toe aan je favorieten op Technorati Abonneer je op de RSS-feed van deze site Verstuur deze pagina per e-mail via Feedburner Plaats dit bericht op Twitter

Gerelateerde berichten