Caratteri speciali negli URL: quali sono e come gestirli

Gli URL (Uniform Resource Locator) sono componenti fondamentali del web, in quanto identificano in modo univoco ogni risorsa disponibile su internet.

In questo articolo vedremo cos’è una URL e da quali elementi e composta. Approfondiremo i problemi legati all’uso dei caratteri non ammessi e forniremo al lettore consigli pratici per creare URL valide ed efficaci.

Cos’è un URL e come è fatta

Una URL è l’indirizzo univoco che identifica una risorsa su internet, come una pagina web, un’immagine o un file. Serve a specificare dove si trova la risorsa e come accedervi.

Prendiamo ad esempio la URL di questo articolo:

https://www.mrw.it/caratteri-speciali-url/

Le sue parti sono:

• il protocollo ( https://)
• il dominio ( www.mrw.it)
• il percorso ( /caratteri-speciali-url/).

All’interno degli URL, oltre a questi componenti, possono essere inseriti anche altri elementi, come query string e frammenti, che contengono parametri e informazioni aggiuntive.

Le query string sono porzioni dell’URL che seguono il simbolo ? e servono a passare parametri e dati al server, come filtri di ricerca o opzioni selezionate dall’utente. I frammenti, invece, sono identificati dal simbolo # e vengono utilizzati per puntare a sezioni specifiche di una pagina web, consentendo al browser di scorrere direttamente alla parte indicata senza ricaricare l’intera pagina dall’inizio.

Caratteri speciali negli URL

I caratteri speciali negli URL sono simboli che non fanno parte dell’alfabeto standard (A-Z, a-z, 0-9) e che, nella struttura della URL, assumono un significato specifico. I principali caratteri speciali nelle URL sono:

• Slash (/)
• Punto di domanda (?)
• E commerciale (&)
• Simbolo di uguale (=)
• Cancelletto (#)

Questi caratteri hanno significati specifici negli URL e devono essere trattati con attenzione per garantire che i browser e i server li interpretino correttamente. Vediamoli nel dettaglio.

Slash (/)

Lo slash viene utilizzato per separare le diverse cartelle nel percorso in un URL. È uno dei caratteri più comuni e indica la struttura gerarchica delle risorse sul server quando sono organizzate in cartelle.

Ad esempio, se il file “tramonto.jpg” si trova nella cartella “immagini”, il suo percorso sarà:

immagini/tramonto.jpg

La slash sta ad indicare che ciò che la precede è una cartella (fisica o virtuale) ed “immagini.jpg” è al suo interno.

Punto di domanda (?)

Il punto di domanda segna l’inizio di una query string negli URL. Viene utilizzato per separare il percorso dell’URL dai parametri.

https://www.miosito.com/prodotti.php?categoria=tecnologia

Qui, ? separa il percorso /prodotti dai parametri categoria=tecnologia.

E Commerciale (&)

L’e commerciale viene utilizzato per separare più parametri all’interno di una query string.

https://www.miosito.com/cerca.php?prodotto=telefono&marca=apple&colore=nero

In questo caso, l’& separa i parametri prodotto, marca e colore.

Simbolo di uguale (=)

Il segno di uguale è utilizzato per assegnare un valore a un parametro nella query string.

https://www.miosito.com/cerca.php?categoria=libri&titolo=python

Qui, = viene utilizzato per definire il valore di categoria e titolo.

Cancelletto (#)

Il cancelletto viene utilizzato per indicare un frammento di pagina. Il frammento rappresenta una sezione specifica all’interno della pagina HTML e viene interpretato dal browser per portare l’utente a una parte specifica del contenuto.

https://www.miosito.com/manuale-seo#capitolo2

L’# indica che l’utente verrà portato direttamente al capitolo2 della pagina.

Altri caratteri speciali negli URL

Oltre a quelli indicati in precedenza, esistono altri caratteri speciali negli URL e sono:

• Spazio ( ) – Gli spazi non sono consentiti negli URL ma devono essere codificati per evitare errori. La codifica comune per lo spazio è %20 o + quando si tratta di query string.
• Percentuale (%) – Il simbolo di percentuale (%) viene utilizzato come prefisso nel percent-encoding per codificare i caratteri speciali. Per esempio, %20 rappresenta uno spazio e %3F rappresenta il punto di domanda (?).
• Chiocciola (@): Può essere utilizzata per specificare le credenziali di accesso in un URL (anche se questo metodo è sconsigliato per motivi di sicurezza).
• Due punti (:): Separano il protocollo dal dominio o vengono utilizzati per specificare una porta. Ad esempio: https://www.miosito.com:8080
• Simbolo matematico del Più (+) – Il simbolo del più (+) viene utilizzato nelle query string come alternativa per rappresentare lo spazio.

Il percorso: quali caratteri usare e quali no

Quando mettiamo un file in Rete, sia esso una pagina web o una semplice immagine, dovremmo preoccuparci di quello che sarà la sua URL. Questo aspetto, infatti, non è secondario ed ha rilevanza in diversi ambiti (tra cui la SEO).

La prima parte della URL di questo nostro file, come abbiamo visto, sarà data dal protocollo e dal dominio, starà a noi decidere il percorso il quale, come abbiamo visto, è composto dalle eventuali cartelle e dal filename della risorsa.

Nel creare cartelle e filename dobbiamo prestare attenzione ai caratteri che andremo ad utilizzare. Possono essere utilizzati liberamente le lettere (sia minuscole che maiuscole), numeri e alcuni simboli come -, _, ..

I caratteri speciali, invece, non dovrebbero essere utilizzati per i nomi delle cartelle e/o dei file. Se è proprio necessario utilizzarli, devono essere codificati correttamente per evitare malfunzionamenti o interpretazioni errate da parte del browser e del server.

L’encoding degli URL si basa su un sistema chiamato percent-encoding, che sostituisce i caratteri speciali con una sequenza di caratteri che inizia con il simbolo % seguito da due cifre esadecimali. Ad esempio lo spazio diventa %20 e la “&” (e commerciale) diventa %26.

Questo processo assicura che i caratteri vengano letti come parte dell’URL senza confondersi con le funzioni specifiche dei caratteri stessi.

Di seguito una tabella con il percent encoding dei caratteri speciali comunemente utilizzati negli URL:

Se il nostro file si chiama “foto tramonto Liguria.jpg”, quindi, al fine di renderlo accessibile dovremo utilizzare la seguente URL:

https://www.miosito.com/foto%20tramonto%2Liguria.jpg

In pratica abbiamo convertito gli spazi in %20 per evitare problemi.

Consigli per URL efficaci e senza problemi

Oggi, la maggior parte dei linguaggi di programmazione e delle piattaforme web gestisce in modo efficace l’encoding degli URL per risolvere i problemi causati dai caratteri speciali.

Ad esempio, PHP offre la funzione urlencode()per trattare gli URL, mentre WordPress sostituisce automaticamente gli spazi con trattini e rimuove gli apostrofi e gli altri caratteri speciali nel titolo prima di trasformarlo in URL.

L’encoding automatico dei caratteri speciali e le ottimizzazioni automatiche dei CMS, tuttavia, potrebbero non essere sufficienti per ottenere URL ottimali.

E’ sufficiente seguire alcune semplici linee guida per avere degli URL efficaci non solo da un punto di vista tecnico ma anche della SEO: i motori di ricerca, infatti, considerano gli URL come un fattore di ranking importante quindi un URL ottimizzato e leggibile aumenta le probabilità che la pagina venga indicizzata correttamente e appaia tra i primi risultati.

Vediamo di seguito quali sono queste regole e come metterle in pratica.

Utilizzare solo lettere minuscole: scrivere sempre gli URL in minuscolo è una buona partita che garantisce uniformità (a differenza di Windows, su Linux i percorsi sono case sensitive!) e rendendo l’indirizzo più facile da ricordare. Quindi non creare URL del tipo:

https://www.miosito.com/Guida-Web-Design

Molto meglio:

https://www.miosito.com/guida-web-design

Sostituire gli spazi con trattini: alcuni CMS come WordPress sostituiscono automaticamente gli spazi con dei trattini (-); questo garantisce un formato più semplice, uniforme e leggibile. Non utilizzare URL come questa:

https://www.miosito.com/ricetta%20cotoletta%20alla%20milanese

Ma utilizza:

https://www.miosito.com/ricetta-cotoletta-alla-milanese

Non usare i trattini bassi (underscore): l’undescore a volte diventa “invisibile” se il link è sottolineato in quanto si confonde con la sottolineatura; da un punto di vista visivo, quindi, la URL è più “chiara” ste si utilizzano i dash (-). Quindi non creare URL del tipo:

https://www.miosito.com/cosa_visitare_a_parigi

Ma:

https://www.miosito.com/cosa-visitare-a-parigi

Converti le lettere accettate nella corrispondenza senza accento: gli accenti nelle URL possono creare problemi, meglio non usarli. Quindi non scrivere:

https://www.miosito.com/migliori-macchine-del-caffé

Ma:

https://www.miosito.com/migliori-macchine-del-caffe

Evitare i caratteri speciali e di punteggiatura: Eliminare caratteri come apostrofi, punti esclamativi, e altri simboli che potrebbero creare confusione o problemi di compatibilità. Alcune semplici regole:

• nel convertire una stringa in URL eventuale punteggiatura tra le parole può essere sostituita da trattini;
• eliminare gli apostrofi e la parte precedente (parte tronca).

Ad esempio, un articolo dal titolo “Come scegliere l’albero da frutto migliore, evitando gli errori comuni” potrebbe avere questa URL:

https://www.miosito.com/come-scegliere-albero-da-frutto-evitando-gli-errori-couni

Rimuovere le stop-words: un consiglio pratico (anche se non strettamente tecnico) per creare URL efficaci è rimuovere le stop-words. Queste sono parole molto comuni (come ad esempio “e”, “di”, “il”, “un”, “nel”, “fra”, ecc.) che spesso non aggiungono significato essenziale al contenuto di un URL. Omettere queste parole può aiutare a mantenere l’URL più breve e conciso senza alterarne il significato principale.

Ad esempio, un URL come:

www.esempio.it/come-scegliere-il-miglior-telefono

può essere ottimizzato rimuovendo le stop-words:

www.esempio.it/come-scegliere-miglior-telefono

Questo approccio rende l’URL più compatto e facile da leggere, migliorando sia l’esperienza dell’utente che la SEO.

Conclusione

Gli URL rappresentano un elemento fondamentale per il funzionamento del web e, quando gestiti correttamente, possono migliorare significativamente l’esperienza dell’utente e l’efficacia SEO di un sito. Comprendere come sono strutturati, quali caratteri utilizzare e come codificare quelli speciali è essenziale per evitare errori e garantire compatibilità tra browser e server.

Seguendo le best practice indicate in questo articolo sarai in grado di creare URL chiare, leggibili e ottimizzate.