Blog

In de meestal gevallen zullen bezoekers niet sneller afhaken bij je website wanneer je gebruik maakt van query gebaseerde url’s. Leesbare URL adressen geven een betere uitstraling aan je website, zijn leesbaarder en ook nog een stuk beter naar zoekmachine optimalisatie toe.

Hoe het zeker niet moet.

We halen enkele voorbeelden aan van hoe je de opbouw van je URL’s beter niet doet.

• http://www.standaard.be/artikel/detail.aspx?artikelid=DMF20100927_093
• http://phl.be/eCache/DEF/3/352.html
• http://dns.be/nl/home.php?n=41

Dit soort urls die enkel een id meegeven in hun url geven geen duidelijk beeld over de inhoud van de pagina. Een andere veel voorkomende fout is spaties in urls, want deze worden door de browser vervangen door %20-tekens.

Vriendelijke URL’s bouwen

De beste manier voor de opbouw van je URL's is de titel van je pagina gebruiken als referentie in je url. Dit noemen we een quicklink, de gestripte versie van je titel. Deze quicklink bekomen we door spaties te vervangen door een dash (-) en kan je best ook speciale tekens %$€°’”... verwijderen.

Vooraan in je URL structuur begin je het best met de taal bepaling. Indien je geen meertalige website hebt kan je dit best weglaten.

• http://www.website.be/nl/

Stel, we hebben een webshop en we willen het producten overzicht gaan tonen. Dan kun je best onderstaande url gebruiken.

• http://www.website.be/nl/producten/

De product detail pagina van onze webshop geven we dan als 3de argument mee in onze url.

• http://www.website.be/nl/producten/hp-pavilion-dv7-azerty/

Mochten we naast deze product detail pagina ook nog enkele extra pagina’s hebben zoals een foto pagina of een pagina met extra specificaties, dan geven we deze mee als extra parameter na onze product quicklink.

• http://www.website.be/nl/producten/hp-pavilion-dv7-azerty/fotos/
• http://www.website.be/nl/producten/hp-pavilion-dv7-azerty/specificaties/

De overige pagina's zoals disclaimer en categorieën kunnen we op de volgende manier gaan opbouwen.

• http://www.website.be/nl/categorieën/
• http://www.website.be/nl/categorieën/laptops/
• http://www.website.be/nl/paginas/disclaimer/

404-pagina's ?

De bovenstaande manier van werken is de ideale manier als je de titels van je producten of categorieën niet gaat veranderen. Want stel dat je deze gaat veranderen, dan zal ook je URL aangepast worden en gaat je pagina niet meer bereikbaar zijn. Daarom kan je in sommige gevallen best nog als laatste parameter het ID van je pagina meegeven in de URL. Wees hier niet te kwistig mee en pas die enkel toe op pagina's die veel van titel veranderen.

• http://www.website.be/nl/producten/hp-pavilion-dv7-azerty/1234/

Stel nu dat we nu de naam van dit product wijzigen, kunnen we aan de hand van de ID ons product ophalen in de database en vervolgens de quicklinks vergelijken. Als we de quicklink uit de database (nieuwe titel) vergelijken met deze wat in de url (oude titel) staat, gaan we merken dat deze niet gelijk zijn en kunnen we een redirect doen naar de nieuwe quicklink. Op deze manier blijven onze pagina’s steeds bereikbaar.

• http://www.website.be/nl/producten/hp-pavilion-dv7-azerty/1234/

Controleer ID en redirect naar nieuwe url

• http://www.website.be/nl/producten/hp-pavilion-dv7-azerty-new/1234/

Query parameters die wel worden toegestaan.

In sommige gevallen is het toegestaan om query paramaters mee te geven in je url. Maar enkel als het gaat om extra eigenschappen van deze pagina. Zoals een order, filter of een paginatie op de bestaande pagina.

• http://www.website.be/nl/producten/?order=desc&filter=name
• http://www.website.be/nl/producten/?pagina=5

Korter = Beter

Bovenstaande voorbeelden kunnen soms toch nog verbeterd worden. Zo is het naar zoekmachine optimalisatie beter om je URL’s zo kort mogelijk op te bouwen.

Als de hoofddoelstelling van je website laptops verkopen is, zoals in ons voorbeeld, kan het best je product quicklink zo ver mogelijk naar voren schuiven in de url. Zoekmachines redeneren namelijk "wat het meest vooraan staat is belangrijker dan alles erachter".

• http://www.website.be/hp-pavilion-dv7-azerty/1234/
• http://www.website.be/laptops/
• http://www.website.be/disclaimer/

We maken onderscheid tussen bovenstaande 3 pagina’s door even te controleren of ze voorkomen in de database. Zo starten we in dit voorbeeld door even te controleren of ‘disclaimer’ een categorie is, zoniet zijn we zeker dat het om een teksten pagina gaat. Als we zien dat onze url 2 paramaters heeft, waarvan het eerste een string en het tweede een integer, gaan we er vanuit dat het om een product detail pagina gaat.

Zo houden we onze urls kort, leesbaar en seo vriendelijk.

Toch even meegeven dat hier geen regel rond bestaat, meer deze blogpost gebaseerd is op mijn ervaring op het web. Ik hoop dan ook dat iedereen er even bij blijft stilstaan dat URL leesbaar maken soms een kleine moeite is en toch enkele voordelen heeft.

Vragen en opmerkingen zijn zoals altijd zeer welkom.