URL-slug-generator — slugify elke tekst

Wat is een URL-slug?

// The core of a zero-dependency slugify (ASCII mode)
function slugify(input) {
  return input
    .normalize('NFD')                 // café → cafe + combining accent
    .replace(/[\u0300-\u036f]/g, '')  // drop the combining marks
    .replace(/ß/g, 'ss')              // chars with no NFD decomposition
    .replace(/&/g, ' and ')           // keep the meaning of '&'
    .toLowerCase()
    .replace(/[^a-z0-9]+/g, '-')      // every other run of junk → one hyphen
    .replace(/^-+|-+$/g, '');         // trim leading / trailing hyphens
}

slugify('Crème Brûlée Recipe');   // 'creme-brulee-recipe'
slugify('Salt & Pepper');         // 'salt-and-pepper'
slugify('10 Tips: A Guide!');     // '10-tips-a-guide'

Belangrijkste functies

Slug-generator-alternatieven vergeleken

Voorbeelden van slug-generatie

10 Tips for Faster JavaScript: A Complete Guide!

10-tips-for-faster-javascript-a-complete-guide

Crème Brûlée Recipe

creme-brulee-recipe

Große Änderungen für 2026

grosse-anderungen-fur-2026

Привет мир

privet-mir

你好 世界

你好-世界

Salt & Pepper: 100% Natural

salt-and-pepper-100-natural

Zo gebruik je de slug-generator

1. 1

   Plak of typ je tekst

   Klik in het invoerveld en voer een titel, kop of zin in — of tik op een van de preset-chips (Blogtitel, Accenten, CJK, Cyrillisch, Symbolen) om een representatief voorbeeld te laden. De slug verschijnt direct in het output-vak hieronder.

2. 2

   Kies ASCII- of Unicode-modus

   Laat Modus op ASCII voor een portable a–z slug die accenten translitereert en Cyrillisch/Grieks romaniseert. Schakel naar Unicode als je tekst in een niet-Latijns schrift staat (Chinees, Arabisch, Cyrillisch) en je de originele tekens in de URL wilt behouden.

3. 3

   Pas scheidingsteken, case en lengte aan

   Behoud het koppelteken-scheidingsteken (aanbevolen) of schakel naar underscore. Lowercase staat standaard aan; zet het uit om de hoofdletters te behouden. Stel een Max lengte in om lange slugs op een woordgrens te begrenzen, of laat hem op 0 voor de volledige slug.

4. 4

   Kopieer de slug

   Klik op Kopiëren om de afgewerkte slug naar je klembord te schrijven — de knop flitst "Gekopieerd!" ter bevestiging. Plak hem in je CMS-slugveld, bestandsnaam of anchor-id. Klik op Resetten om het invoerveld te wissen en opnieuw te beginnen.

Veelvoorkomende slug-fouten

https://example.com/My-Awesome-Post

https://example.com/my-awesome-post

https://example.com/my_first_post

https://example.com/my-first-post

https://example.com/caf%C3%A9-cr%C3%A8me

https://example.com/cafe-creme

the-10-absolute-best-and-most-effective-tips-for-writing-faster-javascript-code-in-2026

faster-javascript-tips

Wie gebruikt een slug-generator

Bloggers en content-auteurs

Zet een posttitel om naar de URL-slug die je CMS verwacht. Plak "10 Tips for Faster JavaScript: A Complete Guide" en kopieer `10-tips-for-faster-javascript-a-complete-guide` rechtstreeks in het WordPress-, Ghost- of Hugo-slugveld — zoekwoord-rijk en schoon.

SEO-specialisten

Stel korte, zoekwoord-gerichte slugs op die goed lezen in zoekresultaten en doorklik-waarde dragen. Gebruik de Max lengte-control om slugs onder ~60 tekens te houden en laat stopwoorden vallen voor een strakkere, relevantere URL.

Developers die routes en bestanden benoemen

Genereer veilige identifiers voor route-paden, statische-bestandsnamen, image-asset-namen en storage-sleutels vanuit mens-leesbare labels. ASCII-modus garandeert dat het resultaat portable is over filesystems en databases die struikelen over niet-ASCII-tekens.

Documentatie- en Markdown-auteurs

Reproduceer de kop-anchor-slugs die GitHub, GitLab en de meeste static-site-generators uit koppen maken, zodat je in-pagina "#sectie"-links overeenkomen. Unicode-modus spiegelt het behoud-de-letters-gedrag van GitHub voor niet-Engelse koppen.

Geïnternationaliseerde sites

Kies per-taal gedrag: translitereer Europese titels naar ASCII voor maximale compatibiliteit, of schakel naar Unicode-modus om Chinese, Cyrillische of Griekse tekens in de URL te behouden voor native-schrift-lezers. Beide zijn geldig; de toggle laat je per pagina beslissen.

E-commerce- en catalogus-teams

Genereer stabiele product- en categorie-slugs vanuit productnamen — inclusief geaccentueerde merknamen en symbolen. Slimme ampersand-verwerking betekent dat "Salt & Pepper" salt-and-pepper wordt in plaats van het woord te verliezen, wat de productnaam doorzoekbaar houdt.

Hoe slugificatie werkt

Unicode NFD-normalisatie voor accenten

Geaccentueerde Latijnse letters worden gevouwen door de string te normaliseren naar NFD (Canonieke Decompositie), wat een teken als é splitst in de basisletter e plus een combinatie-accent-acuut (U+0301), waarna de combinatietekens in het bereik U+0300–U+036F worden gestript. Dit is een ingebouwde, zero-dependency mogelijkheid van elke JavaScript-engine en dekt de accenten van Frans, Spaans, Portugees, Italiaans, Duitse umlauten, en de Scandinavische en Centraal-Europese talen. Tekens zonder canonieke decompositie — ß, æ, œ, ø, đ, ł, þ — worden verwerkt door een kleine expliciete map (ß → ss, æ → ae, enzovoort).

