CodeKitHubVad är detta verktyg?
En slug är den URL-vänliga delen av en webbadress som identifierar en specifik sida, som 'my-awesome-post' i example.com/blog/my-awesome-post. Den härleds vanligtvis från sidans titel, skriven med gemener, där mellanslag och skiljetecken ersätts av en avgränsare.
Bra slugs är korta, läsbara och består endast av gemener, siffror och en avgränsare — inga mellanslag, accenttecken eller specialtecken som kan förstöra länkar eller förvirra sökmotorer.
Varför använda det?
- Live-förhandsvisning: se den genererade sluggen uppdateras medan du skriver, utan att behöva klicka på några knappar.
- Välj bindestreck eller understreck som avgränsare, och behåll vid behov originalets versaler/gemener.
- Valfri maxlängdsbeskärning som inte kapar ett ord mitt itu.
- Omvandlar vanliga accenttecken (é, ñ, ü osv.) till ren ASCII istället för att bara ta bort dem.
- Körs helt i din webbläsare — inget laddas upp eller loggas.
Så använder du det
- Klistra in eller skriv din titel eller text i inmatningsfältet.
- Välj avgränsare (bindestreck eller understreck) och slå på gemener om det behövs.
- Ställ vid behov in en maxlängd för att hålla slugs korta.
- Kopiera den genererade sluggen med ett klick.
Exempel
Inmatning
10 Tips for Building a Café in São Paulo!Resultat
10-tips-for-building-a-cafe-in-sao-pauloAccenter omvandlas, skiljetecken tas bort, och mellanslag blir bindestreck.
Vanliga användningsområden
- Bloggar och CMS-plattformar: generera en ren slug från en artikeltitel för inläggets URL.
- E-handel: bygg produkt-URL:er från produktnamn för renare, mer delbara länkar.
- Statiska webbplatsgeneratorer: många kräver ett slug-fält i frontmatter, härlett från sidans titel.
- Namngivning av filer och tillgångar: gör om valfri text till säkra filnamn utan mellanslag eller specialtecken.
Bästa praxis för slugs
Håll slugs korta och beskrivande — långa URL:er är svårare att dela och kan bli avkapade i sökresultat. Undvik utfyllnadsord som 'a', 'the' eller 'and' när du behöver korta ner en slug ytterligare.
När en URL med en viss slug väl är publicerad och indexerad bör du undvika att ändra den — det förstör inkommande länkar och sökrankningar om du inte samtidigt sätter upp en omdirigering. Bestäm din avgränsarkonvention (bindestreck är det brett rekommenderade standardvalet) innan du publicerar innehåll, eftersom en blandning av stilar på en webbplats ser inkonsekvent ut.
Vanliga frågor
Varför skrivs sluggen med gemener?
Sökmotorer och de flesta webbservrar behandlar URL:er som skiftlägeskänsliga, så att blanda versaler och gemener kan skapa problem med duplicerat innehåll (t.ex. att /Post och /post ses som två olika sidor). Gemener undviker detta helt.
Bindestreck eller understreck — vad är bäst för SEO?
Google har rekommenderat bindestreck sedan 2010, eftersom de behandlas som ordavgränsare, medan understreck kan tolkas som att ord slås samman. Bindestreck är det säkrare standardvalet för publika URL:er.
Vad händer med accenttecken eller icke-latinska tecken?
Vanliga latinska accenttecken (é, ñ, ü, ç osv.) omvandlas till närmaste ASCII-motsvarighet. Tecken utanför denna karta (som CJK- eller arabisk skrift) tas bort, eftersom de flesta konventioner för URL-slugs förutsätter enbart ASCII.
Varför kapar inte maxlängdsalternativet ord mitt itu?
Att beskära vid ett exakt antal tecken kan kapa ett ord mitt itu, vilket ser trasigt ut i en URL. Verktyget backar istället till föregående avgränsare, så att sluggen alltid slutar på ett helt ord.
Skickas något av min text till en server?
Nej. Omvandlingen sker helt med lokal JavaScript i din webbläsare. Inget av det du skriver laddas upp, lagras eller loggas.