{"id":31081,"date":"2019-12-26T02:35:46","date_gmt":"2019-12-26T10:35:46","guid":{"rendered":"https:\/\/kinsta.com\/?p=59280&#038;preview=true&#038;preview_id=59280"},"modified":"2023-02-02T12:10:53","modified_gmt":"2023-02-02T11:10:53","slug":"breadcrumb-wordpress","status":"publish","type":"post","link":"https:\/\/kinsta.com\/it\/blog\/breadcrumb-wordpress\/","title":{"rendered":"I Breadcrumb di WordPress: Come Abilitarli sul Vostro Sito WordPress"},"content":{"rendered":"<p>Nonostante il nome banale, i bredcrumb sono uno strumento molto utile per migliorare l&#8217;esperienza utente del vostro sito (UX) e l&#8217;<a href=\"https:\/\/kinsta.com\/it\/blog\/cosa-significa-seo\/\">ottimizzazione per i motori di ricerca (SEO)<\/a>. Attivarli \u00e8 semplice con l&#8217;aiuto di un plugin o con del codice personalizzato.<\/p>\n<p>In questo articolo vi presentiamo i <strong>breadcrumb di WordPress<\/strong> e vi spiegheremo come funzionano. Vi mostreremo come aggiungerli al vostro sito, come dargli uno stile e come rimuoverli. C&#8217;\u00e8 molto da dire, quindi cominciamo subito!<\/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-are-wordpress-breadcrumbs\">Cosa Sono i Breadcrumb di WordPress<\/h2>\n<p>I breadcrumb, per quanto riguarda WordPress (o qualsiasi sito web), sono link di navigazione che compaiono nella parte superiore di un post o di una pagina. Mostrano agli utenti le <a href=\"https:\/\/kinsta.com\/it\/blog\/cosa-e-una-tassonomia\/#whats-the-difference-between-categories-and-tags\">categorie di livello superiore<\/a> che li hanno condotti al contenuto che stanno visualizzando in quel momento e consentono anche di tornare facilmente alle pagine visualizzate in precedenza.<\/p>\n<p>Considerate il seguente esempio:<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2019\/10\/esempio-breadcrumb-kinsta-1.png\" alt=\"I Breadcrumb sul blog di Kinsta\" width=\"1500\" height=\"856\"><figcaption class=\"wp-caption-text\">I Breadcrumb sul blog di Kinsta<\/figcaption><\/figure>\n<p>Sul lato sinistro, proprio sotto l&#8217;intestazione, potete vedere le parole <strong>Home &gt; Resource Center &gt; Kinsta Blog<\/strong>. Ognuna di queste \u00e8 un link alla pagina corrispondente. Ci\u00f2 consente ai lettori del <a href=\"https:\/\/kinsta.com\/it\/blog\">nostro blog<\/a> di accedere a una di queste aree chiave di contenuto con un solo clic, invece di utilizzare il pulsante <strong>Indietro<\/strong>, il <a href=\"https:\/\/kinsta.com\/it\/blog\/plugin-menu-wordpress\/\">menu<\/a> o la funzione di ricerca.<\/p>\n<p>\u00c8 cos\u00ec che i breadcrumb hanno preso il loro nome: creano una traccia che riporta gli utenti a &#8216;casa&#8217;. Sono particolarmente utili per siti come blog e <a href=\"https:\/\/kinsta.com\/it\/blog\/plugin-wordpress-ecommerce\/\">negozi online<\/a>, in cui i visitatori potrebbero volersi spostare tra singoli post, <a href=\"https:\/\/kinsta.com\/it\/blog\/conversioni-pagine-prodotto-woocommerce\/\">pagine di prodotti<\/a> e archivi di categorie in cui possono trovare contenuti simili.<\/p>\n<h2 id=\"how-do-wordpress-breadcrumbs-work\">Come Funzionano i Breadcrumb in WordPress?<\/h2>\n<p>Ci sono tre diversi tipi di breadcrumb in WordPress. Tutti incorporano collegamenti di navigazione come descritto sopra, ma in modi leggermente diversi:<\/p>\n<ul>\n<li><strong>Basati sulla gerarchia:<\/strong> questi breadcrumb mostrano agli utenti dove si trovano nella struttura del vostro sito, come nell&#8217;esempio visto sopra.<\/li>\n<li><strong>Basati su attributi:<\/strong> usati principalmente sui siti di ecommerce, questi breadcrumb mostrano gli attributi cercati dall&#8217;utente che lo hanno portato al prodotto che sta visualizzando.<\/li>\n<li><strong>Basati sulla cronologia:<\/strong> man mano che gli utenti passano da una pagina all&#8217;altra del vostro sito, questi breadcrumb ricondurranno al loro percorso.<\/li>\n<\/ul>\n<p>Ogni tipo di breadcrumb \u00e8 utile per scopi diversi. Tuttavia, tutti possono migliorare la navigazione e di conseguenza la UX.<\/p>\n<p>Sono anche <a href=\"https:\/\/kinsta.com\/it\/blog\/migliori-plugin-seo-per-wordpress\/\">utili ai fini della SEO<\/a>. I breadcrumb mostrano chiaramente le relazioni tra i diversi contenuti del vostro sito. In questo modo, rendono pi\u00f9 facile per i crawler o i &#8220;robot&#8221; dei motori di ricerca capire come \u00e8 strutturato il sito.<\/p>\n<p>Ci\u00f2 consente a questi bot di indicizzare le pagine del sito in modo pi\u00f9 accurato. I motori di ricerca possono anche mostrare i vostri <a href=\"https:\/\/kinsta.com\/it\/blog\/sitelink-di-google\/\">breadcrumb negli elenchi dei risultati<\/a>, cos\u00ec che gli utenti possano vedere contenuti aggiuntivi sul vostro sito relativi alle informazioni che stanno cercando.<\/p>\n<h2 id=\"how-to-add-wordpress-breadcrumbs-to-your-site-4-methods\">Come Aggiungere i Breadcrumb al Vostro Sito WordPress (4 Metodi)<\/h2>\n<p>Che siate maghi della programmazione o principianti di WordPress, potete aggiungere rapidamente e facilmente i breadcrumb al vostro sito in pochi passaggi. Ecco quattro diversi modi in cui potreste raggiungere il vostro obiettivo.<\/p>\n<h3 id=\"1-enable-breadcrumbs-in-yoast-seo\">1. Abilitare i Breadcrumb in Yoast SEO<\/h3>\n<p><a href=\"https:\/\/kinsta.com\/it\/blog\/yoast-seo\/\" target=\"_blank\" rel=\"noopener noreferrer\">Yoast SEO<\/a> \u00e8 un popolare plugin che aiuta gli utenti di WordPress a migliorare la propria posizione nelle classifiche dei motori di ricerca e ottimizzare i contenuti di conseguenza. Include anche alcune altre funzionalit\u00e0 per migliorare la visibilit\u00e0 del vostro sito, tra cui i breadcrumb.<\/p>\n<p>Se non lo avete gi\u00e0 fatto, installate e attivate il plugin nella <a href=\"https:\/\/kinsta.com\/it\/blog\/amministrazione-wordpress\/\">dashboard di WordPress<\/a>:<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2019\/10\/installare-yoast-seo-1.png\" alt=\"Installazione del plugin Yoast SEO\" width=\"1500\" height=\"604\"><figcaption class=\"wp-caption-text\">Installazione del plugin Yoast SEO<\/figcaption><\/figure>\n<p>Di seguito, dovrete aggiungere questo snippet di codice al vostro tema:<\/p>\n<pre><code class=\"language-php\">\n&lt;?php\nif ( function_exists('yoast_breadcrumb') ) {\n  yoast_breadcrumb( '&lt;p id=\"breadcrumbs\"&gt;','&lt;\/p&gt;' );\n}\n?&gt;<\/code><\/pre>\n<p>Il posto in cui lo aggiungete dipende grosso modo da voi. Se volete utilizzare i breadcrumb nei post del vostro blog, potete aggiungerlo al template file <code>single.php<\/code>.<\/p>\n<p>In alternativa, incollandolo alla fine del file <code>header.php<\/code>, aggiungerete i breadcrumb all&#8217;intero sito:<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2019\/10\/modifica-header-php-1.png\" alt=\"modifica header php\" width=\"1500\" height=\"889\"><figcaption class=\"wp-caption-text\">Aggiungere il codice di attivazione dei breadcrumb di Yoast<\/figcaption><\/figure>\n<p>Tenete presente che i futuri aggiornamenti del tema potrebbero sovrascrivere questo codice personale. Dovrete contattare lo sviluppatore del tema per chiedere informazioni su come evitare questo problema, o semplicemente utilizzare un <a href=\"https:\/\/kinsta.com\/it\/blog\/child-theme-wordpress\/\">child theme<\/a>. Una volta che lo snippet \u00e8 al suo posto, andate su <strong>SEO &gt; Aspetto della ricerca &gt; Breadcrumbs<\/strong> nella vostra dashboard:<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2019\/10\/impostazioni-breadcrumb-yoast-1.png\" alt=\"impostazioni breadcrumb Yoast\" width=\"1500\" height=\"928\"><figcaption class=\"wp-caption-text\">Le impostazioni dei breadcrumb di Yoast SEO<\/figcaption><\/figure>\n<p>Impostate l&#8217;opzione <strong>Impostazioni dei Breadcrumbs<\/strong> su <strong>Abilitato<\/strong>. Quindi visualizzate l&#8217;anteprima del vostro sito:<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2019\/10\/esempio-live-breadcrumb-1.png\" alt=\"esempio breadcrumb\" width=\"1500\" height=\"618\"><figcaption class=\"wp-caption-text\">Breadcrumb aggiunti con Yoast SEO<\/figcaption><\/figure>\n<p>Ora dovreste vedere i breadcrumb nel vostro sito, in corrispondenza dell&#8217;area in cui avete aggiunto lo snippet di codice.<\/p>\n<h3 id=\"2-enable-breadcrumbs-with-a-wordpress-breadcrumbs-plugin\">2. Abilitare i Breadcrumbs con un Plugin per i Breadcrumb di WordPress<\/h3>\n<p>Aggiungere i breadcrumb con Yoast \u00e8 particolarmente utile se state gi\u00e0 utilizzando quel plugin per la SEO. Tuttavia, ma se preferisce un plugin diverso per <a href=\"https:\/\/kinsta.com\/it\/blog\/lunghezza-del-contenuto\/\">ottimizzare i vostri contenuti<\/a>, l&#8217;approccio descritto sopra non \u00e8 molto utile. Per fortuna, ci sono molti altri plugin a disposizione che hanno la funzione specifica di aggiungere i breadcrumb a WordPress.<\/p>\n<h4>Breadcrumb NavXT<\/h4>\n<p>Oltre a Yoast, Il plugin pi\u00f9 popolare per aggiungere breadcrumb a WordPress \u00e8 <a href=\"https:\/\/wordpress.org\/plugins\/breadcrumb-navxt\/\" target=\"_blank\" rel=\"noopener noreferrer\">Breadcrumb NavXT<\/a>:<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2019\/10\/breadcrumb-navxt-1.png\" alt=\"breadcrumb navxt\" width=\"1500\" height=\"479\"><figcaption class=\"wp-caption-text\">Il plugin Breadcrumb NavXT<\/figcaption><\/figure>\n<p>Questo plugin dispone di un widget di breadcrumb che potete aggiungere a qualsiasi area widget fornita dal vostro tema, come una barra laterale o un footer. \u00c8 altamente personalizzabile e vi permette di scegliere le pagine e le categorie da visualizzare nel percorso. Breadcrumbs NavXT include anche schema markup per migliorare la SEO.<\/p>\n<p>Per aggiungere i breadcrumb utilizzando questo plugin, andate su <strong>Aspetto &gt; Widget<\/strong>. Vedrete un nuovo widget <strong>Breadcrumb NavXT<\/strong>, che dovrete trascinare nell&#8217;area del widget in cui desiderate che appaia:<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2019\/10\/widget-breadcrumb-navxt-1.png\" alt=\"widget di Breadcrumb NavXT\" width=\"1500\" height=\"1054\"><figcaption class=\"wp-caption-text\">Aggiungere il widget di Breadcrumb NavXT al footer<\/figcaption><\/figure>\n<p>Fate clic sulla freccia del menu a discesa per aprire le impostazioni del widget e quindi compilare i campi necessari:<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2019\/10\/campi-breadcrumb-navxt-1.png\" alt=\"campi breadcrumb navxt\" width=\"1500\" height=\"697\"><figcaption class=\"wp-caption-text\">Le opzioni del widget Breadcrumb NavXT<\/figcaption><\/figure>\n<p>Selezionate le caselle di controllo necessarie per aggiungere collegamenti ai vostri breadcrumb, determinarne l&#8217;ordine, nasconderli sulla pagina iniziale e ignorare la cache. Al termine, fate clic sul pulsante <strong>Salva<\/strong>, quindi controllate il front-end del vostro sito:<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2019\/10\/breadcrumb-navxt-live-1.png\" alt=\"breadcrumb navxt\" width=\"1500\" height=\"770\"><figcaption class=\"wp-caption-text\">Breadcrumb creati con il widget di Breadcrumb NavXT<\/figcaption><\/figure>\n<p>I vostri breadcrumb ora dovrebbero essere visibili in tutte le aree widget che avete scelto.<\/p>\n<h4>Flexy Breadcrumb<\/h4>\n<p>In alternativa, <a href=\"https:\/\/wordpress.org\/plugins\/flexy-breadcrumb\/\" target=\"_blank\" rel=\"noopener noreferrer\">Flexy Breadcrumb<\/a> \u00e8 il plugin per l&#8217;aggiunta di breadcrumb a WordPress con la votazione pi\u00f9 alta:<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2019\/10\/flexy-breadcrumb-1.png\" alt=\"flexy breadcrumb\" width=\"1500\" height=\"489\"><figcaption class=\"wp-caption-text\">Il plugin Flexy Breadcrumb<\/figcaption><\/figure>\n<p>Installato e attivato il plugin, potrete aggiungere breadcrumb al vostro sito utilizzando lo shortcode [flexy_breadcrumb]. Questo vi offre un po&#8217; di flessibilit\u00e0 in pi\u00f9 nella localizzazione dei vostri percorsi. Avrete anche un maggiore controllo sugli elementi dello stile come <a href=\"https:\/\/kinsta.com\/it\/blog\/come-cambiare-i-font-in-wordpress\/\">dimensione del carattere, colore e icone<\/a>.<\/p>\n<p>Dopo aver installato Flexy Breadcrumbs, vedrete un nuovo elemento nella barra laterale della dashboard:<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2019\/10\/flexy-breadcrumb-dashboard-1.png\" alt=\"flexy breadcrumb dashboard\" width=\"1500\" height=\"727\"><figcaption class=\"wp-caption-text\">Il link a Flexy Breadcrumb nella sidebar della dashboard di WordPress<\/figcaption><\/figure>\n<p>Avrete, quindi, alcune impostazioni da configurare. Nella scheda <strong>Generale<\/strong>, potete modificare il testo e l&#8217;icona della home page, impostare il limite di caratteri e stabilire la gerarchia:<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2019\/10\/flexy-breadcrumb-general-1.png\" alt=\"flexy breadcrumb general\" width=\"1500\" height=\"931\"><figcaption class=\"wp-caption-text\">Impostazioni generali di Flexy Breadcrumb<\/figcaption><\/figure>\n<p>Nella scheda <strong>Tipografia<\/strong>, potete regolare il colore e la dimensione del carattere anche per il vostro breadcrumb:<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2019\/10\/flexy-breadcrumb-typography-1.png\" alt=\"flexy breadcrumb typography\" width=\"1500\" height=\"729\"><figcaption class=\"wp-caption-text\">Impostazioni Tipografia di Flexy Breadcrumb<\/figcaption><\/figure>\n<p>Dopo aver personalizzato il vostro percorso, dovrete aggiungere lo shortcode [flexy_breadcrumb] ovunque vogliate che appaiano i vostri breadcrumb. Anche se \u00e8 possibile inserirlo in ogni singolo post che pubblicate sul vostro sito, \u00e8 pi\u00f9 efficiente aggiungere lo shortcode in un <a href=\"https:\/\/kinsta.com\/it\/blog\/widget-wordpress\/\">widget di WordPress<\/a>:<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2019\/10\/flexy-breadcrumb-live-1.png\" alt=\"flexy breadcrumb live\" width=\"1500\" height=\"845\"><figcaption class=\"wp-caption-text\">Un percorso di Flexy Breadcrumb sul frontend<\/figcaption><\/figure>\n<p>Se controllate il frontend del vostro sito, dovreste vedere i vostri breadcrumb posizionati ovunque abbiate aggiunto lo shortcode.<\/p>\n<h3>WooCommerce Breadcrumb<\/h3>\n<p>Per i rivenditori online, <a href=\"https:\/\/wordpress.org\/plugins\/woocommerce-breadcrumbs\/\" target=\"_blank\" rel=\"noopener noreferrer\">WooCommerce Breadcrumbs<\/a> \u00e8 uno strumento semplice per aggiungere collegamenti di navigazione alle pagine dei prodotti:<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2019\/10\/woocommerce-breadcrumbs-1.png\" alt=\"woocommerce breadcrumbs\" width=\"1500\" height=\"486\"><figcaption class=\"wp-caption-text\">Il plugin WooCommerce Breadcrumbs<\/figcaption><\/figure>\n<p>Se gestite il vostro negozio online con il popolare plugin WooCommerce, questa potrebbe essere l&#8217;opzione migliore. Vi consente di attivare i breadcrumb per le pagine dei vostri prodotti, cos\u00ec da migliorare la navigazione per i clienti del vostro sito.<\/p>\n<p>Dopo l&#8217;installazione e l&#8217;attivazione, per personalizzare i percorsi dei breadcrumb si acceder\u00e0 a <strong>Impostazioni &gt; WC Breadcrumbs<\/strong>:<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2019\/10\/impostazioni-woocommerce-breadcrumbs-1.png\" alt=\"impostazioni woocommerce breadcrumbs\" width=\"1500\" height=\"897\"><figcaption class=\"wp-caption-text\">La pagina delle impostazioni di WooCommerce Breadcrumbs<\/figcaption><\/figure>\n<p>L&#8217;impostazione pi\u00f9 importante da considerare \u00e8 il checkbox <strong>Abilita breadcrumb<\/strong>. Per visualizzare il vostro breadcrumb, dovete assicurarvi che sia selezionato. Quindi, controllate una delle pagine dei vostri prodotti:<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2019\/10\/woocommerce-breadcrumbs-live-1.png\" alt=\"woocommerce breadcrumbs live\" width=\"1500\" height=\"999\"><figcaption class=\"wp-caption-text\">Pagina prodotti WooCommerce con i breadcrumb<\/figcaption><\/figure>\n<p>Il percorso dei breadcrumb dovrebbe essere visibile nella parte superiore della pagina.<\/p>\n<h4>Breadcrumb<\/h4>\n<p>Infine, <a href=\"https:\/\/wordpress.org\/plugins\/breadcrumb\/\" target=\"_blank\" rel=\"noopener noreferrer\">Breadcrumb<\/a> \u00e8 un plugin leggero che vi consente di aggiungere i breadcrumb in qualsiasi parte del vostro sito utilizzando gli shortcode:<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2019\/10\/breadcrumb-1.png\" alt=\"breadcrumb\" width=\"1500\" height=\"475\"><figcaption class=\"wp-caption-text\">Il plugin Breadcrumb<\/figcaption><\/figure>\n<p>Questo plugin ha le impostazioni pi\u00f9 estensive di tutti quelli elencati in questo articolo. Potete accedervi facendo clic su <strong>Breadcrumb<\/strong> nella sidebar della dashboard di WordPress:<\/p>\n<figure style=\"width: 1499px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2019\/10\/breadcrumb-dashboard-link-1.png\" alt=\"breadcrumb dashboard link\" width=\"1499\" height=\"615\"><figcaption class=\"wp-caption-text\">Il link di Breadcrumb nella sidebar della dashboard di WordPress<\/figcaption><\/figure>\n<p>La prima scheda \u00e8 etichettata <strong>Opzioni<\/strong> e contiene alcune impostazioni generali come testo personalizzato, separatori e limite di caratteri:<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2019\/10\/impostazioni-generali-breadcrumb-1.png\" alt=\"impostazioni generali breadcrumb\" width=\"1500\" height=\"908\"><figcaption class=\"wp-caption-text\">La pagina delle impostazioni del plugin Breadcrumb<\/figcaption><\/figure>\n<p>C&#8217;\u00e8 anche un&#8217;intera scheda dedicata alle opzioni di stile. Potete scegliere tra diversi pulsanti freccia, nonch\u00e9 dimensioni e colori dei caratteri:<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2019\/10\/impostazioni-stile-breadcrumb-1.png\" alt=\"impostazioni stile breadcrumb\" width=\"1500\" height=\"930\"><figcaption class=\"wp-caption-text\">Le impostazioni dello stile del plugin Breadcrumb<\/figcaption><\/figure>\n<p>Se avete competenze nel codice e desideri un maggiore controllo sullo stile, potete anche utilizzare la scheda <strong>CSS personalizzato<\/strong>:<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2019\/10\/breadcrumb-custom-css-1.png\" alt=\"breadcrumb custom css\" width=\"1500\" height=\"680\"><figcaption class=\"wp-caption-text\">Il campo Custom CSS del plugin Breadcrumb<\/figcaption><\/figure>\n<p>In ultimo, \u00e8 importante visualizzare la scheda <strong>Shortcode<\/strong> per aggiungere i breadcrumb al vostro sito:<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2019\/10\/breadcrumb-shortcode-opzioni-1.png\" alt=\"breadcrumb shortcode opzioni\" width=\"1500\" height=\"467\"><figcaption class=\"wp-caption-text\">Shortcode e opzioni dello snippet del plugin Breadcrumb<\/figcaption><\/figure>\n<p>Potete utilizzare lo shortcode ovunque vogliate sul vostro sito, proprio come avviene con gli altri plugin che abbiamo trattato. Tuttavia, Breadcrumb fornisce anche uno snippet di codice che potete aggiungere a uno dei vostri template file per incorporare i vostri percorsi nell&#8217;header, nel footer o altrove.<\/p>\n<h3 id=\"3-use-a-theme-that-includes-breadcrumbs\">3. Utilizzare un Tema che Include i Breadcrumb<\/h3>\n<p>Anche se di solito sono pensati per il controllo dell&#8217;aspetto del vostro sito, i temi di WordPress possono anche influenzarne le funzionalit\u00e0. Un modo in cui possono farlo \u00e8 aggiungendo i breadcrumb alle vostre pagine.<\/p>\n<p>Lo svantaggio dell&#8217;utilizzo di un tema WordPress per aggiungere breadcrumb a un sito WordPress esistente \u00e8 che comporta anche la modifica dell&#8217;aspetto del vostro sito. Se il brand e l&#8217;identit\u00e0 del vostro sito sono consolidati, questa non \u00e8 una soluzione praticabile e probabilmente per voi sar\u00e0 meglio utilizzare un plugin.<\/p>\n<p>Tuttavia, se <a href=\"https:\/\/kinsta.com\/it\/blog\/perche-usare-wordpress\/\">state avviando un nuovo sito WordPress<\/a> o avete programmato un redesign del sito, <a href=\"https:\/\/kinsta.com\/it\/blog\/come-installare-un-tema-wordpress\/#how-choose\">scegliere un tema<\/a> che incorpora i breadcrumb \u00e8 una soluzione semplice per aggiungerli al vostro sito. Inoltre, ci sono diverse opzioni disponibili gratuitamente nella <a href=\"https:\/\/wordpress.org\/themes\/\" target=\"_blank\" rel=\"noopener noreferrer\">directory dei temi di WordPress<\/a>.<\/p>\n<h3>OceanWP<\/h3>\n<p><a href=\"https:\/\/wordpress.org\/themes\/oceanwp\/\" target=\"_blank\" rel=\"noopener noreferrer\">OceanWP<\/a> \u00e8 uno dei temi WordPress multiuso pi\u00f9 popolari:<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2019\/10\/oceanwp-theme-1.png\" alt=\"oceanwp\" width=\"1500\" height=\"900\"><figcaption class=\"wp-caption-text\">Il tema OceanWP<\/figcaption><\/figure>\n<p>Include uno shortcode che potete utilizzare per applicare facilmente i breadcrumb alle vostre pagine. Ci sono anche diverse <a href=\"https:\/\/oceanwp.org\/demos\/\" target=\"_blank\" rel=\"noopener noreferrer\">demo per OceanWP<\/a> che incorporano i breadcrumb. Per utilizzare lo shortcode vi basta aggiungere [oceanwp_breadcrumb] a un post, una pagina o un widget di testo:<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2019\/10\/aggiungere-oceanwp-shortcode-1.png\" alt=\"aggiungere shortcode oceanwp\" width=\"1500\" height=\"721\"><figcaption class=\"wp-caption-text\">Aggiungere lo shortcode dei breadcrumb di OceanWP ad un widget di testo<\/figcaption><\/figure>\n<p>Potete personalizzare i vostri breadcrumb utilizzando i seguenti parametri:<\/p>\n<ul>\n<li>Class: incorpora una classe CSS personalizzata.<\/li>\n<li>Color: cambia il colore del testo.<\/li>\n<li>Hover color: cambia il colore del testo quando gli utenti passano il mouse sopra i breadcrumb.<\/li>\n<\/ul>\n<p>Potete aggiungere uno o tutti questi parametri tra le parentesi dello shortcode:<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2019\/10\/oceanwp-parametri-breadcrumb-1.png\" alt=\"oceanwp parametri breadcrumb\" width=\"1500\" height=\"719\"><figcaption class=\"wp-caption-text\">Personalizzare i breadcrumb di OceanWP con i parametri dello shortcode<\/figcaption><\/figure>\n<p>Ora dovreste vedere il vostro breadcrumb nelle pagine scelte.<\/p>\n<h3>Astra<\/h3>\n<p>Allo stesso modo, anche <a href=\"https:\/\/wordpress.org\/themes\/astra\/\" target=\"_blank\" rel=\"noopener noreferrer\">Astra<\/a> permette di aggiungere agevolmente i breadcrumb al vostro sito:<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2019\/10\/tema-astra-1.png\" alt=\"Il tema Astra\" width=\"1500\" height=\"906\"><figcaption class=\"wp-caption-text\">Il tema Astra<\/figcaption><\/figure>\n<p>Il modo pi\u00f9 semplice per abilitare i breadcrumb con Astra \u00e8 tramite il Customizer. Con il tema installato e attivato, andate su <strong>Aspetto &gt; Personalizza<\/strong>:<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2019\/10\/accedere-customizer-astra-1.png\" alt=\"accedere al customizer in astra\" width=\"1500\" height=\"640\"><figcaption class=\"wp-caption-text\">Accedere al Customizer dalla dashboard di WordPress<\/figcaption><\/figure>\n<p>Quindi, selezionate la scheda <strong>Breadcrumb<\/strong>:<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2019\/10\/astra-customizer-breadcrumb-1.png\" alt=\"astra customizer breadcrumb\" width=\"1500\" height=\"788\"><figcaption class=\"wp-caption-text\">La scheda dei breadcrumb di Astra nel Customizer<\/figcaption><\/figure>\n<p>Qui vedrete un menu a discesa che vi consente di scegliere dove visualizzare i vostri breadcrumb sulla pagina:<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2019\/10\/astra-breadcrumb-posizione-1.png\" alt=\"astra posizione breadcrumb\" width=\"1500\" height=\"649\"><figcaption class=\"wp-caption-text\">Selezionare la posizione dei breadcrumb per il tema Astra<\/figcaption><\/figure>\n<p>Una volta fatta la scelta, verranno visualizzate anche alcune opzioni di stile:<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2019\/10\/astra-stile-breadcrumb-1.png\" alt=\"astra stile breadcrumb\" width=\"1500\" height=\"915\"><figcaption class=\"wp-caption-text\">Le opzioni di stile dei breadcrumb di Astra nel Customizer<\/figcaption><\/figure>\n<p>Fare clic sul pulsante <strong>Pubblica<\/strong> del Customizer per salvare le modifiche.<\/p>\n<h3 id=\"4-add-breadcrumbs-manually\">4. Aggiungere i Breadcrumb Manualmente<\/h3>\n<p>Plugin e temi sono tra le cose che rendono WordPress una piattaforma cos\u00ec user-friendly e accessibile. Tuttavia, alcuni utenti e sviluppatori pi\u00f9 avanzati potrebbero sentirsi un po&#8217; limitati. Il codice pu\u00f2 essere un mezzo molto creativo e potrebbe piacervi avere la capacit\u00e0 di scrivere liberamente i vostri breadcrumb.<\/p>\n<p>Per visualizzare manualmente i breadcrumb, dovete fare due cose. Innanzitutto, dovete aggiungere una funzione al vostro file <strong>functions.php<\/strong> per abilitarli. Ecco un esempio del codice che potreste utilizzare:<\/p>\n<pre><code class=\"language-php\">\nfunction get_breadcrumb() {\n\techo \u2018&lt;a href=\"\u201d\u2019.home_url().\u2019\u201d\" rel=\"\u201dnofollow\u201d\"&gt;Home&lt;\/a&gt;\u2019;\n\tif (is_category() || is_single()){\n\t\techo \u201c\u00a0\u00a0\u00bb\u00a0\u00a0\u201d;\n\t\tthe_category (\u2018 \u2022 \u2018);\n\t\t\tif (is_single()) {\n\t\t\t\techo \u201c\u00a0\u00a0\u00bb\u00a0\u00a0\u201d;\n\t\t\t\tthe_title();\n\t\t\t}\n} elseif (is_page()) {\n\t\techo \u201c\u00a0\u00a0\u00bb\u00a0\u00a0\u201d;\n\t\techo the_title();\n\t} elseif (is_search()) {\n\t\techo \u201c\u00a0\u00a0\u00bb\u00a0\u00a0\u201d;Search Results for\u2026\n\t\techo \u2018\u201c&lt;em&gt;\u2019;\n\t\techo the_search_query();\n\t\techo \u2018&lt;\/em&gt;\u201d\u2019;\n\t}\n}\n<\/code><\/pre>\n<p>Una volta aggiunta la funzione, dovrete invocarla nei template file in cui desiderate che appaiano i vostri breadcrumb. Invocando la funzione in <strong>single.php<\/strong>, i breadcrumb appariranno nei vostri post; invocandola in <strong>header.php<\/strong>, saranno visualizzati ovunque appaia il vostro header, e cos\u00ec via.<\/p>\n<p>Il codice da utilizzare dovrebbe essere simile a questo:<\/p>\n<pre><code class=\"language-html\">\n&lt;div class=\"breadcrumb\"&gt;&lt;?php get_breadcrumb(); ?&gt;&lt;\/div&gt;\n<\/code><\/pre>\n<p>Modificando questi file, i breadcrumb saranno visualizzati sul vostro sito, ma questo non vi consente di dargli uno stile che corrisponda al design. Per questo, dovrete sporcarvi le mani anche con alcuni CSS.<\/p>\n<h2 id=\"how-to-style-your-wordpress-breadcrumbs\">Come Date uno Stile ai Vostri Breadcrumb di WordPress<\/h2>\n<p>Lo styling dei vostri breadcrumb \u00e8 necessario se state scrivendo voi il codice. Tuttavia, pu\u00f2 essere utile anche se li state aggiungendo con un tema o un plugin. Lo stile predefinito fornito da questi strumenti potrebbe non essere adatto al vostro sito, nel qual caso potreste modificarli per mantenere la coerenza visiva.<\/p>\n<p>Potete <a href=\"https:\/\/kinsta.com\/it\/blog\/modificare-codice-wordpress\/\">aggiungere CSS personalizzati<\/a> per modificare lo stile dei breadcrumb nel foglio di stile del vostro tema (style.css) o nell&#8217;area CSS Aggiuntivo del Customizer:<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2019\/10\/css-aggiuntivo-customizer-1.png\" alt=\"CSS aggiuntivo customizer\" width=\"1500\" height=\"885\"><figcaption class=\"wp-caption-text\">Incorporare il CSS aggiuntivo per lo stile dei breadcrumb dal Customizer<\/figcaption><\/figure>\n<p>Esistono molti modi per adattare i breadcrumb al design del vostro sito, ad esempio modificando il carattere, le dimensioni e il colore. Potete anche prendere in considerazione elementi come margini, riempimento, bordo e icone.<\/p>\n<p>Ecco un esempio di alcuni CSS che possono essere utilizzati per modificare lo stile dei vostri breadcrumb:<\/p>\n<pre><code class=\"language-css\">\n.breadcrumb {\n\tpadding: 8px 15px;\n\tmargin-bottom: 20px;\n\tlist-style: none;\n\tbackground-color: #f5f5f5;\n\tborder-radius: 4px;\n}\n.breadcrumb a {\n\tcolor: #428bca;\n\ttext-decoration: none;\n}\n<\/code><\/pre>\n<p>Con i CSS ci sono molte possibilit\u00e0. Quindi potrebbero essere necessari alcuni esperimenti per far apparire il vostro breadcrumb esattamente come lo volete.<\/p>\n<h2 id=\"how-to-remove-wordpress-breadcrumbs-from-your-site\">Come Rimuovere i Breadcrumbs dal Vostro Sito WordPress<\/h2>\n<p>Sebbene ci siano molti vantaggi nell&#8217;aggiungere i breadcrumb al proprio sito, ci\u00f2 non significa che vadano bene per tutti. Per qualcuno potrebbero creare confusione, oppure dare l&#8217;impressione di avere un sito dalle pagine ingombre.<\/p>\n<p>Se volete rimuovere i breadcrumb dal vostro sito WordPress, potete farlo a seconda del metodo che avete utilizzato per aggiungerli. Ad esempio, se avete creato il codice del vostro breadcrumb, potete semplicemente rimuovere il codice dai file del vostro tema.<\/p>\n<p>Per disabilitare i breadcrumb aggiunti con un plugin basta disattivare il plugin. Nel caso di Yoast SEO, potete accedere alla scheda <strong>Breadcrumbs<\/strong> nelle impostazioni <strong>Aspetto della ricerca<\/strong> e impostare lo switcher su <strong>Disabilita<\/strong>.<\/p>\n<p>Lo stesso si pu\u00f2 dire per i temi che abilitano i breadcrumb tramite un&#8217;impostazione o degli <a href=\"https:\/\/kinsta.com\/it\/blog\/shortcode-wordpress\/\">WordPress shortcode<\/a>. Tuttavia, ci sono alcuni temi che aggiungono i breadcrumb di default. Rimuovere questi breadcrumb pu\u00f2 essere un po&#8217; pi\u00f9 complicato, specialmente se non avete molta esperienza con il codice.<\/p>\n<p>Se siete in questa situazione, dovrete accedere al file <strong>header.php<\/strong> del vostro sito. L\u00ec dovrete cercare &#8220;breadcrumb&#8221;. Questo dovrebbe evidenziare il codice che invoca la funzione che aggiunge i breadcrumb al vostro sito (se si trova qui):<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2019\/10\/cercare-codice-breadcrumb-1.png\" alt=\"cercare il codice dei breadcrumb\" width=\"1500\" height=\"917\"><figcaption class=\"wp-caption-text\">Cercare il codice dei breadcrumb nel template file dell&#8217;header del tema<\/figcaption><\/figure>\n<p>Eliminate questa riga di codice per rimuovere i breadcrumb dal vostro sito. Se non avete trovato il codice giusto, potete seguire di nuovo questa procedura nei vostri file <strong>single.php<\/strong> e <strong>page.php<\/strong>, per vedere se la funzione \u00e8 invocata in uno di quei template.<\/p>\n<p>Se tutto fallisce, contattate lo <a href=\"https:\/\/kinsta.com\/it\/blog\/assumere-uno-sviluppatore-wordpress\/\">sviluppatore del tema<\/a> per chiedere supporto. Tenete presente che l&#8217;<a href=\"https:\/\/kinsta.com\/it\/blog\/come-aggiornare-un-tema-wordpress\/\">aggiornamento del tema di WordPress<\/a> pu\u00f2 sostituire qualsiasi modifica apportata ai suoi file. Ecco perch\u00e9 le best practice suggeriscono di utilizzare un <a href=\"https:\/\/kinsta.com\/it\/blog\/child-theme-wordpress\/\">child theme<\/a> per questo, al fine di preservare le vostre personalizzazioni a tempo indeterminato.<\/p>\n\n<h2>Riepilogo<\/h2>\n<p>UX e SEO forti sono entrambi fondamentali per un sito web di successo. L&#8217;attivazione dei breadcrumb di WordPress pu\u00f2 facilitare la navigazione dei visitatori all&#8217;interno del vostro sito, aiutando anche i motori di ricerca a comprenderne la struttura e a indicizzare le vostre pagine in modo accurato.<\/p>\n<p>In questo post abbiamo analizzato quattro metodi per aggiungere breadcrumb al vostro sito WordPress:<\/p>\n<ul>\n<li>Attivando i breadcrumb in <a href=\"https:\/\/wordpress.org\/plugins\/wordpress-seo\/\" target=\"_blank\" rel=\"noopener noreferrer\">Yoast SEO<\/a>.<\/li>\n<li>Installando e configurando un plugin per i breadcrumb di WordPress.<\/li>\n<li><a href=\"https:\/\/kinsta.com\/it\/blog\/cambiare-tema-wordpress\/\">Utilizzando un tema<\/a> che includa i breadcrumb.<\/li>\n<li>Aggiungendo i vostri breadcrumb manualmente usando il codice.<\/li>\n<\/ul>\n<p>Avete domande sui breadcrumb di WordPress o su come usarli? Fatecelo sapere nella sezione dei commenti qui sotto!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Nonostante il nome banale, i bredcrumb sono uno strumento molto utile per migliorare l&#8217;esperienza utente del vostro sito (UX) e l&#8217;ottimizzazione per i motori di ricerca &#8230;<\/p>\n","protected":false},"author":103,"featured_media":31116,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[3431,11656],"topic":[26008,25960],"class_list":["post-31081","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","tag-consigli-di-seo","tag-usabilita","topic-wordpress-seo","topic-strategia-seo"],"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>I Breadcrumb di WordPress: Come Abilitarli sul Vostro Sito WordPress<\/title>\n<meta name=\"description\" content=\"Vuoi migliorare SEO e UX? Scopri come aggiungere i breadcrumb al tuo sito WordPress seguendo uno di questi semplici metodi!\" \/>\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\/breadcrumb-wordpress\/\" \/>\n<meta property=\"og:locale\" content=\"it_IT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"I Breadcrumb di WordPress: Come Abilitarli sul Vostro Sito WordPress\" \/>\n<meta property=\"og:description\" content=\"Vuoi migliorare SEO e UX? Scopri come aggiungere i breadcrumb al tuo sito WordPress seguendo uno di questi semplici metodi!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/it\/blog\/breadcrumb-wordpress\/\" \/>\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=\"2019-12-26T10:35:46+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-02-02T11:10:53+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2019\/12\/WordPress-Breadcrumb.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=\"Vuoi migliorare SEO e UX? Scopri come aggiungere i breadcrumb al tuo sito WordPress seguendo uno di questi semplici metodi!\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2019\/12\/WordPress-Breadcrumb.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=\"15 minuti\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/it\/blog\/breadcrumb-wordpress\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/breadcrumb-wordpress\/\"},\"author\":{\"name\":\"Matteo Du\u00f2\",\"@id\":\"https:\/\/kinsta.com\/it\/#\/schema\/person\/9d811e805493f00205e6409451055174\"},\"headline\":\"I Breadcrumb di WordPress: Come Abilitarli sul Vostro Sito WordPress\",\"datePublished\":\"2019-12-26T10:35:46+00:00\",\"dateModified\":\"2023-02-02T11:10:53+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/breadcrumb-wordpress\/\"},\"wordCount\":2958,\"commentCount\":5,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/it\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/breadcrumb-wordpress\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2019\/12\/WordPress-Breadcrumb.jpg\",\"keywords\":[\"consigli di seo\",\"usabilit\u00e0\"],\"articleSection\":[\"I Migliori Tutorial su WordPress\"],\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/it\/blog\/breadcrumb-wordpress\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/it\/blog\/breadcrumb-wordpress\/\",\"url\":\"https:\/\/kinsta.com\/it\/blog\/breadcrumb-wordpress\/\",\"name\":\"I Breadcrumb di WordPress: Come Abilitarli sul Vostro Sito WordPress\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/it\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/breadcrumb-wordpress\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/breadcrumb-wordpress\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2019\/12\/WordPress-Breadcrumb.jpg\",\"datePublished\":\"2019-12-26T10:35:46+00:00\",\"dateModified\":\"2023-02-02T11:10:53+00:00\",\"description\":\"Vuoi migliorare SEO e UX? Scopri come aggiungere i breadcrumb al tuo sito WordPress seguendo uno di questi semplici metodi!\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/breadcrumb-wordpress\/#breadcrumb\"},\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/it\/blog\/breadcrumb-wordpress\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/kinsta.com\/it\/blog\/breadcrumb-wordpress\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2019\/12\/WordPress-Breadcrumb.jpg\",\"contentUrl\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2019\/12\/WordPress-Breadcrumb.jpg\",\"width\":1460,\"height\":730,\"caption\":\"Breadcrumb WordPress\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/it\/blog\/breadcrumb-wordpress\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/it\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"SEO WordPress\",\"item\":\"https:\/\/kinsta.com\/it\/argomenti\/wordpress-seo\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"I Breadcrumb di WordPress: Come Abilitarli sul Vostro Sito WordPress\"}]},{\"@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":"I Breadcrumb di WordPress: Come Abilitarli sul Vostro Sito WordPress","description":"Vuoi migliorare SEO e UX? Scopri come aggiungere i breadcrumb al tuo sito WordPress seguendo uno di questi semplici metodi!","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\/breadcrumb-wordpress\/","og_locale":"it_IT","og_type":"article","og_title":"I Breadcrumb di WordPress: Come Abilitarli sul Vostro Sito WordPress","og_description":"Vuoi migliorare SEO e UX? Scopri come aggiungere i breadcrumb al tuo sito WordPress seguendo uno di questi semplici metodi!","og_url":"https:\/\/kinsta.com\/it\/blog\/breadcrumb-wordpress\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/kinstaitalia\/","article_published_time":"2019-12-26T10:35:46+00:00","article_modified_time":"2023-02-02T11:10:53+00:00","og_image":[{"width":1460,"height":730,"url":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2019\/12\/WordPress-Breadcrumb.jpg","type":"image\/jpeg"}],"author":"Matteo Du\u00f2","twitter_card":"summary_large_image","twitter_description":"Vuoi migliorare SEO e UX? Scopri come aggiungere i breadcrumb al tuo sito WordPress seguendo uno di questi semplici metodi!","twitter_image":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2019\/12\/WordPress-Breadcrumb.jpg","twitter_creator":"@matteoduo","twitter_site":"@Kinsta_IT","twitter_misc":{"Scritto da":"Matteo Du\u00f2","Tempo di lettura stimato":"15 minuti"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/it\/blog\/breadcrumb-wordpress\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/it\/blog\/breadcrumb-wordpress\/"},"author":{"name":"Matteo Du\u00f2","@id":"https:\/\/kinsta.com\/it\/#\/schema\/person\/9d811e805493f00205e6409451055174"},"headline":"I Breadcrumb di WordPress: Come Abilitarli sul Vostro Sito WordPress","datePublished":"2019-12-26T10:35:46+00:00","dateModified":"2023-02-02T11:10:53+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/it\/blog\/breadcrumb-wordpress\/"},"wordCount":2958,"commentCount":5,"publisher":{"@id":"https:\/\/kinsta.com\/it\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/it\/blog\/breadcrumb-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2019\/12\/WordPress-Breadcrumb.jpg","keywords":["consigli di seo","usabilit\u00e0"],"articleSection":["I Migliori Tutorial su WordPress"],"inLanguage":"it-IT","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/it\/blog\/breadcrumb-wordpress\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/it\/blog\/breadcrumb-wordpress\/","url":"https:\/\/kinsta.com\/it\/blog\/breadcrumb-wordpress\/","name":"I Breadcrumb di WordPress: Come Abilitarli sul Vostro Sito WordPress","isPartOf":{"@id":"https:\/\/kinsta.com\/it\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/it\/blog\/breadcrumb-wordpress\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/it\/blog\/breadcrumb-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2019\/12\/WordPress-Breadcrumb.jpg","datePublished":"2019-12-26T10:35:46+00:00","dateModified":"2023-02-02T11:10:53+00:00","description":"Vuoi migliorare SEO e UX? Scopri come aggiungere i breadcrumb al tuo sito WordPress seguendo uno di questi semplici metodi!","breadcrumb":{"@id":"https:\/\/kinsta.com\/it\/blog\/breadcrumb-wordpress\/#breadcrumb"},"inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/it\/blog\/breadcrumb-wordpress\/"]}]},{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/kinsta.com\/it\/blog\/breadcrumb-wordpress\/#primaryimage","url":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2019\/12\/WordPress-Breadcrumb.jpg","contentUrl":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2019\/12\/WordPress-Breadcrumb.jpg","width":1460,"height":730,"caption":"Breadcrumb WordPress"},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/it\/blog\/breadcrumb-wordpress\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/it\/"},{"@type":"ListItem","position":2,"name":"SEO WordPress","item":"https:\/\/kinsta.com\/it\/argomenti\/wordpress-seo\/"},{"@type":"ListItem","position":3,"name":"I Breadcrumb di WordPress: Come Abilitarli sul Vostro Sito WordPress"}]},{"@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\/31081","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=31081"}],"version-history":[{"count":7,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/posts\/31081\/revisions"}],"predecessor-version":[{"id":34305,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/posts\/31081\/revisions\/34305"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/31081\/translations\/en"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/31081\/translations\/es"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/31081\/translations\/pt"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/31081\/translations\/fr"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/31081\/translations\/it"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/31081\/translations\/nl"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/31081\/translations\/de"},{"embeddable":true,"hreflang":"sv","title":"Swedish","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/31081\/translations\/se"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/31081\/translations\/jp"},{"href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/31081\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/media\/31116"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/media?parent=31081"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/tags?post=31081"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/topic?post=31081"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}