Wat er allemaal verkeerd kan gaan in een pagina code laten we hieronder zien met een redelijk kleine en eenvoudige broncode die rechtstreeks van het internet werd geplukt.
Zeer veel sites hebben problemen met hun broncode opmaak. Door onwetendheid van de opdrachtgever maar ook bij degene die de website maakt. De code ziet men toch niet en wordt daardoor heel vaak als bijzaak beschouwd.
Voor de duidelijkheid, het gaat hier om verzekeringen. Wat de titel "hypotheken"
hier moet doen is een raadsel als het om verzekeringen gaat. Waarschijnlijk komt
dat door een vaak gemaakte fout door een pagina te kopiëren en dan niet meer om
te kijken naar de titel van de pagina.
Dit is (voor de kenners) echter een gegenereerde pagina maar met een statische
inhoud. Dan is het nog een echte beginners fout.
Een description Meta Tag ontbreekt waardoor een resultaat, als dat al op een zoekmachine wordt gepresenteerd, geen omschrijving kan tonen. De zoekmachine pluk dan meestal maar een stuk tekst uit de pagina maar het is een gemiste kans om een redelijke positie te halen met de inhoud van een pagina. Het wordt in ieder geval nooit een top dertig positie.
Google zou kunnen weergeven
Hypotheken
... goed opgeleide en betrokken verzorgers staan
dag en nacht voor u klaar. Steeds...
www.website.nl/ - 8k - 5 sept 2005 -In cache - Gelijkwaardige pagina's
Dit wordt echt niks als het om zoekmachine resultaat gaat.
De tekst geeft ook maar weinig kansen en is zo algemeen en eigenlijk niets zeggend dat je daar niet mee verder kunt. Ook is er geen gebruik gemaakt van styles op de juiste manier en al helemaal niet via een externe CSS file. De Alt attributes bij de pictures zijn niet aanwezig, de Doctype is niet weergegeven en de overige gebruikte codes worden rommelachtig en overbodig gebruikt.
Sommigen (meer ingewijden) zullen zeggen dat deze laatste opmerkingen niet relevant zijn. Bedenk dan dat grote bedrijven zoals bijvoorbeeld Ebay en Paypal hiermee altijd rekening houden. En dat doen ze niet voor niets.
De onderstaande code is enigszins aangepast om de eigenaar daarvan te beschermen.
<html>
<head>
<title>Hypotheken</title>
</head>
<body>
<p><b><span style="background-color: #70B090"><font color="#FFFFFF" face="Arial" size="3"> verzekering </font>
</span></b></p>
<p> </p>
<table border="0" width="70%" cellspacing="0" height="395">
<tr>
<td width="100%" background="image/.jpg" height="393">
<table border="0" width="98%">
<tr>
<td width="65%"><font face="Arial" size="2"><b>Ieder z'n eigen wens.....</b></font>
<p><font face="Arial" size="2">Manato is al ruim 25 jaar specialist in
verzorging en -verzekeringen. Vanuit een landelijk netwerk van
centra staan onze goed opgeleide en betrokken verzorgers
dag en nacht voor u klaar. Steeds meer mensen waarderen onze betrokkenheid
en kiezen voor Manato. Uitgangspunt van Manato is de wens van de klant.</font>
<p> </td>
<td width="35%">
<p align="center"><font face="Arial" size="2"><b><img border="0" src="image/bal.gif" width="8" height="7">
<a href="http://www.website.com/frmprofielembview?openform">Verzekering</a>
<img border="0" src="image/bal.gif" width="8" height="7"></b></font>
<p align="center"><font face="Arial" size="2"><b><img border="0" src="image/bal.gif" width="8" height="7">
<a href="http://www.website.com/frmvraagembview?openform">Veel
gestelde vragen</a> <img border="0" src="image/bal.gif" width="8" height="7"></b></font></p>
<p align="center"><font face="Arial" size="2"><b><img border="0" src="image/bal.gif" width="8" height="7">
<a href="http://www.website.com/vwnavigatielu/algemeen">Rondleiding</a>
<img border="0" src="image/bal.gif" width="8" height="7"></b></font></p>
<p align="center"><font face="Arial" size="2"><b><img border="0" src="image/bal.gif" width="8" height="7">
<a href="www.website.com/frmdigiembview?openform">Digitale
bibliotheek</a> <img border="0" src="image/bal.gif" width="8" height="7"> </b></font></p>
<p> </td>
</tr>
</table>
<p> </p>
<p> </td>
</tr>
</table>
<p> </p>
</body>
</html>
![]()