Cos’è uno slug
Un generatore di slug per URL trasforma un titolo nello slug, cioè la parte di un indirizzo web che identifica una pagina con delle parole. In example.com/blog/creme-brulee-recipe lo slug è creme-brulee-recipe. I sistemi di gestione dei contenuti come WordPress, Shopify e la maggior parte dei generatori di siti statici costruiscono lo slug a partire dal titolo della pagina. Shopify li chiama handle.
Uno slug ben fatto è facile da leggere, facile da digitare e sicuro in qualsiasi browser. Questo significa lettere minuscole, cifre e un solo separatore tra le parole. Niente spazi, niente punteggiatura, niente accenti che diventano lunghi codici come %C3%A9 quando il link viene copiato.
Questo strumento fa la conversione per un intero elenco in una volta, uno slug per riga.
Come usare il generatore di slug
- Incolla i titoli in Titoli, uno per riga. Ogni riga diventa uno slug, e le righe vuote restano vuote, così il risultato resta allineato al tuo elenco.
- Leggi i risultati in Slug e premi Copia.
- Cambia le opzioni in basso per adattarle al tuo sito:
- Separatore: trattino, trattino basso, punto o nessuno.
- Lunghezza massima (0 = nessun limite): lo slug più lungo che vuoi. Gli slug lunghi vengono tagliati all’ultima parola intera che ci sta.
- Minuscolo: attivo di default. Disattivalo per mantenere le maiuscole.
- Converti accenti (é in e): sostituisce le lettere accentate e le lettere latine speciali con lettere semplici.
- Rimuovi stop word: toglie brevi parole di riempimento inglesi come the, a, to, and, of e for.
La riga sotto lo strumento indica quanti slug hai creato e la lunghezza del più lungo.
Esempi
Questi slug vengono dall’esecuzione del generatore su ciascun titolo.
| Titolo | Opzione | Slug |
|---|---|---|
| 10 Tips & Tricks for Café Owners | predefinita | 10-tips-and-tricks-for-cafe-owners |
| 10 Tips & Tricks for Café Owners | Rimuovi stop word | 10-tips-tricks-cafe-owners |
| Why Your Sourdough Isn’t Rising (and How to Fix It) | predefinita | why-your-sourdough-isnt-rising-and-how-to-fix-it |
| Why Your Sourdough Isn’t Rising (and How to Fix It) | Lunghezza massima 20 | why-your-sourdough |
| Straße, Łódź und Ørsted: A Guide | predefinita | strasse-lodz-und-orsted-a-guide |
| Straße, Łódź und Ørsted: A Guide | accenti mantenuti | straße-łódź-und-ørsted-a-guide |
| The Best Way to Learn a Language | Rimuovi stop word | best-way-learn-language |
| Crème Brûlée Recipe | trattino basso | creme_brulee_recipe |
| Hello World | Minuscolo disattivato | Hello-World |
| Hello World | nessun separatore | helloworld |
Un titolo italiano, con le opzioni predefinite: Città, università e caffè: guida per l'estate diventa citta-universita-e-caffe-guida-per-lestate. Le vocali accentate perdono l’accento senza problemi, ma nota lestate: l’apostrofo viene tolto e l’articolo si attacca alla parola (vedi sotto).
Come funziona
Ogni riga passa per gli stessi passaggi:
- La e commerciale (&) diventa la parola inglese “and” e gli apostrofi vengono tolti, così “Isn’t” diventa “isnt” e non “isn-t”.
- Se la conversione degli accenti è attiva, lettere come ß, æ, ø e ł vengono scritte per esteso, poi la normalizzazione Unicode separa lettere come é in e più il segno dell’accento, e il segno viene eliminato.
- Il testo viene messo in minuscolo, se l’opzione è attiva.
- Ogni sequenza di lettere e cifre diventa una parola. Tutto il resto, punteggiatura e spazi in più compresi, fa da separazione tra le parole.
- Le stop word vengono tolte, se l’hai chiesto. Se un titolo è fatto solo di stop word, restano tutte, così lo slug non è vuoto.
- Le parole vengono unite con il separatore scelto e accorciate alla lunghezza massima senza spezzare le parole.
Tutto avviene nel tuo browser.
Per i titoli italiani questo ha tre conseguenze. L’apostrofo sparisce senza lasciare un separatore, quindi L'albero più alto d'Italia: perché è così? diventa lalbero-piu-alto-ditalia-perche-e-cosi; se preferisci l-albero o vuoi togliere l’articolo, sostituisci gli apostrofi con uno spazio prima di incollare i titoli, oppure correggi lo slug a mano. La & diventa “and” (Pane & burro dà pane-and-burro), quindi scrivi “e” nel titolo. Infine Rimuovi stop word conosce solo parole inglesi: con Perché la pizza è più buona a Napoli toglie la “a” (che è anche una parola inglese) ma lascia “la”, e il risultato è perche-la-pizza-e-piu-buona-napoli.
Consigli per slug efficaci
- Tienili corti. Di solito bastano da tre a sei parole significative. Usa Lunghezza massima o Rimuovi stop word per accorciare i titoli lunghi.
- Non inserire date, a meno che la data non sia il punto della pagina. Uno slug senza anno si può aggiornare più avanti senza un redirect.
- Scegli uno stile e mantienilo. Mescolare trattini e trattini bassi nello stesso sito dà un’impressione di disordine e rende i link più difficili da indovinare.
- Cambia gli slug con prudenza. Quando una pagina è online e ha dei link, un nuovo slug rompe i vecchi link, a meno che tu non imposti un redirect dal vecchio indirizzo.
- Controlla i doppioni. Due articoli con lo stesso titolo avranno lo stesso slug. La maggior parte dei sistemi aggiunge
-2alla fine, ma è meglio rendere diversi i titoli.
Altri modi per creare uno slug
In JavaScript, una versione rapida per testo inglese semplice è:
'Hello World'.toLowerCase().replace(/[^a-z0-9]+/g, '-').replace(/^-|-$/g, '')
Restituisce hello-world. Non gestisce gli accenti, quindi Café perderebbe l’ultima lettera, e lo stesso vale per città o perché. Python ha il pacchetto python-slugify, e la maggior parte dei framework include una funzione per gli slug, come Str::slug in Laravel e slugify in Django.
In un foglio di calcolo puoi concatenare LOWER e SUBSTITUTE (in Excel in italiano MINUSC e SOSTITUISCI), ma accenti e punteggiatura richiedono un SUBSTITUTE ciascuno, quindi incollare qui l’elenco è più rapido.
Strumenti correlati
Per nomi di variabili invece che indirizzi web, usa il convertitore kebab case. Per codificare un testo che deve restare esattamente com’è dentro un link, usa lo strumento di codifica e decodifica URL. Per aggiungere il tracciamento delle campagne al link finito, usa il generatore di link UTM.