CodeKitHubWat is deze tool?
Een slug is het URL-vriendelijke deel van een webadres dat een specifieke pagina identificeert, zoals 'my-awesome-post' in example.com/blog/my-awesome-post. Deze wordt meestal afgeleid van de paginatitel, in kleine letters, waarbij spaties en leestekens worden vervangen door een scheidingsteken.
Goede slugs zijn kort, leesbaar en bestaan alleen uit kleine letters, cijfers en een scheidingsteken — geen spaties, geaccentueerde tekens of speciale symbolen die links kunnen breken of zoekmachines in verwarring kunnen brengen.
Waarom gebruiken?
- Live voorbeeld: zie de gegenereerde slug bijwerken terwijl je typt, zonder op knoppen te klikken.
- Kies koppelteken of underscore als scheidingsteken en behoud desgewenst de originele hoofdlettergebruik.
- Optionele maximale-lengtebeperking die geen woord middendoor knipt.
- Zet veelvoorkomende geaccentueerde tekens (é, ñ, ü enz.) om naar gewoon ASCII in plaats van ze simpelweg te verwijderen.
- Werkt volledig in je browser — er wordt niets geüpload of gelogd.
Hoe te gebruiken
- Plak of typ je titel of tekst in het invoerveld.
- Kies een scheidingsteken (koppelteken of underscore) en schakel indien nodig kleine letters in.
- Stel eventueel een maximale lengte in om slugs kort te houden.
- Kopieer de gegenereerde slug met één klik.
Voorbeeld
Invoer
10 Tips for Building a Café in São Paulo!Uitvoer
10-tips-for-building-a-cafe-in-sao-pauloAccenten worden omgezet, leestekens verwijderd en spaties worden koppeltekens.
Veelvoorkomende toepassingen
- Blog- en CMS-platforms: een schone slug genereren uit een artikeltitel voor de URL van het bericht.
- E-commerce: productURL's opbouwen uit productnamen voor schonere, beter deelbare links.
- Statische sitegeneratoren: veel vereisen een slug-veld in de frontmatter, afgeleid van de paginatitel.
- Bestands- en assetnaamgeving: willekeurige tekst omzetten naar veilige bestandsnamen zonder spaties of speciale tekens.
Best practices voor slugs
Houd slugs kort en beschrijvend — lange URL's zijn moeilijker te delen en kunnen worden afgekapt in zoekresultaten. Vermijd stopwoorden zoals 'a', 'the' of 'and' wanneer je een slug verder moet inkorten.
Zodra een URL met een bepaalde slug is gepubliceerd en geïndexeerd, kun je deze beter niet meer wijzigen — dat breekt inkomende links en zoekposities, tenzij je ook een omleiding instelt. Bepaal je scheidingstekenconventie (koppeltekens zijn de breed aanbevolen standaard) voordat je content publiceert, want het mengen van stijlen op een site oogt inconsistent.
Veelgestelde vragen
Waarom wordt de slug in kleine letters geschreven?
Zoekmachines en de meeste webservers behandelen URL's als hoofdlettergevoelig, dus het mengen van hoofd- en kleine letters kan duplicate-content-problemen veroorzaken (bijvoorbeeld /Post en /post die als twee verschillende pagina's worden gezien). Kleine letters voorkomen dit volledig.
Koppelteken of underscore — wat is beter voor SEO?
Google beveelt sinds 2010 koppeltekens aan, omdat deze als woordscheidingstekens worden behandeld, terwijl underscores kunnen worden gelezen als het aan elkaar plakken van woorden. Een koppelteken is de veiligere standaardkeuze voor openbare URL's.
Wat gebeurt er met geaccentueerde of niet-Latijnse tekens?
Veelvoorkomende geaccentueerde Latijnse tekens (é, ñ, ü, ç enz.) worden omgezet naar het dichtstbijzijnde ASCII-equivalent. Tekens buiten deze mapping (zoals CJK- of Arabisch schrift) worden verwijderd, omdat de meeste conventies voor URL-slugs alleen ASCII verwachten.
Waarom knipt de maximale-lengteoptie woorden niet middendoor?
Afkappen op een strikt aantal tekens kan een woord middendoor knippen, wat er kapot uitziet in een URL. Het hulpmiddel keert in plaats daarvan terug naar het vorige scheidingsteken, zodat de slug altijd op een heel woord eindigt.
Wordt een deel van mijn tekst naar een server gestuurd?
Nee. De conversie gebeurt volledig met lokale JavaScript in je browser. Niets van wat je typt wordt geüpload, opgeslagen of gelogd.