{"id":17840,"date":"2022-01-17T11:59:03","date_gmt":"2022-01-17T10:59:03","guid":{"rendered":"https:\/\/www.makingscience.com\/?p=17840"},"modified":"2022-01-17T11:59:03","modified_gmt":"2022-01-17T10:59:03","slug":"single-page-app-multi-page-app-quale-scegliere-sito-web","status":"publish","type":"post","link":"https:\/\/www.makingscience.com\/it\/blog\/single-page-app-multi-page-app-quale-scegliere-sito-web\/","title":{"rendered":"Single Page App o Multi Page App: quale scegliere per il tuo sito web?"},"content":{"rendered":"

Negli ultimi anni molti business, anche quelli pi\u00f9 inaspettati, hanno intrapreso un processo di digitalizzazione. Quelli che hanno raggiunto i migliori risultati sono i marchi che, oltre a un prodotto o servizio, hanno offerto una user experience digitale semplice, impeccabile, fluida, veloce e sicura.<\/span><\/p>\n

Il mondo dei siti web \u00e8 sempre pi\u00f9 incentrato sull\u2019utente. Quindi, avere \u201csuccesso digitale\u201d dipende molto dall\u2019esperienza che offriamo ai nostri utenti<\/strong>.<\/span><\/p>\n

In quest\u2019ottica, molte compagnie hanno deciso di cambiare, totalmente o solo in parte, la struttura del proprio sito web, migrando verso la Single Page Application, SPA, una tecnologia di web design che per molto \u00e8 una novit\u00e0, ma in realt\u00e0 esiste gi\u00e0 da tempo.<\/span><\/p>\n

Cos\u2019\u00e8 una Single Page Application?<\/b><\/h3>\n

Per poter rispondere a questa domanda, \u00e8 doveroso fare una premessa: ogni sito internet, a seconda del web design e della tecnologia adottati, pu\u00f3 essere Single Page Application o Multi Page Application.<\/span><\/p>\n

Una Multi Page Application \u00e8 un tradizionale sito web, in cui ogni pagina rappresenta una richiesta specifica a un server, il quale restituisce, in contenuti e immagini, un HTML nuovo, che corrisponde alla pagina da noi richiesta. Come possiamo immaginare, in questo caso il volume di contenuti da gestire \u00e8 considerevole.<\/span><\/p>\n

Una Single Page Application invece \u00e8 una singola pagina che, in maniera dinamica, a ogni richiesta dell\u2019utente ne riscrive il contenuto, anzich\u00e9 caricare una pagina nuova: cos\u00ec \u00e8 come funzionano, ad esempio, Gmail, Twitter e Facebook.<\/span><\/p>\n

Questo modo dinamico di caricare un contenuto di una pagina offre all\u2019utente un\u2019esperienza di navigazione totalmente naturale, favorendo i tempi di caricamento<\/strong>.<\/span><\/p>\n

\"\"<\/p>\n

Benefici della Single Page Application<\/b><\/h3>\n

Tempi di caricamento pi\u00f9 veloci<\/b><\/h4>\n

I tempi di caricamento lenti possono influire negativamente sia sulla user experience, sia sulle conversioni di un sito web.<\/span><\/p>\n

In una SPA, i tempi di caricamento sono molto pi\u00f9 veloci di quelli di un sito tradizionale, dal momento che una SPA carica la pagina solo una volta e in seguito aggiorna solo il contenuto pertinente.<\/span><\/p>\n

In un sito web tradizionale, come detto in precedenza, ogni pagina rappresenta un nuovo HTML, il che richiede pi\u00f9 tempo.<\/span><\/p>\n

Esperienza di navigazione potenziata<\/b><\/h4>\n

In una SPA la navigazione dell\u2019utente \u00e8 fluida e lineare sia in desktop come in mobile, e l\u2019utente non nota che in realt\u00e0 \u00e8 sempre sulla stessa pagina.<\/span><\/p>\n

Tempi di sviluppo<\/b><\/h4>\n

Una SPA \u00e8 formata da componenti che possono essere utilizzati pi\u00f9 volte, risparmiando sui costi e sui tempi di sviluppo.\u00a0<\/span><\/p>\n

Tuttavia, nonostante le SPA abbiano dei benefici considerevoli, possiedono anche dei possibili inconvenienti da tenere in considerazione.<\/span><\/p>\n

Punti deboli delle SPA<\/b><\/h3>\n

SEO<\/b><\/h4>\n

Una SPA funziona in codice Javascript e, come detto, non ricarica nessuna nuova pagina dopo la prima. Questo significa che non esistono URL specifici da poter ottimizzare per il SEO (Search Engine Optimization). Per cui, i motori di ricerca non riescono a trovare nessun contenuto.<\/span><\/p>\n

Tracciamento delle pagine visualizzate<\/h4>\n

Non ricaricando alcuna nuova pagina n\u00e9 un nuovo URL, \u00e8 indispensabile un settaggio extra in codice per poter tracciare le pagine che un utente visita.<\/span><\/p>\n

Google Tag Manager, per esempio, offre una possibilit\u00e0 di tracciamento che aggiorna un frammento dell\u2019URL in base alla cronologia della navigazione. Questa soluzione per\u00f2, seppur la pi\u00f9 usata, potrebbe presentare dei problemi ove, nella stessa URL visitata, si sovrascrivessero altri parametri\u00a0 di tracciamento, come ID di click o la sorgente (source) della visita, causando dei problemi di attribuzione.\u00a0\u00a0<\/span><\/p>\n

Inoltre, nonostante l\u2019uso delle SPA sia in costante crescita nel mondo digitale, non significa che una SPA sia la soluzione pi\u00f9 adatta per ogni sito web<\/strong>.<\/span><\/p>\n

Se, ad esempio, un sito web riceve gran parte del suo traffico dal canale organico, una SPA non sar\u00e0 la tecnologia pi\u00f9 adeguata, poich\u00e9 il motore di ricerca usato dall\u2019utente non \u201cvedr\u00e0\u201d il contenuto della nostra pagina web, che risulter\u00e0 \u201cvuota\u201d o priva dei contenuti che l\u2019utente sta cercando.<\/span><\/p>\n

Tra Single Page e Multi Page Application, non vi \u00e8 una tecnologia migliore o una peggiore dell\u2019altra. La scelta tra SPA e MPA dipende da quali sono gli obiettivi di ogni business<\/strong>, sia a livello di user experience, che a livello di tracking e misurazione.<\/span><\/p>\n

Se vuoi sapere qual \u00e8 la soluzione pi\u00f9 adatta al tuo sito web, non esitare a contattarci. Saremo lieti di offrirti una consulenza gratuita!<\/span><\/p>\n

Contattaci <\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

Negli ultimi anni molti business, anche quelli pi\u00f9 inaspettati, hanno intrapreso un processo di digitalizzazione. Quelli che hanno raggiunto i migliori risultati sono i marchi che, oltre a un prodotto o servizio, hanno offerto una user experience digitale semplice, impeccabile, fluida, veloce e sicura. Il mondo dei siti web \u00e8 sempre pi\u00f9 incentrato sull\u2019utente. Quindi, […]<\/p>\n","protected":false},"author":39,"featured_media":17853,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[914],"tags":[224],"class_list":["post-17840","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ux-ui-it","tag-single-page-app"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.makingscience.com\/it\/wp-json\/wp\/v2\/posts\/17840","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.makingscience.com\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.makingscience.com\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.makingscience.com\/it\/wp-json\/wp\/v2\/users\/39"}],"replies":[{"embeddable":true,"href":"https:\/\/www.makingscience.com\/it\/wp-json\/wp\/v2\/comments?post=17840"}],"version-history":[{"count":0,"href":"https:\/\/www.makingscience.com\/it\/wp-json\/wp\/v2\/posts\/17840\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.makingscience.com\/it\/wp-json\/wp\/v2\/media\/17853"}],"wp:attachment":[{"href":"https:\/\/www.makingscience.com\/it\/wp-json\/wp\/v2\/media?parent=17840"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.makingscience.com\/it\/wp-json\/wp\/v2\/categories?post=17840"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.makingscience.com\/it\/wp-json\/wp\/v2\/tags?post=17840"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}