{"id":35294,"date":"2020-04-06T01:21:14","date_gmt":"2020-04-06T08:21:14","guid":{"rendered":"https:\/\/kinsta.com\/?p=66857&#038;preview=true&#038;preview_id=66857"},"modified":"2023-02-22T10:01:20","modified_gmt":"2023-02-22T09:01:20","slug":"navigazione-siti-web","status":"publish","type":"post","link":"https:\/\/kinsta.com\/it\/blog\/navigazione-siti-web\/","title":{"rendered":"Come Migliorare la Navigazione dei Siti Web (con Esempi e Ragioni Per Farlo)"},"content":{"rendered":"<p>La navigazione di un sito web \u00e8 una cosa che molti relegano ad un momento successivo alla costruzione delle pagine e alla creazione dei contenuti. In un recente sondaggio, solo il 50% degli utenti di Internet \u00e8 stato in grado di prevedere dove si sarebbero trovati i contenuti rilevanti su una struttura di navigazione standard.<\/p>\n<figure style=\"width: 955px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2020\/03\/dove-trovare-rispote-domande-specifiche.png\" alt=\"Dove trovare risposte a domande specifiche\" width=\"955\" height=\"377\"><figcaption class=\"wp-caption-text\">Dove trovare risposte a domande specifiche<\/figcaption><\/figure>\n<p>Se la met\u00e0 dei visitatori non riesce a trovare la pagina che sta cercando, siamo di fronte a un enorme problema di UX.<\/p>\n<p>Ci\u00f2 porter\u00e0 a <a href=\"https:\/\/kinsta.com\/it\/blog\/come-ridurre-la-frequenza-di-rimbalzo\/\">frequenze di rimbalzo<\/a> pi\u00f9 elevate, tempi di permanenza sul sito pi\u00f9 brevi e <a href=\"https:\/\/kinsta.com\/it\/blog\/ottimizzare-tasso-di-conversione\/\">tassi di conversione pi\u00f9 bassi<\/a>.<\/p>\n<p>Se <a href=\"https:\/\/kinsta.com\/it\/blog\/tutorial-woocommerce\/\">gestite un negozio di eCommerce<\/a>, una cattiva navigazione pu\u00f2 anche influire negativamente sui vostri profitti e sulle vostre entrate.<\/p>\n<p>In questo post, ci occupiamo della navigazione dei siti dalla A alla Z. Questo significa che scoprirete le best practise, i diversi tipi di navigazione, e precisamente cosa fare per creare la navigazione perfetta per il vostro sito.<\/p>\n<p>Cominciamo!<\/p>\n<div><\/div><kinsta-auto-toc heading=\"Table of Contents\" exclude=\"last\" list-style=\"arrow\" selector=\"h2\" count-number=\"-1\"><\/kinsta-auto-toc>\n<h2 id=\"what-is-website-navigation\">Cos&#8217;\u00c8 la Navigazione di un Sito Web?<\/h2>\n<p>La navigazione di un sito web \u00e8 il processo di navigazione di pagine, applicazioni e siti web su internet. La tecnologia alla base di questo processo si chiama ipertesto o ipermedia.<\/p>\n<p>Ipertesto o media sono pagine web basate sul testo che utilizzano collegamenti ipertestuali per collegarle ad altre pagine di Internet. Un <a href=\"https:\/\/techterms.com\/definition\/hyperlink\">hyperlink<\/a> \u00e8 un link che conduce il vostro browser web a un URL.<\/p>\n<p>L&#8217;URL indica a quale file il browser deve accedere dal server per poi scaricare e rendere i dati in modo che l&#8217;utente possa vederli.<\/p>\n<p><a href=\"https:\/\/kinsta.com\/it\/blog\/sitelink-di-google\/#6-build-internal-links\">I link interni<\/a> portano a pagine diverse ospitate nello stesso dominio. I link esterni portano a pagine su un <a href=\"https:\/\/kinsta.com\/it\/blog\/quanto-costa-un-nome-di-dominio\/\">dominio esterno<\/a>, un sito web e un server completamente separati.<\/p>\n<p>La navigazione del sito web utilizza menu con link interni che rendono facile per i visitatori trovare la pagina che stanno cercando. Una buona navigazione \u00e8 un elemento essenziale per un sito di facile utilizzo.<\/p>\n<h3>Cos&#8217;\u00c8 il Menu di Navigazione di un Sito Web?<\/h3>\n<p>Un menu di <a href=\"https:\/\/kinsta.com\/it\/blog\/migliori-pratiche-di-web-design\/#navigational-menu\">navigazione di un sito web<\/a> \u00e8 un insieme di link, tipicamente a pagine interne, che \u00e8 organizzato in un menu. La maggior parte dei siti web, compreso il nostro, presenta un menu all&#8217;inizio.<\/p>\n<figure style=\"width: 1200px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2020\/03\/menu-intestazione-kinsta.png\" alt=\"Menu nell\u2019header del sito Kinsta\" width=\"1200\" height=\"91\"><figcaption class=\"wp-caption-text\">Menu nell\u2019header del sito Kinsta<\/figcaption><\/figure>\n<p>In ambito web design e sviluppo, questa sezione \u00e8 chiamata l\u2019header del sito. Alcune delle pagine pi\u00f9 comuni che si trovano elencati in questi menu sono:<\/p>\n<ul>\n<li>La pagina About (o Chi Siamo).<\/li>\n<li>Blog.<\/li>\n<li>Contatti.<\/li>\n<li>Funzionalit\u00e0.<\/li>\n<li>Piani\/prezzi.<\/li>\n<\/ul>\n<p>Il menu pu\u00f2, naturalmente, includere anche link ad altre pagine.<\/p>\n<h3>Qual \u00c8 la Struttura di Navigazione di un Sito Web?<\/h3>\n<p>La struttura di navigazione di un sito web descrive come le diverse pagine del vostro sito sono organizzate e collegate tra loro.<\/p>\n<p>Ad esempio, alcune pagine e contenuti possono essere raggiunti solo visitando una pagina specifica. <a href=\"https:\/\/kinsta.com\/it\/blog\/assumere-uno-sviluppatore-wordpress\/\">I progettisti e i web developer<\/a> spesso pianificano la struttura di navigazione quando realizzano un nuovo sito web.<\/p>\n<figure style=\"width: 992px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2020\/02\/struttura-navigazione-sito-web.jpg\" alt=\"Struttura di navigazione del sito web\" width=\"992\" height=\"336\"><figcaption class=\"wp-caption-text\">Struttura di navigazione del sito web<\/figcaption><\/figure>\n<p>In questo esempio, le pagine <strong>About<\/strong>, <strong>Plans<\/strong>, <strong>Contact<\/strong> e <strong>Blog<\/strong> sono collegate dal menu iniziale. Per accedere alle pagine <strong>Mission<\/strong> e <strong>Team<\/strong>, invece, \u00e8 necessario visitare prima la pagina <strong>About<\/strong>.<\/p>\n<h3>Perch\u00e9 \u00c8 Importante la Navigazione su un Sito Web?<\/h3>\n<p>Nell&#8217;introduzione di questo articolo, avete appreso che il 50% degli utenti di Internet non \u00e8 in grado di utilizzare correttamente un menu standard. Immaginate come poche persone <a href=\"https:\/\/kinsta.com\/it\/argomenti\/strategia-di-contenuti\/\">riuscirebbero a trovare il contenuto giusto<\/a> se non ci fosse la navigazione.<\/p>\n<p>Con il giusto approccio alla navigazione e ai menu, \u00e8 possibile portare la percentuale molto al di sotto del 50%. Questo ridurr\u00e0 le vostre percentuali di rimbalzo, aumenter\u00e0 il tempo medio sul sito e porter\u00e0 a un <a href=\"https:\/\/kinsta.com\/it\/blog\/come-dirigere-il-traffico-verso-il-vostro-sito-web\/\">aumento del traffico<\/a>, dei lead e dei clienti.<\/p>\n\n<h2 id=\"types-of-web-navigation\">Tipi di Navigazione web<\/h2>\n<p>Ci sono tre tipi principali di navigazione del sito web. Essi sono:<\/p>\n<div><\/div><kinsta-auto-toc list-style=\"decimal\" selector=\"h3\" count-number=\"3\" sub-toc=\"true\"><\/kinsta-auto-toc>\n<p>Se combinati correttamente, aiutano i vostri visitatori a navigare il vostro sito web e a trovare la loro destinazione senza problemi. Diamo un&#8217;occhiata pi\u00f9 da vicino ad ognuno di loro.<\/p>\n<h3>1. Navigazione Globale del Sito<\/h3>\n<p>Con la navigazione globale del sito, il menu e i link sono identici in tutte le pagine del sito. Molti menu moderni sono progettati in questo modo, compreso il menu del nostro sito qui a Kinsta: se scorrete la pagina, il menu la &#8220;segue&#8221;, rimanendo visibile in alto.<\/p>\n<figure style=\"width: 1282px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2020\/03\/menu-intestazione-globale-kinsta.png\" alt=\"Menu globale nell\u2019header di Kinsta\" width=\"1282\" height=\"750\"><figcaption class=\"wp-caption-text\">Menu globale nell\u2019header di Kinsta<\/figcaption><\/figure>\n<p>Nella schermata \u00e8 possibile vedere il nostro menu di intestazione semplice e di facile comprensione. \u00c8 lo stesso su tutte le nostre pagine e conduce ad alcune delle nostre pagine e dei contenuti pi\u00f9 importanti.<\/p>\n<p>Sappiamo quali sono le informazioni cruciali che un potenziale cliente vuole sapere su una societ\u00e0 di hosting prima di prendere una decisione. Ecco perch\u00e9 abbiamo reso facile per i potenziali clienti trovare i nostri piani, le nostre funzionalit\u00e0 e come contattarci. E, per gli utenti esistenti, abbiamo l&#8217;opzione di login per consentire loro di accedere al loro <a href=\"https:\/\/kinsta.com\/it\/mykinsta\/\">crusscotto MyKinsta<\/a>.<\/p>\n<p>Anche il nostro menu del footer \u00e8 globale e mette in evidenza le sezioni essenziali del nostro sito web e alcuni contenuti in evidenza.<\/p>\n<figure style=\"width: 1184px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2020\/03\/menu-pie-pagina.png\" alt=\"Menu del footer\" width=\"1184\" height=\"729\"><figcaption class=\"wp-caption-text\">Menu del footer<\/figcaption><\/figure>\n<p>I menu globali sono lo standard per <a href=\"https:\/\/kinsta.com\/it\/quota-di-mercato-di-wordpress\/\">la maggior parte delle soluzioni CMS<\/a>.<\/p>\n<p>Ogni tema di WordPress permette di avere diverse tipologie e aree per i menu di navigazione. Se avete bisogno di qualcosa in pi\u00f9, potete usare un <a href=\"https:\/\/kinsta.com\/it\/blog\/plugin-menu-wordpress\/\">plugin per i menu<\/a> per avere pi\u00f9 opzioni disponibili.<\/p>\n<h3>2. Navigazione Gerarchica del Sito<\/h3>\n<p>La navigazione gerarchica significa che i menu cambiano a seconda del contesto di ogni pagina.<\/p>\n<p>La maggior parte dei giornali e dei siti web puramente contenutistici sono caratterizzati da una navigazione gerarchica. Ad esempio, se visitate la pagina principale di un giornale, di solito vedrete i link alle categorie di notizie pi\u00f9 importanti nel menu dell\u2019header.<\/p>\n<figure style=\"width: 1309px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2020\/03\/esempio-navigazione-gerarchica-nyt-1.png\" alt=\"Esempio di navigazione gerarchica del NYT\" width=\"1309\" height=\"210\"><figcaption class=\"wp-caption-text\">Esempio di navigazione gerarchica del NYT<\/figcaption><\/figure>\n<p>Se il menu fosse globale, rimarrebbe lo stesso anche dopo aver fatto clic su una categoria diversa. Ma poich\u00e9 \u00e8 gerarchico, rivela nuovi link che portano a sottocategorie della pagina di categoria che visitiamo.<\/p>\n<figure style=\"width: 1820px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2020\/03\/esempio-navigazione-gerarchica.png\" alt=\"Esempio di navigazione gerarchica\" width=\"1820\" height=\"496\"><figcaption class=\"wp-caption-text\">Esempio di navigazione gerarchica<\/figcaption><\/figure>\n<p>Nella pagina <strong>Science<\/strong> del New York Times non si vede affatto il menu di primo livello. Al contrario, si vedono i link a diverse sottosezioni della ricerca scientifica e agli articoli.<\/p>\n<p>Questo cambiamento \u00e8 ci\u00f2 che distingue questo menu da un normale menu globale che si trova nella maggior parte dei siti pi\u00f9 piccoli.<\/p>\n<h3>3. Navigazione Locale del Sito<\/h3>\n<p>A differenza della navigazione sia gerarchica che globale, la navigazione locale del sito si riferisce a link interni che sono inclusi nel contenuto stesso. Di solito, all&#8217;utente vengono fornite opzioni allo stesso livello gerarchico o a un livello pi\u00f9 profondo, oppure link per navigare verso altre pagine rilevanti.<\/p>\n<p>Un buon esempio sono i siti web delle riviste, che spesso usano i link per aiutare i lettori a esplorare il contesto pi\u00f9 profondo di un certo articolo. Se menzionano un incidente di cui hanno parlato in passato, si collegano a quell&#8217;articolo, invece di spiegarlo in modo approfondito.<\/p>\n<figure style=\"width: 980px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2020\/03\/esempio-contenuto-correlato-collegato-pagina.png\" alt=\"Esempio di contenuto correlato collegato a una pagina\" width=\"980\" height=\"908\"><figcaption class=\"wp-caption-text\">Esempio di contenuto correlato collegato a una pagina<\/figcaption><\/figure>\n<p>Ma questo comportamento non \u00e8 riservato solo a riviste e siti web di notizie. <a href=\"https:\/\/kinsta.com\/it\/blog\/plugin-wordpress-ecommerce\/\">I negozi di eCommerce<\/a> si affidano molto a questo tipo di menu di navigazione per presentare prodotti della stessa categoria.<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2020\/03\/esempio-navigazione-locale-ecommerce.png\" alt=\"Esempio di navigazione locale in eCommerce\" width=\"1500\" height=\"576\"><figcaption class=\"wp-caption-text\">Esempio di navigazione locale in eCommerce<\/figcaption><\/figure>\n<p>Anche il linking interno \u00e8 un aspetto cruciale della <a href=\"https:\/\/kinsta.com\/it\/blog\/cosa-significa-seo\/\">SEO<\/a> in generale, e pi\u00f9 specificamente della <a href=\"https:\/\/kinsta.com\/it\/blog\/wordpress-seo\/\">SEO di WordPress<\/a>, quindi \u00e8 ormai una pratica standard per chiunque gestisca un sito web.<\/p>\n<h2 id=\"website-navigation-examples\">Esempi di Navigazione dei Siti Web<\/h2>\n<p>Invece di parlare di teoria, tuffiamoci in alcuni esempi. Parler\u00f2 di un sito web di notizie e del <a href=\"https:\/\/kinsta.com\/it\/blog\/tema-twenty-twenty\/\">tema WordPress Twenty Twenty<\/a>.<\/p>\n<h3>Sito Web di Notizie: il New York Times<\/h3>\n<figure style=\"width: 1267px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2020\/03\/nyt-homepage-menu-it.png\" alt=\"Menu della homepage del NYT\" width=\"1267\" height=\"223\"><figcaption class=\"wp-caption-text\">Menu della homepage del NYT<\/figcaption><\/figure>\n<p>A colpo d&#8217;occhio, potrebbe sembrare che il New York Times stia usando principalmente un unico menu globale per l\u2019header con le loro categorie.<\/p>\n<p>Ma non finisce qui. Il NYT utilizza tutti i tipi di navigazione attraverso le sue centinaia di pagine di categoria e milioni di articoli.<\/p>\n<p><strong>Tipi di navigazione utilizzati:<\/strong><\/p>\n<ul>\n<li>Gerarchica.<\/li>\n<li>Globale.<\/li>\n<li>Locale.<\/li>\n<\/ul>\n<p>Diamo un&#8217;occhiata alla navigazione delle diverse intestazioni per ogni pagina.<\/p>\n<h4>Homepage<\/h4>\n<p>Nell\u2019header del suo sito web compaiono due menu, un menu globale espandibile sopra il logo e un menu gerarchico sotto l&#8217;intestazione. In sostanza, l\u2019impostazione prevede un menu di header e un menu di sub-header.<\/p>\n<figure style=\"width: 1569px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2020\/03\/nyt-homepage-menu-intestazione.png\" alt=\"Homepage NYT - menu dell\u2019header\" width=\"1569\" height=\"772\"><figcaption class=\"wp-caption-text\">Homepage NYT &#8211; menu dell\u2019header<\/figcaption><\/figure>\n<p>Se espandete l&#8217;hamburger menu nell\u2019header, questo si trasforma in una barra laterale sul lato sinistro, dove c&#8217;\u00e8 un ampio margine come nella maggior parte delle risoluzioni moderne.<\/p>\n<p>Non offusca n\u00e9 si sovrappone a nessun contenuto del sito web.<\/p>\n<h4>Homepage (Mobile)<\/h4>\n<p>Esaminiamo la stessa sezione di header da mobile. La maggior parte degli utenti di internet accede ai siti web di notizie attraverso il proprio smartphone, quindi l&#8217;esperienza mobile potrebbe essere pi\u00f9 importante di quella sul desktop.<\/p>\n<figure style=\"width: 375px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2020\/03\/nyt-homepgae-mobile-it.png\" alt=\"Homepage NYT - mobile\" width=\"375\" height=\"100\"><figcaption class=\"wp-caption-text\">Homepage NYT &#8211; mobile<\/figcaption><\/figure>\n<p>Il sottomenu della categoria news non fa parte della homepage del sito mobile. Al contrario, \u00e8 disponibile solo l&#8217;opzione espandibile.<\/p>\n<p>Se ampliato, diventa un menu a schermo intero e copre completamente tutti i contenuti della homepage.<\/p>\n<figure style=\"width: 375px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2020\/03\/menu-ampliato-nyt-homepage-mobile.png\" alt=\"Menu ampliato - homepage NYT (mobile)\" width=\"375\" height=\"747\"><figcaption class=\"wp-caption-text\">Menu ampliato &#8211; homepage NYT (mobile)<\/figcaption><\/figure>\n<p>Comprende tutte le opzioni del menu principale del sito da desktop e i link sono organizzati in modo ordinato per categoria.<\/p>\n<h4>Pagina Categoria<\/h4>\n<p>Nella pagina delle categorie, sotto l&#8217;hamburger menu dell\u2019header, si vede un link ad un ulteriore sottoinsieme di <a href=\"https:\/\/kinsta.com\/it\/blog\/cosa-e-una-tassonomia\/\">categorie<\/a>.<\/p>\n<figure style=\"width: 1006px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2020\/03\/nyt-pagina-della-sienza-menu-principale.png\" alt=\"Pagina della scienza del NYT - menu principale\" width=\"1006\" height=\"729\"><figcaption class=\"wp-caption-text\">Pagina della scienza del NYT &#8211; menu principale<\/figcaption><\/figure>\n<p>Questo fa s\u00ec che le persone che sono interessate solo a un&#8217;area specifica di un argomento pi\u00f9 ampio trovino facilmente articoli che potrebbero essere pi\u00f9 in linea con i loro interessi.<\/p>\n<h4>Pagina Categoria (Mobile)<\/h4>\n<p>Da mobile, queste pagine di categoria includono lo stesso menu e la stessa struttura dell&#8217;hamburger menu visto nell\u2019header della versione desktop. Il menu secondario dell\u2019header non \u00e8 affatto nascosto, cosa che facilita la navigazione e la scoperta dei contenuti.<\/p>\n<figure style=\"width: 375px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2020\/03\/nyt-pagina-della-scienza-menu-principale-mobile.png\" alt=\"Pagina della scienza del NYT - menu principale (mobile)\" width=\"375\" height=\"747\"><figcaption class=\"wp-caption-text\">Pagina della scienza del NYT &#8211; menu principale (mobile)<\/figcaption><\/figure>\n<p>Un&#8217;altra ragione potrebbe essere il fatto che molte delle esperienze di navigazione sui siti mobile partono dalla ricerca sui motori o dai social media, piuttosto che da una visita diretta alla homepage del NYT.<\/p>\n<h4>Articolo Singolo<\/h4>\n<p>Per i singoli articoli, l\u2019header in modalit\u00e0 floating (\u201cgalleggiante\u201d) indica la sezione in cui ci si trova attualmente, ma presenta solo il menu globale espandibile (oltre alla casella di ricerca).<\/p>\n<figure style=\"width: 1820px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2020\/03\/net-articolo-menu-intestazione.png\" alt=\"Articolo del NYT - menu dell\u2019header\" width=\"1820\" height=\"508\"><figcaption class=\"wp-caption-text\">Articolo del NYT &#8211; menu dell\u2019header<\/figcaption><\/figure>\n<h4>Articolo Singolo (Mobile)<\/h4>\n<p>Da mobile, viene mantenuta la navigazione pulita grazie a un unico menu, cio\u00e8 l&#8217;hamburger menu dell\u2019header.<\/p>\n<figure style=\"width: 375px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2020\/03\/net-articolo-menu-intestazione-mobile.png\" alt=\"Articolo NYT - menu dell\u2019header (mobile)\" width=\"375\" height=\"747\"><figcaption class=\"wp-caption-text\">Articolo NYT &#8211; menu dell\u2019header (mobile)<\/figcaption><\/figure>\n<h4>Footer<\/h4>\n<p>Il menu del footer del NYT \u00e8 lo stesso in tutta la homepage, le pagine delle categorie e i singoli articoli.<\/p>\n<figure style=\"width: 1820px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2020\/03\/net-articolo-menu-pie-pagina.png\" alt=\"Articolo NYT - menu del footer\" width=\"1820\" height=\"1025\"><figcaption class=\"wp-caption-text\">Articolo NYT &#8211; menu del footer<\/figcaption><\/figure>\n<h4>Footer (Mobile)<\/h4>\n<figure style=\"width: 375px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2020\/03\/net-articolo-menu-pie-pagina-mobile.png\" alt=\"Articolo NYT - menu del footer (mobile)\" width=\"375\" height=\"747\"><figcaption class=\"wp-caption-text\">Articolo NYT &#8211; menu del footer (mobile)<\/figcaption><\/figure>\n<p>Da cellulare, il menu del footer mostra solo cinque voci di menu le quali si espandono tutte in sottosezioni quando ci si fa clic sopra.<\/p>\n<p>Ad esempio, facendo clic sulla sezione <strong>Arts<\/strong>, sar\u00e0 possibile sfogliare queste sottosezioni:<\/p>\n<figure style=\"width: 375px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2020\/03\/nyt-articolo-menu-pie-pagina-ampliato-mobile.png\" alt=\"Articolo NYT - menu del footer espanso (mobile))\" width=\"375\" height=\"747\"><figcaption class=\"wp-caption-text\">Articolo NYT &#8211; menu del footer espanso (mobile)<\/figcaption><\/figure>\n<p>Poich\u00e9 il sito web utilizza <a href=\"https:\/\/kinsta.com\/it\/blog\/differire-parsing-javascript\/\">JavaScript<\/a> per caricare dinamicamente pi\u00f9 contenuti mentre si scorre verso il basso, potrebbe sembrare che il footer non esista affatto.<\/p>\n<p>Questo \u00e8 un bel trucco che pu\u00f2 aiutare a migliorare il tempo sul sito e a far leggere ai lettori altri articoli, ma rende il sito web un po&#8217; pi\u00f9 difficile da navigare.<\/p>\n<h4>Layout dei Contenuti<\/h4>\n<p>Alcuni potrebbero sostenere che lo strumento di navigazione principale utilizzato dai giornali e dai blog online non \u00e8 solo il menu: \u00e8 il layout stesso dei giornali, la spina dorsale della navigazione per il NYT e altri siti simili.<\/p>\n<figure style=\"width: 1820px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2020\/03\/nyt-homepage-ita.png\" alt=\"Homepage del NYT\" width=\"1820\" height=\"1025\"><figcaption class=\"wp-caption-text\">Homepage del NYT<\/figcaption><\/figure>\n<p>Tutti gli elementi evidenziati sono cliccabili e conducono a diverse pagine interne del sito web del New York Times.<\/p>\n<p>Il layout dei contenuti \u00e8 un altro elemento chiave della navigazione del sito web che il NYT implementa nella homepage e nelle pagine di categoria.<\/p>\n<h3>Il Tema WordPress Twenty Twenty<\/h3>\n<p>Anno nuovo, nuovo tema predefinito di WordPress. Questa volta \u00e8 <a href=\"https:\/\/kinsta.com\/it\/blog\/tema-twenty-twenty\/\">Twenty Twenty<\/a>, che ora analizzeremo in profondit\u00e0 per vedere cosa \u00e8 cambiato con la navigazione.<\/p>\n<p>Vedremo se c&#8217;\u00e8 qualcosa di diverso nel modo in cui gli sviluppatori hanno deciso di impostare i menu e il linking interno con questa nuova release di WordPress.<\/p>\n<h4>Menu dell\u2019Header<\/h4>\n<p>Proprio come per qualsiasi <a href=\"https:\/\/kinsta.com\/it\/blog\/temi-wordpress-veloci\/\">tema standard di WordPress<\/a>, la nuova versione ufficiale include un menu senza fronzoli nella sezione dell\u2019header. \u00c8 possibile selezionare diverse posizioni di visualizzazione ed \u00e8 cos\u00ec che appare l&#8217;opzione <strong>Desktop Horizontal Menu<\/strong>:<\/p>\n<figure style=\"width: 1920px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2020\/04\/esempio-menu-intestazione-tema-twenty-twenty.png\" alt=\"Esempio di menu dell\u2019header nel tema Twenty Twenty\" width=\"1920\" height=\"1017\"><figcaption class=\"wp-caption-text\">Esempio di menu dell\u2019header nel tema Twenty Twenty<\/figcaption><\/figure>\n<p>D&#8217;altra parte, l&#8217;opzione <strong>Desktop Expanded Menu<\/strong> aggiunger\u00e0 la possibilit\u00e0 di espandere i link del menu in una barra giustificata in alto a destra.<\/p>\n<figure style=\"width: 1920px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2020\/04\/esempio-menu-intestazione-esteso-tema-twenty.png\" alt=\"Esempio di menu header esteso nel tema Twenty Twenty\" width=\"1920\" height=\"1016\"><figcaption class=\"wp-caption-text\">Esempio di menu header esteso nel tema Twenty Twenty<\/figcaption><\/figure>\n<p>L&#8217;area principale dei contenuti \u00e8 colorata di grigio scuro, guidando l&#8217;attenzione dell&#8217;utente verso il menu con i link.<\/p>\n<h4>Footer<\/h4>\n<figure style=\"width: 1224px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2020\/04\/esempio-menu-pie-pagina-tema-twenty-twenty.png\" alt=\"Esempio di menu del footer nel tema Twenty Twenty\" width=\"1224\" height=\"122\"><figcaption class=\"wp-caption-text\">Esempio di menu del footer nel tema Twenty Twenty<\/figcaption><\/figure>\n<p>Nel footer non ci sono link per la navigazione interna, ad eccezione di un semplice link &#8220;To the top&#8221; che riporta all&#8217;inizio della pagina.<\/p>\n<h2 id=\"what-makes-good-website-navigation\">Quali Fattori Migliorano la Navigazione di un Sito Web?<\/h2>\n<p>La buona navigazione di un sito web \u00e8 sempre progettata partendo all&#8217;utente: utilizza un linguaggio chiaro e di facile comprensione, e link alle pagine pi\u00f9 importanti.<\/p>\n<p>Si avvale di un ampio spazio bianco, di cambiamenti di colore o di altre tecniche di progettazione per distinguersi chiaramente dal contenuto principale. Inoltre, \u00e8 pi\u00f9 facile da leggere e da usare su tutti i dispositivi (mobile e desktop).<\/p>\n<p>La navigazione orientata all&#8217;utente significa anche che \u00e8 contestuale. Prende in considerazione l&#8217;esperienza e le aspettative dell&#8217;utente. Questo potrebbe essere un motivo per cui i giornali online non riescono ancora a staccarsi dal loro design &#8220;pieno&#8221;.<\/p>\n<p>Nel contesto della lettura di un giornale, questo \u00e8 ci\u00f2 che si aspettano i loro utenti e i potenziali clienti, includendo i menu molto ampi di categorie e sottocategorie.<\/p>\n<p>Nella prossima sezione vedremo quali sono le basi per creare una buona navigazione per il vostro sito.<\/p>\n<h2 id=\"8-principles-for-improved-website-navigation\">8 Principi per una Migliore Navigazione dei Siti Web<\/h2>\n<p>Anche se siete principianti assoluti, sarete in grado di navigare il vostro sito web seguendo i suggerimenti qui di seguito.<\/p>\n<h3>1. Pianificare la Struttura della Pagina e la Navigazione<\/h3>\n<p>Prima ancora di iniziare a <a href=\"https:\/\/kinsta.com\/it\/blog\/contenuti-sempreverdi\/\">scrivere contenuti per il vostro sito web<\/a>, pianificate la struttura della vostra pagina e la navigazione.<\/p>\n<p>La pianificazione \u00e8 una parte essenziale del processo di fornire ai vostri visitatori una navigazione soddisfacente. Potete usare un creatore di mappe del sito per aiutarvi a creare rapidamente dei mockup per quella che volete che sia l\u2019esperienza utente sul vostro sito web.<\/p>\n<p>Un esempio di un buon strumento per mappe del sito \u00e8 <a href=\"https:\/\/www.gloomaps.com\/\">GlooMaps<\/a>.<\/p>\n<figure style=\"width: 1920px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2020\/04\/gloomaps-it.png\" alt=\"GlooMaps\" width=\"1920\" height=\"1049\"><figcaption class=\"wp-caption-text\">GlooMaps<\/figcaption><\/figure>\n<p>Potete creare gratuitamente tutti i documenti di cui avete bisogno. Ognuno di essi avr\u00e0 un URL unico che potrete condividere per raccogliere i vostri commenti e lasciare che altri lo modifichino. Una volta creato, il vostro URL sar\u00e0 disponibile per 14 giorni, a meno che non venga rivisto. Ogni nuova visita prolunga la vita del link per altri 14 giorni.<\/p>\n<p>GlooMaps non \u00e8 l&#8217;unico strumento che potete usare; ce ne sono molti altri come <a href=\"https:\/\/octopus.do\/\">Octopus<\/a>, <a href=\"https:\/\/visualsitemaps.com\/\">VisualSitemaps<\/a> o <a href=\"https:\/\/creately.com\/lp\/website-sitemap-creator-online\/\">Creately<\/a>, solo per citarne alcuni.<\/p>\n<h3>2. Seguire gli Standard Stabiliti<\/h3>\n<p>Non cercate di reinventare la ruota. La navigazione sul sito web \u00e8 pi\u00f9 una questione di usabilit\u00e0 che di creativit\u00e0.<\/p>\n<p>Per elementi di design essenziali come dove posizionare il menu e come indicare che \u00e8 espandibile, seguite gli <a href=\"https:\/\/kinsta.com\/it\/blog\/migliori-pratiche-di-web-design\/\">standard riconosciuti<\/a>.<\/p>\n<p>Le tre strisce orizzontali, o <a href=\"https:\/\/kinsta.com\/it\/blog\/migliori-pratiche-di-web-design\/#hamburger-menu\">il segno &#8220;hamburger&#8221; \u2630<\/a>, sono una delle icone pi\u00f9 riconoscibili per identificare un menu espandibile. L&#8217;altra sono i tre punti che creano una linea orizzontale.<\/p>\n<p>Se cercate di essere creativi e di sviluppare un&#8217;icona personalizzata, \u00e8 probabile che molti visitatori non capiranno lo scopo del vostro progetto e faranno fatica a trovare il vostro menu.<\/p>\n<h3>3. Utilizzare il Vocabolario degli Utenti<\/h3>\n<p>Invece di collegarvi semplicemente alle stesse vecchie pagine, usando il gergo standard dello sviluppo web, o un copy eccessivamente creativo, usate un linguaggio che sia pi\u00f9 vicino a ci\u00f2 che i vostri utenti usano, cercano e desiderano.<\/p>\n<p>Questo approccio \u00e8 vantaggioso sia per la <a href=\"https:\/\/kinsta.com\/it\/blog\/cosa-significa-seo\/\">SEO<\/a> che per l&#8217;usabilit\u00e0. Create pagine che riflettano ci\u00f2 che i vostri utenti cercano online.<\/p>\n<p>Potete quindi collegarvi a queste stesse pagine <a href=\"https:\/\/kinsta.com\/it\/blog\/ricerca-delle-parole-chiave\/\">utilizzando le stesse parole e frasi che aiutano gli utenti a trovare il vostro sito web<\/a> su Google.<\/p>\n<h3>4. Utilizzare i Menu Responsive<\/h3>\n<p>Dal momento che oltre il <a href=\"https:\/\/www.broadbandsearch.net\/blog\/mobile-desktop-internet-usage-statistics\">52% di tutto il traffico online<\/a> si produce ormai mobile, il responsive\/mobile-first design \u00e8 diventato un must assoluto.<\/p>\n<p>Invece di menu che escono dal frame nel browser web da mobile o che sono troppo ingombranti, assicuratevi di implementare menu mobili espandibili.<\/p>\n<p>C\u2019\u00e8 un motivo per cui i menu espandibili sono diventati uno standard industriale. I menu orizzontali con testo minuscolo sono difficili da leggere, da cliccare e da utilizzare correttamente sul cellulare.<\/p>\n<p>La buona notizia \u00e8 che tutti i <a href=\"https:\/\/kinsta.com\/it\/blog\/temi-wordpress-veloci\/\">migliori temi di WordPress<\/a> hanno un <a href=\"https:\/\/kinsta.com\/it\/blog\/responsive-web-design\/\">design responsive<\/a> e menu responsive di default. A meno che non stiate progettando il vostro sito WordPress da zero, WordPress viene in vostro aiuto, da questo punto di vista.<\/p>\n<h3>5. Approfittare del Menu del Footer<\/h3>\n<p>I lettori che continuano a leggere e a scorrere fino in fondo il vostro sito web sono pi\u00f9 impegnati dell&#8217;utente medio. Approfittatene e utilizzate lo spazio in fondo ad ogni pagina per evidenziare i contenuti di valore.<\/p>\n<p>Dal momento che il <a href=\"https:\/\/kinsta.com\/it\/blog\/migliori-pratiche-di-web-design\/#web-best-designformatting-practices\">footer non mangia lo spazio &#8220;above the fold&#8221;<\/a>, potete includere pi\u00f9 categorie ma anche evidenziare le pagine o i vostri articoli fondamentali.<\/p>\n<p>Per esempio, guardate come gestiamo il nostro footer in questa stessa pagina. Abbiamo inserito le pagine delle caratteristiche essenziali, la descrizione della nostra azienda, esplicitato le nostre risorse e altro ancora.<\/p>\n<p>Il footer consente di evidenziare il contenuto che &#8220;non riusciva a entrare&#8221; nell\u2019header.<\/p>\n<h3>6. Usare il Colore e lo Spazio Bianco per Separare la Navigazione dagli Altri Elementi<\/h3>\n<p><a href=\"https:\/\/kinsta.com\/it\/blog\/come-cambiare-i-font-in-wordpress\/\">Utilizzate colore, font e spazio bianco<\/a> per separare i vostri menu dai contenuti principali e dalle barre laterali. Rendete chiaro dove inizia e dove finisce la navigazione.<\/p>\n<p>Non importa che lingua usate nei vostri o a quali pagine vi collegate se poi i visitatori del vostro sito non riescono nemmeno a trovare il menu.<\/p>\n<h3>7. Evitare i Menu a Tendina<\/h3>\n<p>Per la maggior parte dei siti web (non tutti), i <a href=\"https:\/\/kinsta.com\/it\/blog\/menu-a-tendina-wordpress\/\">menu a tendina<\/a> non sono necessari n\u00e9 utili. Quando gli utenti vedono un link in un menu, presuppongono che sia cliccabile. A meno che il design non lo separi dai link cliccabili, un menu a tendina pu\u00f2 portare a confusione.<\/p>\n<p>Avere troppi link nel menu principale pu\u00f2 anche influire negativamente sull&#8217;usabilit\u00e0 del vostro sito web.<\/p>\n<p>L&#8217;implementazione di una navigazione gerarchica e locale al posto dei menu a tendina pu\u00f2 portare a un flusso di utenti pi\u00f9 fluido. Permette inoltre agli utenti di interagire con pi\u00f9 pagine e di passare pi\u00f9 tempo sul vostro sito, invece di navigare attraverso una gigantesca lista di link.<\/p>\n<h3>8. Appiattire la Struttura<\/h3>\n<p>Se volete rendere il pi\u00f9 semplice possibile l&#8217;esplorazione di tutte le pagine del vostro sito web da parte dei visitatori, mantenete una struttura di navigazione il pi\u00f9 possibile piatta.<\/p>\n<p>Invece di collegarvi a una manciata di pagine della vostra home page, e poi espandervi con sempre pi\u00f9 sottopagine e categorie, mantenete le cose semplici.<\/p>\n<p>Assicuratevi di collegarvi a categorie significative dalla vostra homepage, e collegatevi ad un singolo livello di sottocategoria o a singole pagine di articoli.<\/p>\n<figure style=\"width: 1461px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2020\/02\/struttura-piatta-sito-web.jpg\" alt=\"Struttura piatta del sito web\" width=\"1461\" height=\"350\"><figcaption class=\"wp-caption-text\">Struttura piatta del sito web<\/figcaption><\/figure>\n<p>\u00c8 dimostrato che <a href=\"https:\/\/searchengineland.com\/seo-benefits-developing-solid-site-structure-277456\">l&#8217;appiattimento della struttura<\/a> in questo modo ha un effetto positivo sulla SEO e pu\u00f2 farvi ottenere dei <a href=\"https:\/\/kinsta.com\/it\/blog\/sitelink-di-google\/\">sitelink di Google<\/a>. Quindi non lasciate che la struttura del vostro sito web diventi troppo disordinata!<\/p>\n<h2 id=\"website-navigation-menu-trends-2020\">Tendenze dei Menu di Navigazione dei Siti Web nel 2026<\/h2>\n<p>Anche se le <a href=\"https:\/\/kinsta.com\/it\/blog\/tendenze-web-design\/\">tendenze del web design degli ultimi anni<\/a> includono elementi di design in 3D e l&#8217;inserimento di fotografie su misura in progetti creativi, i menu non hanno avuto un anno entusiasmante.<\/p>\n<p>Ma questo non significa che non sia cambiato nulla. Ecco la nostra rapida panoramica su alcune delle tendenze pi\u00f9 importanti del menu negli ultimi due anni.<\/p>\n<h3>Categorie Espandibili nei Menu Mobile a Schermo Intero<\/h3>\n<figure style=\"width: 750px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2020\/04\/uber-menu-mobile-it.jpeg\" alt=\"Menu mobile di Uber\" width=\"750\" height=\"1187\"><figcaption class=\"wp-caption-text\">Menu mobile di Uber<\/figcaption><\/figure>\n<p>Uber e altre grandi aziende con un design rinnovato e moderno, hanno aggiornato i loro menu per essere pi\u00f9 utilizzabili.<\/p>\n<p>Un problema per queste imprese \u00e8 che hanno cos\u00ec tanti prodotti e categorie diverse che pu\u00f2 essere impossibile includerle in un unico menu in modo sensato.<\/p>\n<p>Questo porta a menu mobili espandibili chiari e categorizzati, invece che una lista infinita di link.<\/p>\n<h3>Menu dell\u2019Header in Modalit\u00e0 Floating<\/h3>\n<p>Forse la tendenza universale per i menu negli ultimi anni \u00e8 il menu dell\u2019header in modalit\u00e0 floating (\u201cgalleggiante\u201d).<\/p>\n<p>Con questo termine intendiamo un menu che rimane impresso nella parte superiore della finestra del browser web mentre l\u2019utente scorre la pagina (come quello che usiamo nel sito kinsta.com). Di solito fa parte di una sezione dell\u2019header che include un piccolo logo e forse anche una barra di ricerca.<\/p>\n<p>Difficile argomentare contro questa scelta, perch\u00e9 avere un accesso costante a un menu rende la navigazione interna molto pi\u00f9 facile. Questo tipo di menu \u00e8 incluso in molti temi di WordPress e la tendenza non sembra volersi arrestare.<\/p>\n<h3>Menu a Tendina Sovrapposti sul Desktop<\/h3>\n<p>Fra i consigli pi\u00f9 basilari per la navigazione su un sito web c\u2019\u00e8 quello di stare lontano dai menu a tendina. E c\u2019\u00e8 un motivo.<\/p>\n<p>Ma questo non significa che siano per forza terribili. <a href=\"https:\/\/kinsta.com\/it\/blog\/menu-a-tendina-wordpress\/\">I menu a tendina<\/a> sono spesso difficili da implementare in un modo che abbia senso sullo schermo del computer.<\/p>\n<p>Sovrapponendo il loro colore sul contenuto principale, possono forzare l&#8217;utente a spostare la sua attenzione sul menu. Sono poi disponibili migliori opzioni per le categorie espandibili rispetto alla visualizzazione di ulteriori link in hover.<\/p>\n<p>Questi fattori si sono uniti per trasformarsi in un trend di crescita nel 2019. Infatti, molti siti web e modelli innovativi includono menu a tendina con overlay sul desktop.<\/p>\n\n<h2>Riepilogo<\/h2>\n<p>Questo articolo dovrebbe avervi dato una chiara comprensione di cosa sia la navigazione del sito web e di alcuni dei suoi punti chiave.<\/p>\n<p>La navigazione del sito web dovrebbe essere sempre incentrata sulla semplicit\u00e0, sulla chiarezza, piuttosto che su colori intensi e sul design creativo. Poich\u00e9 la navigazione e i menu del vostro sito devono tenere conto sia degli utenti desktop che di quelli mobili, le cose possono diventare pi\u00f9 complicate e l&#8217;<a href=\"https:\/\/kinsta.com\/it\/blog\/assumere-uno-sviluppatore-wordpress\/\">assunzione di uno sviluppatore web<\/a> pu\u00f2 essere una buona scelta.<\/p>\n<p>Cercate sempre di seguire le <a href=\"https:\/\/kinsta.com\/it\/blog\/migliori-pratiche-di-web-design\/#menu-navigation\">migliori pratiche di progettazione dei menu del sito web<\/a> per garantire che i vostri visitatori e i <a href=\"https:\/\/kinsta.com\/it\/blog\/motori-di-ricerca-alternativi\/\">motori di ricerca<\/a> possano navigare facilmente tra i vostri contenuti.<\/p>\n<p>L&#8217;usabilit\u00e0 e la chiarezza continueranno ad essere priorit\u00e0 per il futuro. Quindi, se riuscirete a padroneggiare il linguaggio dei vostri utenti e a creare una struttura che abbia un senso per loro, sarete in grado di rendere i vostri menu a prova di futuro.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>La navigazione di un sito web \u00e8 una cosa che molti relegano ad un momento successivo alla costruzione delle pagine e alla creazione dei contenuti. In &#8230;<\/p>\n","protected":false},"author":103,"featured_media":35327,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[16408,200],"topic":[25870],"class_list":["post-35294","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","tag-ux","tag-website","topic-esperienza-utente"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.6 (Yoast SEO v24.6) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Come Migliorare la Navigazione dei Siti Web (con Esempi e Ragioni Per Farlo)<\/title>\n<meta name=\"description\" content=\"La navigazione di un sito web influisce sul modo in cui i visitatori navigano tra le vostre pagine. Se trascurata, avr\u00e0 un impatto negativo sulle conversioni, sul tempo di navigazione e sulla SEO.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kinsta.com\/it\/blog\/navigazione-siti-web\/\" \/>\n<meta property=\"og:locale\" content=\"it_IT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Come Migliorare la Navigazione dei Siti Web (con Esempi e Ragioni Per Farlo)\" \/>\n<meta property=\"og:description\" content=\"La navigazione di un sito web influisce sul modo in cui i visitatori navigano tra le vostre pagine. Se trascurata, avr\u00e0 un impatto negativo sulle conversioni, sul tempo di navigazione e sulla SEO.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/it\/blog\/navigazione-siti-web\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/kinstaitalia\/\" \/>\n<meta property=\"article:published_time\" content=\"2020-04-06T08:21:14+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-02-22T09:01:20+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2020\/04\/navigazione-sito-web.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1460\" \/>\n\t<meta property=\"og:image:height\" content=\"730\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Matteo Du\u00f2\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"La navigazione di un sito web influisce sul modo in cui i visitatori navigano tra le vostre pagine. Se trascurata, avr\u00e0 un impatto negativo sulle conversioni, sul tempo di navigazione e sulla SEO.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2020\/04\/navigazione-sito-web.jpg\" \/>\n<meta name=\"twitter:creator\" content=\"@matteoduo\" \/>\n<meta name=\"twitter:site\" content=\"@Kinsta_IT\" \/>\n<meta name=\"twitter:label1\" content=\"Scritto da\" \/>\n\t<meta name=\"twitter:data1\" content=\"Matteo Du\u00f2\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tempo di lettura stimato\" \/>\n\t<meta name=\"twitter:data2\" content=\"23 minuti\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/it\/blog\/navigazione-siti-web\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/navigazione-siti-web\/\"},\"author\":{\"name\":\"Matteo Du\u00f2\",\"@id\":\"https:\/\/kinsta.com\/it\/#\/schema\/person\/9d811e805493f00205e6409451055174\"},\"headline\":\"Come Migliorare la Navigazione dei Siti Web (con Esempi e Ragioni Per Farlo)\",\"datePublished\":\"2020-04-06T08:21:14+00:00\",\"dateModified\":\"2023-02-22T09:01:20+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/navigazione-siti-web\/\"},\"wordCount\":4025,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/it\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/navigazione-siti-web\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2020\/04\/navigazione-sito-web.jpg\",\"keywords\":[\"ux\",\"website\"],\"articleSection\":[\"I Migliori Tutorial su WordPress\"],\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/it\/blog\/navigazione-siti-web\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/it\/blog\/navigazione-siti-web\/\",\"url\":\"https:\/\/kinsta.com\/it\/blog\/navigazione-siti-web\/\",\"name\":\"Come Migliorare la Navigazione dei Siti Web (con Esempi e Ragioni Per Farlo)\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/it\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/navigazione-siti-web\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/navigazione-siti-web\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2020\/04\/navigazione-sito-web.jpg\",\"datePublished\":\"2020-04-06T08:21:14+00:00\",\"dateModified\":\"2023-02-22T09:01:20+00:00\",\"description\":\"La navigazione di un sito web influisce sul modo in cui i visitatori navigano tra le vostre pagine. Se trascurata, avr\u00e0 un impatto negativo sulle conversioni, sul tempo di navigazione e sulla SEO.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/navigazione-siti-web\/#breadcrumb\"},\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/it\/blog\/navigazione-siti-web\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/kinsta.com\/it\/blog\/navigazione-siti-web\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2020\/04\/navigazione-sito-web.jpg\",\"contentUrl\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2020\/04\/navigazione-sito-web.jpg\",\"width\":1460,\"height\":730,\"caption\":\"Come migliorare la navigazione di un sito web\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/it\/blog\/navigazione-siti-web\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/it\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Esperienza Utente\",\"item\":\"https:\/\/kinsta.com\/it\/argomenti\/esperienza-utente\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Come Migliorare la Navigazione dei Siti Web (con Esempi e Ragioni Per Farlo)\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinsta.com\/it\/#website\",\"url\":\"https:\/\/kinsta.com\/it\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Soluzioni di hosting premium, veloci e sicure\",\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/it\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinsta.com\/it\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"it-IT\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinsta.com\/it\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/it\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/kinsta.com\/it\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/it\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/kinstaitalia\/\",\"https:\/\/x.com\/Kinsta_IT\",\"https:\/\/www.instagram.com\/kinstahosting\/\",\"https:\/\/www.linkedin.com\/company\/kinsta\/\",\"https:\/\/www.pinterest.com\/kinstahosting\/\",\"https:\/\/www.youtube.com\/c\/Kinsta\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/kinsta.com\/it\/#\/schema\/person\/9d811e805493f00205e6409451055174\",\"name\":\"Matteo Du\u00f2\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/kinsta.com\/it\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/78636e34d9c125b93efb7e0893a776f8?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/78636e34d9c125b93efb7e0893a776f8?s=96&d=mm&r=g\",\"caption\":\"Matteo Du\u00f2\"},\"description\":\"Head of Content at Kinsta and Content Marketing Consultant for WordPress plugin developers. Connect with Matteo on Twitter.\",\"sameAs\":[\"https:\/\/www.matteoduo.com\",\"https:\/\/www.linkedin.com\/in\/matteoduo\/\",\"https:\/\/x.com\/matteoduo\"],\"url\":\"https:\/\/kinsta.com\/it\/blog\/author\/matteoduo\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Come Migliorare la Navigazione dei Siti Web (con Esempi e Ragioni Per Farlo)","description":"La navigazione di un sito web influisce sul modo in cui i visitatori navigano tra le vostre pagine. Se trascurata, avr\u00e0 un impatto negativo sulle conversioni, sul tempo di navigazione e sulla SEO.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kinsta.com\/it\/blog\/navigazione-siti-web\/","og_locale":"it_IT","og_type":"article","og_title":"Come Migliorare la Navigazione dei Siti Web (con Esempi e Ragioni Per Farlo)","og_description":"La navigazione di un sito web influisce sul modo in cui i visitatori navigano tra le vostre pagine. Se trascurata, avr\u00e0 un impatto negativo sulle conversioni, sul tempo di navigazione e sulla SEO.","og_url":"https:\/\/kinsta.com\/it\/blog\/navigazione-siti-web\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/kinstaitalia\/","article_published_time":"2020-04-06T08:21:14+00:00","article_modified_time":"2023-02-22T09:01:20+00:00","og_image":[{"width":1460,"height":730,"url":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2020\/04\/navigazione-sito-web.jpg","type":"image\/jpeg"}],"author":"Matteo Du\u00f2","twitter_card":"summary_large_image","twitter_description":"La navigazione di un sito web influisce sul modo in cui i visitatori navigano tra le vostre pagine. Se trascurata, avr\u00e0 un impatto negativo sulle conversioni, sul tempo di navigazione e sulla SEO.","twitter_image":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2020\/04\/navigazione-sito-web.jpg","twitter_creator":"@matteoduo","twitter_site":"@Kinsta_IT","twitter_misc":{"Scritto da":"Matteo Du\u00f2","Tempo di lettura stimato":"23 minuti"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/it\/blog\/navigazione-siti-web\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/it\/blog\/navigazione-siti-web\/"},"author":{"name":"Matteo Du\u00f2","@id":"https:\/\/kinsta.com\/it\/#\/schema\/person\/9d811e805493f00205e6409451055174"},"headline":"Come Migliorare la Navigazione dei Siti Web (con Esempi e Ragioni Per Farlo)","datePublished":"2020-04-06T08:21:14+00:00","dateModified":"2023-02-22T09:01:20+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/it\/blog\/navigazione-siti-web\/"},"wordCount":4025,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/it\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/it\/blog\/navigazione-siti-web\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2020\/04\/navigazione-sito-web.jpg","keywords":["ux","website"],"articleSection":["I Migliori Tutorial su WordPress"],"inLanguage":"it-IT","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/it\/blog\/navigazione-siti-web\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/it\/blog\/navigazione-siti-web\/","url":"https:\/\/kinsta.com\/it\/blog\/navigazione-siti-web\/","name":"Come Migliorare la Navigazione dei Siti Web (con Esempi e Ragioni Per Farlo)","isPartOf":{"@id":"https:\/\/kinsta.com\/it\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/it\/blog\/navigazione-siti-web\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/it\/blog\/navigazione-siti-web\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2020\/04\/navigazione-sito-web.jpg","datePublished":"2020-04-06T08:21:14+00:00","dateModified":"2023-02-22T09:01:20+00:00","description":"La navigazione di un sito web influisce sul modo in cui i visitatori navigano tra le vostre pagine. Se trascurata, avr\u00e0 un impatto negativo sulle conversioni, sul tempo di navigazione e sulla SEO.","breadcrumb":{"@id":"https:\/\/kinsta.com\/it\/blog\/navigazione-siti-web\/#breadcrumb"},"inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/it\/blog\/navigazione-siti-web\/"]}]},{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/kinsta.com\/it\/blog\/navigazione-siti-web\/#primaryimage","url":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2020\/04\/navigazione-sito-web.jpg","contentUrl":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2020\/04\/navigazione-sito-web.jpg","width":1460,"height":730,"caption":"Come migliorare la navigazione di un sito web"},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/it\/blog\/navigazione-siti-web\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/it\/"},{"@type":"ListItem","position":2,"name":"Esperienza Utente","item":"https:\/\/kinsta.com\/it\/argomenti\/esperienza-utente\/"},{"@type":"ListItem","position":3,"name":"Come Migliorare la Navigazione dei Siti Web (con Esempi e Ragioni Per Farlo)"}]},{"@type":"WebSite","@id":"https:\/\/kinsta.com\/it\/#website","url":"https:\/\/kinsta.com\/it\/","name":"Kinsta\u00ae","description":"Soluzioni di hosting premium, veloci e sicure","publisher":{"@id":"https:\/\/kinsta.com\/it\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinsta.com\/it\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"it-IT"},{"@type":"Organization","@id":"https:\/\/kinsta.com\/it\/#organization","name":"Kinsta","url":"https:\/\/kinsta.com\/it\/","logo":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/kinsta.com\/it\/#\/schema\/logo\/image\/","url":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinsta.com\/it\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/kinstaitalia\/","https:\/\/x.com\/Kinsta_IT","https:\/\/www.instagram.com\/kinstahosting\/","https:\/\/www.linkedin.com\/company\/kinsta\/","https:\/\/www.pinterest.com\/kinstahosting\/","https:\/\/www.youtube.com\/c\/Kinsta"]},{"@type":"Person","@id":"https:\/\/kinsta.com\/it\/#\/schema\/person\/9d811e805493f00205e6409451055174","name":"Matteo Du\u00f2","image":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/kinsta.com\/it\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/78636e34d9c125b93efb7e0893a776f8?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/78636e34d9c125b93efb7e0893a776f8?s=96&d=mm&r=g","caption":"Matteo Du\u00f2"},"description":"Head of Content at Kinsta and Content Marketing Consultant for WordPress plugin developers. Connect with Matteo on Twitter.","sameAs":["https:\/\/www.matteoduo.com","https:\/\/www.linkedin.com\/in\/matteoduo\/","https:\/\/x.com\/matteoduo"],"url":"https:\/\/kinsta.com\/it\/blog\/author\/matteoduo\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/posts\/35294","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/users\/103"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/comments?post=35294"}],"version-history":[{"count":8,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/posts\/35294\/revisions"}],"predecessor-version":[{"id":65721,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/posts\/35294\/revisions\/65721"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/35294\/translations\/en"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/35294\/translations\/pt"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/35294\/translations\/es"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/35294\/translations\/it"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/35294\/translations\/fr"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/35294\/translations\/nl"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/35294\/translations\/jp"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/35294\/translations\/de"},{"embeddable":true,"hreflang":"sv","title":"Swedish","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/35294\/translations\/se"},{"href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/35294\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/media\/35327"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/media?parent=35294"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/tags?post=35294"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/topic?post=35294"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}