Cyrillische en Griekse romanisatie

ASCII-modus bevat compacte, handmatig onderhouden transliteratie-tabellen voor het Cyrillische en Griekse alfabet, zodat Привет мир privet-mir wordt en Λάμδα lamda wordt. De Cyrillische tabel gebruikt het gangbare Russische romanisatie-schema. CJK-ideogrammen en Arabisch schrift worden in ASCII-modus bewust niet getranslitereerd — volledige pinyin/romaji-conversie vereist grote woordenboeken en levert dubbelzinnige output — dus voor die schriften is Unicode-modus (die de tekens behoudt) de aanbevolen keuze.

Transliteratie-spiekbriefje

De tabel hieronder toont hoe representatieve tekens zich in elke modus gedragen. ASCII-modus streeft naar een portable a–z, 0–9 slug; Unicode-modus behoudt elke letter of cijfer.

Invoer	ASCII-modus	Unicode-modus
é è ê ë	e	é è ê ë (behouden)
ü ö ä	u o a	behouden
ñ	n	ñ (behouden)
ç	c	ç (behouden)
ß	ss	ß (behouden)
æ / œ / ø	ae / oe / o	behouden
Привет	privet	привет
Λάμδα	lamda	λάμδα
你好 世界	(weggelaten)	你好-世界
&	and	and
🚀 (emoji)	(weggelaten)	(weggelaten)

Scheidingsteken samenvoegen en trimmen

Na transliteratie wordt elke reeks tekens die geen letter of cijfer is vervangen door één scheidingsteken. Dit betekent dat dubbele en drievoudige leestekens nooit dubbele scheidingstekens kunnen opleveren: "a---b__c" wordt a-b-c. Voorafgaande en afsluitende scheidingstekens worden getrimd, zodat een titel die met leestekens begint of eindigt nooit een slug met een loshangend koppelteken oplevert. De ampersand wordt vóór deze stap uitgebreid naar "and" zodat het woord behouden blijft.

Woordgrens-afkapping

Wanneer je een maximale lengte instelt, wordt de slug tot die lengte gesneden en daarna, als de snede middenin een woord landde, teruggezet naar het vorige scheidingsteken zodat je nooit een half woord aan het einde krijgt. Een afsluitend scheidingsteken dat door de snede achterblijft wordt verwijderd. Er wordt altijd minstens één woord behouden, zelfs als het eerste woord langer is dan de limiet. Zet de limiet op 0 om afkapping volledig uit te schakelen.

Hoofdlettergevoeligheid en lowercasing

URL's zijn per specificatie hoofdlettergevoelig — /About en /about zijn verschillende adressen voor een zoekmachine — dus de tool zet standaard om naar lowercase om te voorkomen dat dezelfde inhoud via meerdere URL's bereikbaar is (een dubbele-content-risico). In Unicode-modus geldt lowercasing voor schriften die hoofdletters kennen (Latijns, Cyrillisch, Grieks) en is het een no-op voor schriften die dat niet doen (CJK). Zet de Lowercase-optie uit wanneer een downstream-systeem vereist dat de oorspronkelijke hoofdletters behouden blijven.

Aanbevolen aanpak voor URL-slugs

Houd slugs kort en zoekwoord-gericht

Mik op ruwweg 3–6 betekenisvolle woorden, idealiter onder ongeveer 60 tekens. Een korte slug is makkelijker te lezen, minder snel afgekapt in zoekresultaten en schoner bij het delen. Neem het doelzoekwoord van de pagina op en laat vulwerk vallen — stopwoorden zoals a, the, of en for kunnen bijna altijd worden verwijderd zonder duidelijkheid te verliezen.

Gebruik koppeltekens, geen underscores of spaties

Google behandelt koppeltekens als woordscheiders en underscores als woordverbinders, dus koppeltekens geven elk woord zijn eigen zoekwoord-signaal. Spaties moeten percent-geëncodeerd worden als %20, wat URL's lelijk maakt. Koppeltekens zijn de universele CMS-conventie — deze tool gebruikt ze standaard met een goede reden.

Verander nooit een gepubliceerde slug

Een slug is een permanent adres. Hem veranderen na publicatie breekt elke bestaande inkomende link, bookmark en social share, en reset de opgebouwde SEO-waarde van de pagina tenzij je een 301-redirect instelt. Beslis over de slug voordat je publiceert, en moet je hem later toch veranderen, voeg dan altijd een redirect toe van de oude slug naar de nieuwe.

Kies bewust ASCII of Unicode

Voor een breed of internationaal publiek maximaliseert ASCII-transliteratie de compatibiliteit en houdt het URL's schoon wanneer ze als tekst worden gekopieerd. Voor een eentalig niet-Latijns publiek (een Chinese, Russische of Griekse site) zijn Unicode-slugs leesbaarder voor je daadwerkelijke lezers en worden ze volledig ondersteund door moderne zoekmachines. Match de modus aan wie de URL zal lezen.

Laat datums uit de slug

Bak geen jaar of datum in de slug (/2024-buyers-guide). Wanneer je de inhoud later vernieuwt, zit je vast aan een verouderde datum in de URL of een slug-wijziging die links breekt. Sla de publicatiedatum in plaats daarvan op in je CMS-metadata, en houd de slug tijdloos zodat dezelfde URL jarenlang bijgewerkte inhoud kan dragen.

Veelgestelde vragen