Eenvoudige verkeerde code opmaak

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.

Deze pagina en trouwens de gehele site is opgemaakt door een website designer. De bezoeker ziet een mooie pagina. De opdrachtgever ziet ook hetzelfde mooie resultaat maar qua code is het een rommeltje en hoeft u nooit iets te verwachten van zoekmachines.

Uit onze analyse blijkt dan ook dat er absoluut geen enkele bezoeker op deze site komt.
Toch is dit een redelijk dure site geweest. Met wat extra aandacht zouden de eigenaren een veel grotere bezoekers frequentie kunnen hebben. Een gemiste kans.

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">&nbsp;verzekering&nbsp;</font>
</span></b></p>
<p>&nbsp;</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>&nbsp;</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>&nbsp;</td>
</tr>
</table>
<p>&nbsp;</p>
<p>&nbsp;</td>
</tr>
</table>
<p>&nbsp;</p>
</body>
</html>

Sluiten

Copyright PMC International BV