Web pagina ontwerp en de
positie van de inhoud
Als je web optimalisatie voor zoekmachines echt tot in de
details gaat doorvoeren is dit onderwerp er een waarvan je
zult denken "ja, het zal wel". Waar het in deze
pagina om gaat is de positie van de werkelijke inhoud (zoals
deze tekst) versus het design (html code / Javascript) van
de pagina.
Bekijk de inhoud van een pagina uit de ogen van een "spider".
Zoals reeds eerder besproken haalt de spider een pagina op
en vervolgens wordt de pagina door een filter gehaald. Bij
het toekenning van een ranking score is reeds eerder aangegeven
dat hierbij algortihme's worden gebruikt hoe mensen artikelen
lezen en selecteren: tekst die boven aan in een document staat
weegt vaak zwaarder dan de tekst die lager in een document
staat. Dit geldt dus ook voor webpagina's.
Visueel kan het dus erop lijken dat de inhoud van een pagina
boven aan staat maar in de fysieke source code staat de juiste
inhoud in het midden of onderaan de pagina. Dit komt vaak
door het gebruik van opmaak code, zoals tabellen of veel Javascript
functies in de HTML head section.
Let bij het pagina ontwerp op de volgende aspecten:
- Bij het gebruik van een tabel kan het erop lijken dat
de werkelijk tekst bovenaan staat in de code echter als
je in de fysieke html code kijkt kan het voorkomen dat de
werkelijke tekst in het midden of onderaan in de html code
staat.
- Let bij de opzet van je webpagina erop dat de meest belangrijkste
informatie bovenaan in de code staat. Zorg er desnoods voor
als je bijvoorbeeld met tabellen werkt dat in de eerste
fysiek column een image staat met een goede alt-tag. Sommige
zoekmachines maken namelijk geen gebruik van de META tags
maar pakken de eerste paar zinnen voor de samenvatting,
in dit geval dan de alt tag.
- Maak vooral bij doorway pages zo min mogelijk gebruik
van enige opmaak attributen. Hou de pagina zo simpel mogelijk
en zorg ervoor dat de meest belangrijk tekst + tags fysiek
boven in de HTML code staat.
- Indien je gebruik maakt van frames zorg er dan voor dat
de noframe tag boven
de frame set staat. Voeg daarnaast de meeste relevante informatie
toe aan de noframe tag.
- Indien je gebruik maakt van dhtml menu's d.m.v. Javascript
of veel Javascript
code of veel style opmaak definitie zorg dan dat je gebruik
maakt include files en neem de code niet op in het werkelijke
document. Hierdoor blijft de pagina 'compact'.
- Indien je niet anders kan vanwege de opmaak van je pagina
dan kan je altijd een transparante gif op nemen net onder
de <body> tag. Voeg dan een krachtige, korte omschrijving
van de inhoud van de pagina toe aan de alt tag van de transparante
gif.
- Mocht je wanhopig omhoog zitten m.b.t. het design en de
fysieke plaats van de inhoud van de webpagina dan kan je
nog overwegen om gebruik te maken van zogenoemde layers.
Het voordeel van het gebruik van layers is dat je zelf kan
bepalen waar in de code je ze neerzet. Nadeel is naar mijn
inziens het probleem om de layout met het gebruik van layers
t.a.v. de verschillende browsers eenduidig / gelijk te krijgen.
|
