Wat is een relatieve URL?
Een relatieve URL is een Uniform Resource Locator (URL) die de locatie van een doel aangeeft ten opzichte van het adres van de pagina waar het doel zich bevindt. In tegenstelling tot absolute URL's bevatten relatieve URL's niet het protocol ("http://" of "https://") en de domeinnaam (bijvoorbeeld "example.com").
Als de paginahttps://example.com/seo/glossary/relative-url/ (met een slash) bijvoorbeeld de volgende code bevat:
<a href="best-practices">beste praktijken</a>de eindbestemming van die link zou zijn
https://example.com/seo/glossary/relative-url/best-practices.
Dit voorbeeld demonstreert het eenvoudigste gebruik van een relatieve URL. Om fouten te voorkomen die geassocieerd worden met relatieve URL's, is het belangrijk om bekend te zijn met meer geavanceerde gebruikssituaties.
Een adresboek begrijpen
Laten we eens kijken naar hetzelfde voorbeeld, maar deze keer eindigt de URL van de pagina niet met een slash:
https://example.com/seo/glossary/relative-url
Dezelfde code erop:
<a href="best-practices">beste praktijken</a>zou nu leiden tot:
https://example.com/seo/glossary/best-practices.
Waarom?
Hoewel er geen verschil is voor gebruikers, is een URL met een schuine streep technisch gezien een map, terwijl een URL zonder schuine streep wordt beschouwd als een bestand in de map /glossary/ (map). In dit geval is een relatieve URL relatief ten opzichte van de huidige map.
Er is een andere indeling voor een huidige directory-relatieve URL:
./voor de link.
Deze twee links leiden dus naar dezelfde bestemming:
<a href="best-practices">beste praktijken</a> <a href="./best-practices">beste praktijken</a>Wortelverwijzend pad
Als de relatieve URL een schuine streep heeft, betekent dit dat deze relatief is ten opzichte van het hoofddomein, waarbij alle mappen en submappen worden genegeerd.
Terug naar ons voorbeeld:
<a href="/best-practices">best-practices</a>Deze code op deze pagina zou een link maken naar:
https://example.com/best-practices
Een niveau hoger
Het ../ voorvoegsel van een relatieve link maakt hem relatief ten opzichte van de map één niveau hoger dan de huidige map.
De huidige map voor de URL https://example.com/seo/glossary/relative-url (zonder een slash) is /glossary/.
Dus de volgende code:
<a href="../best-practices">best-practices</a>maakt een link naar:
https://example.com/seo/best-practices
Relatieve vs. absolute URL's voor SEO
In termen van SEO is er geen verschil tussen relatieve en absolute URL's in de links op pagina's. Het wordt echter aanbevolen (maar niet verboden) om absolute URL's te gebruiken in rel="canonical" en hreflang tags om de kans op fouten en verwarring te minimaliseren.
Conclusie
Het begrijpen van relatieve URL's en hun gebruik is cruciaal voor een goede webnavigatie en het behouden van een georganiseerde sitestructuur. Hoewel relatieve URL's het linkbeheer binnen een site kunnen vereenvoudigen, hebben absolute URL's de voorkeur in specifieke SEO-tags om duidelijkheid te garanderen en fouten te voorkomen.
