Ancora su ModelVC, la nostra applicazione preferita :) Previously, on ModelVC:

1. Introduzione ai repository
2. Architettura interna dei repository
3. La cache
4. Come funziona CacheThis
5. I servizi

Le tecniche di SEO (Search Engine Optimization) sono molto importanti per un'applicazione web. Fanno la differenza tra il farvi trovare e non farvi trovare dai vostri utenti. Alcune tecniche ben collaudate riguardano in particolare la gestione degli URL dell'applicazione, che è argomento di questo post di approfondimento su ModelVC.

Questo script pubblicato qualche giorno fa mostra come creare una route (a prescindere dal fatto che è utilizzato con ASP.NET MVC, potrebbe andare bene anche con WebForm) che sia più SEO-friendly, perchè aggiunge uno slash finale all'URL. In ModelVC lo trovate molto simile e vi invito quindi a leggerlo.

Tra l'altro, questa route non toglie via il problema che la pagina risponde ad entrambi le varianti, per cui se avete linkato la versione senza slash finale, occorre fare (come potete leggere nello script) un ulteriore passo per fare un redirect permanent. Se però l'applicazione è nuova ed usate le feature di ASP.NET 4.0 per generare le route, non avrete problemi, perchè l'altra versione non sarà mai linkata.

Questo è un aspetto molto importante da tenere in considerazione, perchè migliora l'indicizzazione sui motori: evitando un doppio contenuto, poi, il motore non vi penalizzerà.

Un altro aspetto importante, che trovate nell'area news di ModelVC, è quello relativo al cosidetto SLUG. Sono gli URL brevi (o comunque descrittivi) che trovate in tantissimi siti. In ModelVC l'URL è più o meno:

http://dominio/news/1/slug-parlante/

Questo è possibile perchè, prima di tutto, è mappata una route ad hoc:

routes.MapSEORoute( 
    "NewsDetails", 
    "News/{id}/{slug}", 
    new { controller = "News", Action = "Details", id="", slug=""});

Il mapping è fatto nel global.asax, ma vale qualsiasi considerazione fatta per le route di ASP.NET. Se volte approfondire l'argomento URL routing, vi consiglio questo articolo. Non sono limitate ad ASP.NET MVC, ma fanno parte del runtime di ASP.NET.

Grazie all'uso della route custom, creata in precedenza, in realtà viene sempre aggiunto uno slash finale. A parte questo, come funziona la creazione dello slug?

Per semplificarne l'implementazione, ancora una volta abbiamo creato un extension method per la classe NewsDTO, che è quella che gestisce i DTO delle news (che, ve lo ricordo, vanno in cache anche out-of-process e quindi sono ottimizzati per questi scenari). Questo consente di richiamare una generica funzione che, data una stringa, rimuove alcuni caratteri e toglie gli spazi:

return news.Replace(" ", "-").Replace("!", string.Empty).Replace("?", string.Empty).Replace("#", "Sharp").Replace(";", string.Empty).Replace(",", string.Empty);

Si tratta di un'implementazione semplice, che non tiene conto di diversi fattori: se volete usarla in produzione (noi la miglioreremo nelle prossime build), togliete anche tutti i caratteri accentati e prevedete un corrispondente che vada bene in un URL. In questi casi, comunque, la soluzione migliore, per una questione di performance, è analizzare carattere per carattere la stringa, costruendo uno StringBuilder con il risultato al volo. Noi, dato che non era la parte essenziale di ModelVC, l'abbiamo solo abbozzata. Tanto per fare un altro esempio, ci metterei un controllo massimo sulla parole da visualizzare, limitandolo alle prima 5 o 6.

Ricapitolando: la SEO è importantissima per un'app web e ModelVC vi mostra alcune tecniche interessanti, che possono aiutarvi a migliorare le vostre applicazioni web.