{"id":132626,"date":"2025-12-22T09:00:00","date_gmt":"2025-12-22T08:00:00","guid":{"rendered":"https:\/\/supporthost.com\/it\/?p=132626"},"modified":"2026-01-21T09:34:42","modified_gmt":"2026-01-21T08:34:42","slug":"breadcrumb-wordpress","status":"publish","type":"post","link":"https:\/\/supporthost.com\/it\/breadcrumb-wordpress\/","title":{"rendered":"Breadcrumb in WordPress: come aggiungerli e configurarli"},"content":{"rendered":"\n<p>S\u00ec, breadcrumbs significa proprio briciole di pane, come quelle lasciate da H\u00e4nsel e Gretel e da Pollicino per ritrovare la via del ritorno. Ma nel web, a differenza delle fiabe, le <strong>tracce del percorso<\/strong> restano visibili e ci danno la possibilit\u00e0 di farlo a ritroso cos\u00ec come di saltare a punti del sito pi\u00f9 vicini alla home, anche quando arriviamo direttamente sul contenuto seguendo un <a href=\"https:\/\/supporthost.com\/it\/backlink\/\">backlink<\/a>.<\/p>\n\n\n\n<p>In questa guida ai breadcrumb in WordPress vedremo perch\u00e9 \u00e8 utile mostrarli e quando \u00e8 meglio non farlo. Parleremo di <strong>come aggiungerli al sito<\/strong> manualmente, attraverso temi che li supportano oppure con dei plugin \u2013 per la <a href=\"https:\/\/supporthost.com\/it\/seo-significato\/\">SEO<\/a> o dedicati; di <strong>come personalizzarne lo stile<\/strong>, ottimizzarli per il posizionamento sui motori di ricerca e anche di come rimuoverli.<\/p>\n\n\n\n<div class=\"wp-block-rank-math-toc-block\" id=\"rank-math-toc\"><h2>Indice<\/h2><nav><ul><li><a href=\"#cosa-sono-i-breadcrumb\">Cosa sono i breadcrumb<\/a><\/li><li><a href=\"#perche-usare-i-breadcrumb\">Perch\u00e9 usare i breadcrumb\u00a0<\/a><\/li><li><a href=\"#metodi-per-aggiungere-i-breadcrumb-in-word-press\">Metodi per aggiungere i breadcrumb in WordPress<\/a><\/li><li><a href=\"#scegliere-un-tema-che-offra-breadcrumb-nativi\">Scegliere un tema che offra breadcrumb nativi<\/a><ul><li><a href=\"#inserire-i-breadcrumb-in-word-press-con-astra\">Inserire i breadcrumb in WordPress con Astra\u00a0<\/a><ul><li><a href=\"#personalizzare-la-grafica-dei-breadcrumb-di-astra\">Personalizzare la grafica dei breadcrumb di Astra<\/a><\/li><li><a href=\"#inserire-con-astra-breadcrumb-di-altri-plugin\">Inserire con Astra breadcrumb di altri plugin\u00a0<\/a><\/li><\/ul><\/li><li><a href=\"#inserire-i-breadcrumb-in-word-press-con-ocean-wp\">Inserire i breadcrumb in WordPress con OceanWP<\/a><ul><li><a href=\"#personalizzare-i-breadcrumb-di-ocean-wp\">Personalizzare i breadcrumb di OceanWP<\/a><\/li><\/ul><\/li><\/ul><\/li><li><a href=\"#aggiungere-i-breadcrumb-in-word-press-con-un-plugin-seo\">Aggiungere i breadcrumb in WordPress con un plugin SEO<\/a><ul><li><a href=\"#attivare-i-breadcrumb-di-rank-math\">Attivare i breadcrumb di Rank Math<\/a><ul><li><a href=\"#personalizzare-i-breadcrumb-di-rank-math\">Personalizzare i breadcrumb di Rank Math<\/a><\/li><li><a href=\"#inserire-i-breadcrumb-di-rank-math\">Inserire i breadcrumb di Rank Math<\/a><\/li><\/ul><\/li><li><a href=\"#attivare-i-breadcrumb-di-yoast-seo\">Attivare i breadcrumb di Yoast SEO<\/a><ul><li><a href=\"#inserire-i-breadcrumb-di-yoast\">Inserire i breadcrumb di Yoast<\/a><\/li><li><a href=\"#personalizzare-i-breadcrumb-di-yoast\">Personalizzare i breadcrumb di Yoast<\/a><\/li><\/ul><\/li><li><a href=\"#aggiungere-i-breadcrumb-con-aioseo\">Aggiungere i breadcrumb con AIOSEO<\/a><ul><li><a href=\"#personalizzare-i-breadcrumb-di-aioseo\">Personalizzare i breadcrumb di AIOSEO<\/a><\/li><\/ul><\/li><\/ul><\/li><li><a href=\"#plugin-breadcrumb-per-word-press\">Plugin breadcrumb per WordPress<\/a><ul><li><a href=\"#inserire-i-breadcrumb-in-word-press-con-breadcrumb-nav-xt\">Inserire i breadcrumb in WordPress con Breadcrumb NavXT<\/a><ul><li><a href=\"#configurare-breadcrumb-nav-xt\">Configurare Breadcrumb NavXT<\/a><\/li><li><a href=\"#aggiungere-i-breadcrumb-di-breadcrumb-nav-xt\">Aggiungere i breadcrumb di Breadcrumb NavXT<\/a><\/li><\/ul><\/li><\/ul><\/li><li><a href=\"#aggiungere-i-breadcrumb-via-codice\">Aggiungere i breadcrumb via codice<\/a><\/li><li><a href=\"#definire-lo-stile-dei-breadcrumb\">Definire lo stile dei breadcrumb<\/a><\/li><li><a href=\"#ottimizzare-i-breadcrumb-per-la-seo\">Ottimizzare i breadcrumb per la SEO<\/a><\/li><li><a href=\"#rimuovere-i-breadcrumb-da-word-press\">Rimuovere i breadcrumb da WordPress\u00a0<\/a><\/li><li><a href=\"#conclusioni\">Conclusioni<\/a><\/li><\/ul><\/nav><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"cosa-sono-i-breadcrumb\">Cosa sono i breadcrumb<\/h2>\n\n\n\n<p>I breadcrumb sono <strong>percorsi di navigazione<\/strong> che mostrano la posizione di un contenuto rispetto alla struttura del sito attraverso una sequenza di link.&nbsp;<\/p>\n\n\n\n<p>Li avrai visti di certo, posizionati in alto, di solito appena sopra il titolo.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"957\" height=\"417\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/breadcrumb-wordpress-gerarchici.png\" alt=\"Breadcrumb WordPress Gerarchici\" class=\"wp-image-132630\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/breadcrumb-wordpress-gerarchici.png 957w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/breadcrumb-wordpress-gerarchici-300x131.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/breadcrumb-wordpress-gerarchici-768x335.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/breadcrumb-wordpress-gerarchici-120x52.png 120w\" sizes=\"auto, (max-width: 957px) 100vw, 957px\" \/><\/figure>\n\n\n\n<p>Grazie ai breadcrumb l\u2019utente pu\u00f2 andare con un clic alle <strong>sezioni superiori<\/strong>, per esempio da un articolo alla sottocategoria che lo contiene oppure alla categoria genitore o alla home.<\/p>\n\n\n\n<p>Come negli altri CMS, su WordPress i breadcrumb sono di <strong>3 tipi<\/strong>.<\/p>\n\n\n\n<p><strong>I breadcrumb basati sulla gerarchia o sulla posizione<\/strong> sono quelli pi\u00f9 comuni che mostrano a chi visita il sito dove si trova e i livelli superiori che lo separano dalla home. Come nell&#8217;immagine sopra, seguono uno schema che riflette la struttura del sito:<br><em>Home &gt; Categoria principale &gt; Sottocategoria &gt; \u2026 &gt; Pagina<\/em><\/p>\n\n\n\n<p><strong>I breadcrumb basati sulla cronologia<\/strong> invece rappresentano il percorso effettivo seguito dall\u2019utente e permettono di tornare facilmente sulle pagine gi\u00e0 visitate. Sono molto meno usati rispetto a quelli gerarchici e in alcuni casi potrebbero essere identici a questi: cio\u00e8 quando il visitatore ha navigato dalla home verso una categoria e poi su un contenuto della categoria.<\/p>\n\n\n\n<p>Invece se, per esempio, l\u2019utente arriva sulla pagina da un post di un\u2019altra sottocategoria cliccando su un <a href=\"https:\/\/supporthost.com\/it\/link-interni\/\" data-type=\"post\" data-id=\"128386\">link interno<\/a>, il breadcrumb non rispetter\u00e0 la struttura del sito ma sar\u00e0 del tipo:&nbsp;<br><em>Home &gt; Categoria &gt; Altra Sottocategoria &gt; Pagina<\/em><\/p>\n\n\n\n<p>In questo esempio abbiamo un percorso di navigazione che ricalca la struttura del sito ma permette anche di tornare alla pagina precedente e di ritrovare tutti i filtri impostati grazie al link &#8220;Back&#8221;.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/breadcrumb-wordpress-cronologici-1024x576.png\" alt=\"Breadcrumb WordPress Cronologici\" class=\"wp-image-132631\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/breadcrumb-wordpress-cronologici-1024x576.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/breadcrumb-wordpress-cronologici-300x169.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/breadcrumb-wordpress-cronologici-768x432.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/breadcrumb-wordpress-cronologici-112x63.png 112w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/breadcrumb-wordpress-cronologici.png 1220w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>I breadcrumb basati sugli attributi<\/strong> mostrano non solo la posizione del contenuto rispetto alla gerarchia ma anche eventuali filtri che sono stati aggiunti nella ricerca.<strong> <\/strong>Sono tipici dei negozi online, come quello che vedi nell\u2019immagine sotto.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"581\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/breadcrumb-wordpress-basati-su-attributi-1024x581.png\" alt=\"Breadcrumb WordPress Basati Su Attributi\" class=\"wp-image-132632\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/breadcrumb-wordpress-basati-su-attributi-1024x581.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/breadcrumb-wordpress-basati-su-attributi-300x170.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/breadcrumb-wordpress-basati-su-attributi-768x436.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/breadcrumb-wordpress-basati-su-attributi-111x63.png 111w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/breadcrumb-wordpress-basati-su-attributi.png 1458w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"perche-usare-i-breadcrumb\">Perch\u00e9 usare i breadcrumb&nbsp;<\/h2>\n\n\n\n<p>I breadcrumb <strong>migliorano <\/strong>l\u2019<a href=\"https:\/\/supporthost.com\/it\/esperienza-utente-wordpress\/\">esperienza utente<\/a> perch\u00e9 facilitano la navigazione. Infatti in ogni momento mostrano alle persone dove si trovano all\u2019interno del sito e permettono di tornare alle pagine precedenti con un minor numero di clic.\u00a0<\/p>\n\n\n\n<p>Inoltre danno un\u2019idea della <strong>struttura dei contenuti<\/strong>, il che pu\u00f2 essere molto comodo nei siti complessi e negli ecommerce.<\/p>\n\n\n\n<p>I breadcrumb contribuiscono a migliorare la <a href=\"https:\/\/supporthost.com\/it\/seo-wordpress\/\">SEO di WordPress<\/a> poich\u00e9 aiutano non solo gli umani ma anche i <strong>motori di ricerca<\/strong> a capire la gerarchia delle pagine. Google li apprezza, tanto che li mostra anche nelle pagine dei risultati.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"773\" height=\"264\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/breadcrumb-risultati-ricerca-google.png\" alt=\"Breadcrumb Risultati Ricerca Google\" class=\"wp-image-132633\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/breadcrumb-risultati-ricerca-google.png 773w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/breadcrumb-risultati-ricerca-google-300x102.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/breadcrumb-risultati-ricerca-google-768x262.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/breadcrumb-risultati-ricerca-google-120x41.png 120w\" sizes=\"auto, (max-width: 773px) 100vw, 773px\" \/><\/figure>\n\n\n\n<p>In pi\u00f9 i percorsi di navigazione suggeriscono altre sezioni da esplorare e cos\u00ec tendono a <strong>ridurre il tasso di rimbalzo<\/strong> del sito \u2013 cio\u00e8 la percentuale di utenti che abbandona dopo aver visualizzato una sola pagina. Allo stesso modo aiutano a migliorare la profondit\u00e0 di navigazione, cio\u00e8 il numero medio di pagine viste per sessione. Tutti parametri che puoi misurare con <a href=\"https:\/\/supporthost.com\/it\/google-analytics\/\">Google Analytics<\/a>, magari approfittando della nostra guida completa per principianti.<\/p>\n\n\n\n<p>Quando potrebbe essere <strong>preferibile non usare i breadcrumb<\/strong> su WordPress?<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Quando il sito ha una struttura piatta, senza categorie: per esempio in caso di siti vetrina composti solo da pagine statiche.<\/li>\n\n\n\n<li>Se il layout gi\u00e0 troppo affollato, o se si vuole mantenere un design minimalista.<\/li>\n\n\n\n<li>Se sono presenti men\u00f9 secondari e altri strumenti che aiutano l\u2019utente a orientarsi e rendono i breadcrumb superflui.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"metodi-per-aggiungere-i-breadcrumb-in-word-press\">Metodi per aggiungere i breadcrumb in WordPress<\/h2>\n\n\n\n<p>In sintesi ci sono <strong>3 modi <\/strong>per aggiungere i breadcrumb in WordPress:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>inserirli da un tema che li supporta;<\/li>\n\n\n\n<li>usare un plugin (SEO o dedicato);<\/li>\n\n\n\n<li>modificare il codice manualmente.<\/li>\n<\/ol>\n\n\n\n<p>Per chi ancora deve scegliere il tema, la <strong>soluzione pi\u00f9 semplice<\/strong> potrebbe essere installarne uno che permetta di inserire i percorsi di navigazione. Allo stesso modo, poich\u00e9 non c\u2019\u00e8 sito o <a href=\"https:\/\/supporthost.com\/it\/blog-wordpress\/\">blog WordPress<\/a> che non abbia installato anche un plugin per la SEO, ha senso sfruttarlo anche per aggiungere i breadcrumb.<\/p>\n\n\n\n<p>Per\u00f2, come spesso succede su questo CMS, \u00e8 possibile implementare la funzionalit\u00e0 anche con <a href=\"https:\/\/supporthost.com\/it\/plugin-wordpress\/\">plugin WordPress<\/a> dedicati, che di solito hanno il vantaggio di offrire pi\u00f9 opzioni di personalizzazione. E se temi che installare un ulteriore software possa danneggiare le prestazioni del sito, puoi dare un\u2019occhiata alla nostra guida per <a href=\"https:\/\/supporthost.com\/it\/velocizzare-wordpress\/\">velocizzare WordPress<\/a>.<\/p>\n\n\n\n<p>In alternativa, se sai come usare il codice o hai voglia di fare esperimenti sulla copia di <a href=\"https:\/\/supporthost.com\/it\/staging-sito\/\">staging del sito<\/a> prima di applicare le modifiche sul sito live, hai sempre la possibilit\u00e0 di aggiungere i breadcrumb in WordPress manualmente. Con SupportHost per esempio il <a href=\"https:\/\/supporthost.com\/it\/tutorial\/staging\/\">servizio di staging<\/a> \u00e8 gratuito per tutti i <a href=\"https:\/\/supporthost.com\/it\/hosting-wordpress\/\">piani di hosting WordPress<\/a> e non solo.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"scegliere-un-tema-che-offra-breadcrumb-nativi\">Scegliere un tema che offra breadcrumb nativi<\/h2>\n\n\n\n<p><strong>Se stai creando ora il tuo sito WordPress<\/strong> sei ancora in tempo per scegliere un tema che preveda i breadcrumb in modo da non aver bisogno di ulteriori strumenti. In effetti, anche se ci si pensa di rado, i <a href=\"https:\/\/supporthost.com\/it\/temi-wordpress\/\">temi WordPress<\/a> influiscono non solo sulla grafica ma anche sulle funzionalit\u00e0 del sito.<\/p>\n\n\n\n<p><strong>Se invece hai un sito live<\/strong>, devi sapere che cambiare tema potrebbe produrre risultati imprevisti sull\u2019aspetto di WordPress, quindi ti consiglio di testare tutto in staging e prepararti a dedicare del tempo a eventuali aggiustamenti stilistici.<\/p>\n\n\n\n<p>Questa potrebbe non essere una buona idea se hai gi\u00e0 un\u2019identit\u00e0 visiva consolidata, nel qual caso \u00e8 pi\u00f9 pratico aggiungere i breadcrumb in WordPress con un plugin o via codice.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"inserire-i-breadcrumb-in-word-press-con-astra\">Inserire i breadcrumb in WordPress con Astra&nbsp;<\/h3>\n\n\n\n<p>Astra \u00e8 uno dei pochi temi gratuiti a supportare sia i propri breadcrumb nativi che l\u2019inserimento di <strong>percorsi di navigazione creati con altri strumenti<\/strong>.<\/p>\n\n\n\n<p>Per attivare i breadcrumb in Astra accedi al pannello di amministrazione di WordPress e vai su <em>Aspetto &gt; Personalizza<\/em>.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"975\" height=\"558\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/astra-personalizza-tema-wordpress.png\" alt=\"Astra Personalizza Tema WordPress\" class=\"wp-image-132634\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/astra-personalizza-tema-wordpress.png 975w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/astra-personalizza-tema-wordpress-300x172.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/astra-personalizza-tema-wordpress-768x440.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/astra-personalizza-tema-wordpress-110x63.png 110w\" sizes=\"auto, (max-width: 975px) 100vw, 975px\" \/><\/figure>\n\n\n\n<p>Nella barra laterale clicca su <strong>Generale<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"690\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/astra-personalizza-generale.png\" alt=\"Astra Personalizza Generale\" class=\"wp-image-132635\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/astra-personalizza-generale.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/astra-personalizza-generale-130x300.png 130w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/astra-personalizza-generale-27x63.png 27w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/figure>\n\n\n\n<p>Nella schermata successiva seleziona <strong>Breadcrumb<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"302\" height=\"343\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/astra-breadcrumb-wordpress.png\" alt=\"Astra Breadcrumb WordPress\" class=\"wp-image-132636\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/astra-breadcrumb-wordpress.png 302w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/astra-breadcrumb-wordpress-264x300.png 264w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/astra-breadcrumb-wordpress-55x63.png 55w\" sizes=\"auto, (max-width: 302px) 100vw, 302px\" \/><\/figure>\n\n\n\n<p>Ora puoi decidere dove <strong>far comparire i breadcrumb rispetto all\u2019header<\/strong> scegliendo una voce di men\u00f9.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"302\" height=\"328\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/nessuno-posizione-astra-breadcrumb-wordpress-1.png\" alt=\"Nessuno Posizione Astra Breadcrumb WordPress\" class=\"wp-image-132701\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/nessuno-posizione-astra-breadcrumb-wordpress-1.png 302w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/nessuno-posizione-astra-breadcrumb-wordpress-1-276x300.png 276w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/nessuno-posizione-astra-breadcrumb-wordpress-1-58x63.png 58w\" sizes=\"auto, (max-width: 302px) 100vw, 302px\" \/><\/figure>\n\n\n\n<p>Se lo lasci impostato su <strong>Nessuno <\/strong>non ci sar\u00e0 una navigazione breadcrumb. Con qualsiasi altra opzione i percorsi di navigazione saranno visualizzati.<\/p>\n\n\n\n<p>Se selezioni <strong>Interno<\/strong>, posizionerai i breadcrumb dentro l\u2019header, con un risultato simile a quello nell\u2019immagine.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"589\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/interno-posizione-breadcrumb-wordpress-astra-1024x589.png\" alt=\"Interno Posizione Breadcrumb WordPress Astra\" class=\"wp-image-132637\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/interno-posizione-breadcrumb-wordpress-astra-1024x589.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/interno-posizione-breadcrumb-wordpress-astra-300x173.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/interno-posizione-breadcrumb-wordpress-astra-768x442.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/interno-posizione-breadcrumb-wordpress-astra-109x63.png 109w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/interno-posizione-breadcrumb-wordpress-astra.png 1413w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>La voce <strong>Dopo l\u2019header<\/strong> serve a visualizzare i breadcrumbs appena sotto la testata, cos\u00ec:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"617\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/dopo-posizione-breadcrumb-wordpress-astra-1024x617.png\" alt=\"Dopo Posizione Breadcrumb WordPress Astra\" class=\"wp-image-132638\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/dopo-posizione-breadcrumb-wordpress-astra-1024x617.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/dopo-posizione-breadcrumb-wordpress-astra-300x181.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/dopo-posizione-breadcrumb-wordpress-astra-768x463.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/dopo-posizione-breadcrumb-wordpress-astra-105x63.png 105w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/dopo-posizione-breadcrumb-wordpress-astra.png 1408w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>L\u2019opzione <strong>Prima del titolo<\/strong> permette di ottenere un risultato del genere.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"454\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/prima-del-titolo-astra-breadcrumb-wordpress-1024x454.png\" alt=\"Prima Del Titolo Astra Breadcrumb WordPress\" class=\"wp-image-132639\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/prima-del-titolo-astra-breadcrumb-wordpress-1024x454.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/prima-del-titolo-astra-breadcrumb-wordpress-300x133.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/prima-del-titolo-astra-breadcrumb-wordpress-768x341.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/prima-del-titolo-astra-breadcrumb-wordpress-120x53.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/prima-del-titolo-astra-breadcrumb-wordpress.png 1084w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Inoltre \u00e8 possibile decidere di non mostrare i breadcrumbs su tutte le pagina ma solo su alcune tipologie selezionandole dal <strong>men\u00f9 Opzioni di visualizzazione<\/strong>, che comprende homepage, archivi, pagine singola e articolo singolo, pagina 404, ecc.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"286\" height=\"506\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/opzioni-visualizzazione-breadcrumb-wordpress-astra.png\" alt=\"Opzioni Visualizzazione Breadcrumb WordPress Astra\" class=\"wp-image-132640\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/opzioni-visualizzazione-breadcrumb-wordpress-astra.png 286w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/opzioni-visualizzazione-breadcrumb-wordpress-astra-170x300.png 170w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/opzioni-visualizzazione-breadcrumb-wordpress-astra-36x63.png 36w\" sizes=\"auto, (max-width: 286px) 100vw, 286px\" \/><\/figure>\n\n\n\n<p>Ricordati che per salvare le modifiche nelle impostazioni del tema devi usare il <strong>tasto Pubblica<\/strong> che trovi in alto a sinistra.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"personalizzare-la-grafica-dei-breadcrumb-di-astra\">Personalizzare la grafica dei breadcrumb di Astra<\/h4>\n\n\n\n<p>Oltre alla posizione, la schermata Personalizza di Astra offre anche <strong>altre opzioni per modificare l\u2019aspetto<\/strong> dei breadcrumb.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"290\" height=\"791\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/astra-opzioni-aspetto-breadcrumb-wordpress.png\" alt=\"Astra Opzioni Aspetto Breadcrumb WordPress\" class=\"wp-image-132641\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/astra-opzioni-aspetto-breadcrumb-wordpress.png 290w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/astra-opzioni-aspetto-breadcrumb-wordpress-110x300.png 110w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/astra-opzioni-aspetto-breadcrumb-wordpress-23x63.png 23w\" sizes=\"auto, (max-width: 290px) 100vw, 290px\" \/><\/figure>\n\n\n\n<p>Dopo aver stabilito la posizione puoi occuparti delle <strong>impostazioni tipografiche<\/strong> e scegliere:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>il separatore;<\/li>\n\n\n\n<li>l&#8217;allineamento del testo;<\/li>\n\n\n\n<li>i colori di sfondo, testo, separatore, link (puoi mantenere quelli ereditati dal tema oppure no);<\/li>\n\n\n\n<li>una diversa spaziatura del breadcrumb rispetto agli elementi circostanti.<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"inserire-con-astra-breadcrumb-di-altri-plugin\">Inserire con Astra breadcrumb di altri plugin&nbsp;<\/h4>\n\n\n\n<p>Astra supporta anche l\u2019inserimento di breadcrumb di alcuni noti <a href=\"https:\/\/supporthost.com\/it\/wordpress-seo-plugin\/\" data-type=\"post\" data-id=\"57604\">plugin SEO per WordPress<\/a> e di uno strumento specifico per i percorsi di navigazione:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Yoast SEO<\/li>\n\n\n\n<li>Rank Math<\/li>\n\n\n\n<li>SEOPress PRO<\/li>\n\n\n\n<li>Breadcrumb NavXT.<\/li>\n<\/ul>\n\n\n\n<p>Quando sono abilitati i breadcrumb di uno di questi plugin, \u00e8 possibile <strong>selezionarlo come sorgente<\/strong> nella sezione Personalizza di Astra, in modo che sostituiscano a livello di sito quelli generati dal tema. Come vedi, questa funzionalit\u00e0 di Astra non si applica ai breadcrumb generati con All in One SEO.<\/p>\n\n\n\n<p>Per esempio qui posso scegliere di inserire i breadcrumb da Rank Math.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"298\" height=\"447\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/sorgente-breadcrumb-astra-wordpress.png\" alt=\"Sorgente Breadcrumb Astra WordPress\" class=\"wp-image-132642\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/sorgente-breadcrumb-astra-wordpress.png 298w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/sorgente-breadcrumb-astra-wordpress-200x300.png 200w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/sorgente-breadcrumb-astra-wordpress-42x63.png 42w\" sizes=\"auto, (max-width: 298px) 100vw, 298px\" \/><\/figure>\n\n\n\n<p>Anche quando scegli di visualizzare i breadcrumb di un plugin, puoi sfruttare il men\u00f9 <strong>Posizione dell\u2019header<\/strong> per decidere dove collocarli rispetto alla testata.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"506\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/astra-breadcrumb-rank-math-1024x506.png\" alt=\"Astra Breadcrumb Rank Math\" class=\"wp-image-132643\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/astra-breadcrumb-rank-math-1024x506.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/astra-breadcrumb-rank-math-300x148.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/astra-breadcrumb-rank-math-768x380.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/astra-breadcrumb-rank-math-120x59.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/astra-breadcrumb-rank-math.png 1218w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Invece se vuoi <strong>personalizzarli nell\u2019aspetto<\/strong> devi farlo dalle impostazioni del plugin di provenienza, perch\u00e9 da Astra non \u00e8 possibile.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"inserire-i-breadcrumb-in-word-press-con-ocean-wp\">Inserire i breadcrumb in WordPress con OceanWP<\/h3>\n\n\n\n<p>OceanWP viene spesso citato come un tema che supporta i breadcrumb, ma non offre funzionalit\u00e0 gratuite paragonabili a quelle di Astra.<\/p>\n\n\n\n<p>In effetti la versione base di OceanWP <strong>visualizza di default dei percorsi di navigazione<\/strong> nella barra orizzontale sotto la testata, ma non permette di editarli.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"445\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/personalizza-tema-ocean-wp-breadcrumb-wordpress-1024x445.png\" alt=\"Personalizza Tema Ocean Wp Breadcrumb WordPress\" class=\"wp-image-132644\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/personalizza-tema-ocean-wp-breadcrumb-wordpress-1024x445.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/personalizza-tema-ocean-wp-breadcrumb-wordpress-300x130.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/personalizza-tema-ocean-wp-breadcrumb-wordpress-768x334.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/personalizza-tema-ocean-wp-breadcrumb-wordpress-120x52.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/personalizza-tema-ocean-wp-breadcrumb-wordpress-1536x667.png 1536w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/personalizza-tema-ocean-wp-breadcrumb-wordpress.png 1605w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Inoltre d\u00e0 la possibilit\u00e0 di inserire i breadcrumb in punti del sito a scelta con uno<strong> shortcode<\/strong> che funziona solo dopo l&#8217;installazione del plugin Ocean Extra:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code> &#091;oceanwp_breadcrumb]<\/code><\/pre>\n\n\n\n<p>Per abilitare lo shortcode, dalla barra laterale di WordPress vai su <em>Aspetto &gt; OceanWP<\/em> e scorri la pagina fino a trovare il pulsante <strong>Installa Ocean Extra<\/strong>.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"608\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/ocean-extra-breadcrumb-wordpress-1024x608.png\" alt=\"Ocean Extra Breadcrumb WordPress\" class=\"wp-image-132645\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/ocean-extra-breadcrumb-wordpress-1024x608.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/ocean-extra-breadcrumb-wordpress-300x178.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/ocean-extra-breadcrumb-wordpress-768x456.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/ocean-extra-breadcrumb-wordpress-106x63.png 106w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/ocean-extra-breadcrumb-wordpress.png 1317w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Dopo averlo installato vai in <strong>Plugin<\/strong>, cercalo e attivalo.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"317\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/attiva-ocean-extra-plugin-1024x317.png\" alt=\"Attiva Ocean Extra Plugin\" class=\"wp-image-132646\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/attiva-ocean-extra-plugin-1024x317.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/attiva-ocean-extra-plugin-300x93.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/attiva-ocean-extra-plugin-768x238.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/attiva-ocean-extra-plugin-120x37.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/attiva-ocean-extra-plugin.png 1316w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>A questo punto puoi inserire lo shortcode nei contenuti o nelle aree widget del tema con un semplice copia-incolla.&nbsp;<\/p>\n\n\n\n<p>Per aggiungere i breadcrumb al footer, alla barra laterale o altra area del sito, vai in <em>Aspetto &gt; Widget<\/em>. Con l\u2019editor classico puoi scorrere i blocchi disponibili sino a trovare il <strong>testo generico<\/strong> e scegliere l\u2019area che preferisci.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"524\" height=\"476\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/testo-ocean-wp-widget.png\" alt=\"Testo Ocean Wp Widget\" class=\"wp-image-132647\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/testo-ocean-wp-widget.png 524w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/testo-ocean-wp-widget-300x273.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/testo-ocean-wp-widget-69x63.png 69w\" sizes=\"auto, (max-width: 524px) 100vw, 524px\" \/><\/figure>\n\n\n\n<p>Poi <strong>incolla il codice<\/strong> all\u2019interno del blocco di testo.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"541\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/breadcrumb-wordpress-ocean-wp-widget-1024x541.png\" alt=\"Breadcrumb WordPress Ocean Wp Widget\" class=\"wp-image-132648\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/breadcrumb-wordpress-ocean-wp-widget-1024x541.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/breadcrumb-wordpress-ocean-wp-widget-300x159.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/breadcrumb-wordpress-ocean-wp-widget-768x406.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/breadcrumb-wordpress-ocean-wp-widget-120x63.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/breadcrumb-wordpress-ocean-wp-widget.png 1313w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Dopodich\u00e9 potrai <strong>spostarlo <\/strong>dove preferisci all\u2019interno dell\u2019area widget.<\/p>\n\n\n\n<p>Il risultato sar\u00e0 simile a questo:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"366\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/ocean-wp-breadcrumb-wordpress-shortcode-barra-laterale-1024x366.png\" alt=\"Ocean Wp Breadcrumb WordPress Shortcode Barra Laterale\" class=\"wp-image-132649\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/ocean-wp-breadcrumb-wordpress-shortcode-barra-laterale-1024x366.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/ocean-wp-breadcrumb-wordpress-shortcode-barra-laterale-300x107.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/ocean-wp-breadcrumb-wordpress-shortcode-barra-laterale-768x275.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/ocean-wp-breadcrumb-wordpress-shortcode-barra-laterale-120x43.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/ocean-wp-breadcrumb-wordpress-shortcode-barra-laterale.png 1273w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"personalizzare-i-breadcrumb-di-ocean-wp\">Personalizzare i breadcrumb di OceanWP<\/h4>\n\n\n\n<p>Con la versione a pagamento di OceanWP invece, i breadcrumb si possono <strong>personalizzare del tutto<\/strong>, anche a livello locale dall\u2019editor di articoli e pagine.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"433\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/ocean-wp-breadcrumb-wordpress-personalizzazione-locale-1024x433.png\" alt=\"Ocean Wp Breadcrumb WordPress Personalizzazione Locale\" class=\"wp-image-132650\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/ocean-wp-breadcrumb-wordpress-personalizzazione-locale-1024x433.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/ocean-wp-breadcrumb-wordpress-personalizzazione-locale-300x127.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/ocean-wp-breadcrumb-wordpress-personalizzazione-locale-768x325.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/ocean-wp-breadcrumb-wordpress-personalizzazione-locale-120x51.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/ocean-wp-breadcrumb-wordpress-personalizzazione-locale-1536x650.png 1536w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/ocean-wp-breadcrumb-wordpress-personalizzazione-locale.png 1856w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Se vuoi farti un\u2019idea dei risultati che si possono ottenere, vai a guardare le tante <a href=\"https:\/\/oceanwp.org\/demos\/\" rel=\"noopener\">demo disponibili sul sito OceanWP<\/a>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"356\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/ocean-wp-breadcrumb-wordpress-1024x356.png\" alt=\"Ocean Wp Breadcrumb WordPress\" class=\"wp-image-132651\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/ocean-wp-breadcrumb-wordpress-1024x356.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/ocean-wp-breadcrumb-wordpress-300x104.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/ocean-wp-breadcrumb-wordpress-768x267.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/ocean-wp-breadcrumb-wordpress-120x42.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/ocean-wp-breadcrumb-wordpress.png 1277w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"aggiungere-i-breadcrumb-in-word-press-con-un-plugin-seo\">Aggiungere i breadcrumb in WordPress con un plugin SEO<\/h2>\n\n\n\n<p>Se hai intenzione di aggiungere i breadcrumb in WordPress con un plugin SEO, la scelta non pu\u00f2 che ricadere sullo strumento che stai gi\u00e0 usando, a meno che tu non stia valutando di cambiarlo per altri motivi. Nel qual caso le nostre guide dedicate possono aiutarti a capire in cosa si differenziano nelle loro versioni gratuite e a pagamento le <strong>principali alternative sul mercato<\/strong>: <a href=\"https:\/\/supporthost.com\/it\/rank-math\/\">Rank Math<\/a>, <a href=\"https:\/\/supporthost.com\/it\/yoast-seo\/\">Yoast<\/a> e <a href=\"https:\/\/supporthost.com\/it\/all-in-one-seo\/\">AIOSEO<\/a>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"attivare-i-breadcrumb-di-rank-math\">Attivare i breadcrumb di Rank Math<\/h3>\n\n\n\n<p>Prima di inserire i breadcrumb con Rank Math SEO, ti consiglio di entrare nella bacheca del plugin e accertarti che siano <strong>attivi i dati strutturati<\/strong>, in modo che il <a href=\"https:\/\/supporthost.com\/it\/schema-markup-wordpress\/\">markup Schema per WordPress<\/a> venga associato ai percorsi di navigazione.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"663\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/rank-math-dati-strutturati-schema-1024x663.png\" alt=\"Rank Math Dati Strutturati Schema\" class=\"wp-image-132652\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/rank-math-dati-strutturati-schema-1024x663.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/rank-math-dati-strutturati-schema-300x194.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/rank-math-dati-strutturati-schema-768x497.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/rank-math-dati-strutturati-schema-97x63.png 97w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/rank-math-dati-strutturati-schema.png 1080w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Qui abilita anche la modalit\u00e0 avanzata del plugin facendo clic su <strong>Advanced mode<\/strong> in alto a destra.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"478\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/advanced-mode-rank-math-1024x478.png\" alt=\"Advanced Mode Rank Math\" class=\"wp-image-132653\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/advanced-mode-rank-math-1024x478.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/advanced-mode-rank-math-300x140.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/advanced-mode-rank-math-768x359.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/advanced-mode-rank-math-120x56.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/advanced-mode-rank-math.png 1197w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Dalla barra laterale vai su <em>Rank Math &gt; Impostazioni generali<\/em>, poi clicca sulla <strong>tab Breadcrumbs<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"585\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/tab-breadcrumb-impostazioni-rank-math-1024x585.png\" alt=\"Tab Breadcrumb Impostazioni Rank Math\" class=\"wp-image-132654\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/tab-breadcrumb-impostazioni-rank-math-1024x585.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/tab-breadcrumb-impostazioni-rank-math-300x171.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/tab-breadcrumb-impostazioni-rank-math-768x439.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/tab-breadcrumb-impostazioni-rank-math-110x63.png 110w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/tab-breadcrumb-impostazioni-rank-math.png 1181w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Attiva l&#8217;interruttore <strong>Abilita la funzione breadcrumb <\/strong>e vedrai comparire sotto una serie di impostazioni.<\/p>\n\n\n\n<p>Se il tuo tema hai gi\u00e0 rilevato i breadcrumb di Rank Math, il cursore non funzioner\u00e0 e visualizzerai un avviso del plugin. Comunque non preoccuparti perch\u00e9 i tuoi breadcrumb di Rank Math sono attivi e da qui puoi configurarli.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"personalizzare-i-breadcrumb-di-rank-math\">Personalizzare i breadcrumb di Rank Math<\/h4>\n\n\n\n<p>Come abbiamo intravisto sopra, in <em>Rank Math &gt; Impostazioni generali &gt; Breadcrumbs<\/em> puoi modificare una serie di opzioni grafiche.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"774\" height=\"957\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/opzioni-breadcrumb-wordpress-rank-math.png\" alt=\"Opzioni Breadcrumb WordPress Rank Math\" class=\"wp-image-132655\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/opzioni-breadcrumb-wordpress-rank-math.png 774w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/opzioni-breadcrumb-wordpress-rank-math-243x300.png 243w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/opzioni-breadcrumb-wordpress-rank-math-768x950.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/opzioni-breadcrumb-wordpress-rank-math-51x63.png 51w\" sizes=\"auto, (max-width: 774px) 100vw, 774px\" \/><\/figure>\n\n\n\n<p>Sono disponibili 6 diversi <strong>caratteri separatori <\/strong>e un ultimo campo vuoto per configurare quello che preferisci.<\/p>\n\n\n\n<p>Inoltre puoi decidere di mostrare o meno il <strong>link alla homepage<\/strong>, che di solito \u00e8 il primo elemento nei breadcrumb. Se decidi di mantenerlo, potrai personalizzare l\u2019etichetta (di default Home) e l\u2019URL. In questo modo potrai far partire la navigazione breadcrumb da una pagina diversa dalla home: per esempio dalla pagina Blog.<\/p>\n\n\n\n<p>Altre <strong>etichette modificabili<\/strong> sono quelle dell\u2019archivio, dei risultati di ricerca e della pagina di <a href=\"https:\/\/supporthost.com\/it\/errore-404-wordpress\/\">errore 404 WordPress<\/a>. In questi campi \u00e8 sconsigliato eliminare il simbolo \u201c%s\u201d, che serve ad aggiornare dinamicamente il componente nel breadcrumb, per\u00f2 puoi aggiungere del testo prima o dopo se vuoi dare un tocco personale.<\/p>\n\n\n\n<p>C\u2019\u00e8 anche la possibilit\u00e0 di aggiungere un <strong>prefisso ai breadcrumb<\/strong>, come in \u201cTi trovi nel percorso: <em>Home &gt; Categoria &gt; Articolo<\/em>\u201d.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"774\" height=\"506\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/opzioni-breadcrumb-rank-math.png\" alt=\"Opzioni Breadcrumb Rank Math\" class=\"wp-image-132656\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/opzioni-breadcrumb-rank-math.png 774w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/opzioni-breadcrumb-rank-math-300x196.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/opzioni-breadcrumb-rank-math-768x502.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/opzioni-breadcrumb-rank-math-96x63.png 96w\" sizes=\"auto, (max-width: 774px) 100vw, 774px\" \/><\/figure>\n\n\n\n<p>Ulteriori opzioni permettono di <strong>escludere dal percorso alcuni elementi<\/strong> mostrati di default come il titolo dell&#8217;articolo, o il nome della tassonomia primaria, cio\u00e8 della categoria immediatamente superiore (anche se avrebbe poco senso eliminare un collegamento cos\u00ec significativo).<\/p>\n\n\n\n<p>Per mantenere i breadcrumb sintetici si consiglia invece di <strong>lasciare nascoste eventuali categorie genitore<\/strong> della categoria primaria.<\/p>\n\n\n\n<p>\u00c8 possibile mostrare nel percorso di navigazione anche la <strong>pagina Blog<\/strong>, come in:<br><em>Home \/ Blog \/ Categoria \/ Articolo<\/em>.<\/p>\n\n\n\n<p>Quando hai finito di personalizzare i breadcrumb di Rank Math a livello globale ricordati di <strong>salvare le modifiche<\/strong> con l\u2019apposito pulsante in fondo alla pagina.<\/p>\n\n\n\n<p>Per <strong>accorciare il titolo del breadcrumb <\/strong>di Rank Math a livello di sito, puoi inserire un filtro in <em>functions.php<\/em> nel tuo <a href=\"https:\/\/supporthost.com\/it\/tema-child\/\">tema child<\/a> per impostare un numero massimo di caratteri. Il codice da usare \u00e8:&nbsp;<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>add_filter( 'rank_math\/frontend\/breadcrumb\/items', function( $crumbs, $class ) {\n\n$title = get_the_title();\n\n$max_char_limit = LIMITE_CARATTERI; \/\/Set the limit for breadcrumb title\n\n&nbsp;if(strlen($title) &gt; $max_char_limit){\n\n&nbsp;$RM_truncate_breadcrumb_title = substr($title, 0, $max_char_limit).'...';\n\n&nbsp;array_splice($crumbs, count($crumbs) - 1, 1);&nbsp;\n\n&nbsp;$crumbs&#091;]&#091;0] = $RM_truncate_breadcrumb_title;&nbsp;\n\n&nbsp;}&nbsp;\n\n&nbsp;return $crumbs;\n\n}, 10, 2);<\/code><\/pre>\n\n\n\n<p>Devi solo sostituire \u201cLIMITE_CARATTERI\u201d con la cifra che preferisci prima di applicare il filtro.<\/p>\n\n\n\n<p>In pi\u00f9, come vedremo dopo, Rank Math permette di modificare il testo ancora del singolo contenuto, utile per <a href=\"#ottimizzare-i-breadcrumb-per-la-seo\">ottimizzare i breadcrumb per la SEO<\/a>.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"inserire-i-breadcrumb-di-rank-math\">Inserire i breadcrumb di Rank Math<\/h4>\n\n\n\n<p>Ci sono <strong>3 modi<\/strong> per inserire i breadcrumb di Rank Math. <\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>configurarli dal pannello di WordPress su un tema capace di visualizzare i breadcrumb generati dal plugin in modo nativo;<\/li>\n\n\n\n<li>sfruttare lo shortcode generato in automatico dal plugin;<\/li>\n\n\n\n<li>modificare i file PHP.<\/li>\n<\/ul>\n\n\n\n<p>Qualunque metodo tu scelga, assicurati che nel sito non siano attivi breadcrumb di altri plugin che potrebbero creare conflitti.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\" id=\"inserire-i-breadcrumb-nel-tema-da-personalizza\">Configurare i breadcrumb su un tema capace di visualizzarli in modo nativo<\/h5>\n\n\n\n<p>Come abbiamo visto sopra, <strong>Astra <\/strong>visualizza i breadcrumb di Rank Math su tutto il sito appena si sceglie la posizione nella schermata <em>Aspetto &gt; Personalizza.<\/em><\/p>\n\n\n\n<p>Altri temi, come <a href=\"https:\/\/supporthost.com\/it\/neve\/\">Neve<\/a>, sono in grado di <strong>mostrare i breadcrumb di Rank Math<\/strong> se vengono attivati nelle impostazioni del plugin con l\u2019apposito interruttore. Per\u00f2 non danno la possibilit\u00e0 di modificare aspetto o posizione dei percorsi di navigazione.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"978\" height=\"410\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/abilitare-breadcrumb-rank-math.png\" alt=\"Abilitare Breadcrumb Rank Math\" class=\"wp-image-132657\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/abilitare-breadcrumb-rank-math.png 978w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/abilitare-breadcrumb-rank-math-300x126.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/abilitare-breadcrumb-rank-math-768x322.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/abilitare-breadcrumb-rank-math-120x50.png 120w\" sizes=\"auto, (max-width: 978px) 100vw, 978px\" \/><\/figure>\n\n\n\n<p>La maggior parte dei temi <strong>non prevede il supporto nativo<\/strong> per i breadcrumb di Rank Math, che andranno aggiunti attraverso lo shortcode del plugin o modifiche ai file PHP.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\" id=\"inserire-i-breadcrumb-di-rank-math-con-lo-shortcode\">Inserire i breadcrumb di Rank Math con lo shortcode<\/h5>\n\n\n\n<p>Se usi un tema che non visualizza in automatico i breadcrumb di Rank Math, puoi <strong>inserirli con lo shortcode<\/strong> che trovi nelle impostazioni generali del plugin:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&#091;rank_math_breadcrumb]<\/code><\/pre>\n\n\n\n<p>Gli <a href=\"https:\/\/supporthost.com\/it\/wordpress-shortcode\/\">shortcode di WordPress<\/a> infatti funzionano a prescindere dal tema usato.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1018\" height=\"382\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/shortcode-breadcrumb-rank-math.png\" alt=\"Shortcode Breadcrumb Rank Math\" class=\"wp-image-132659\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/shortcode-breadcrumb-rank-math.png 1018w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/shortcode-breadcrumb-rank-math-300x113.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/shortcode-breadcrumb-rank-math-768x288.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/shortcode-breadcrumb-rank-math-120x45.png 120w\" sizes=\"auto, (max-width: 1018px) 100vw, 1018px\" \/><\/figure>\n\n\n\n<p>Quindi copia il codice<strong> <\/strong>e incollalo dove ti serve.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"497\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/inserire-shortcode-breadcrumb-rank-math-1024x497.png\" alt=\"Inserire Shortcode Breadcrumb Rank Math\" class=\"wp-image-132660\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/inserire-shortcode-breadcrumb-rank-math-1024x497.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/inserire-shortcode-breadcrumb-rank-math-300x146.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/inserire-shortcode-breadcrumb-rank-math-768x373.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/inserire-shortcode-breadcrumb-rank-math-120x58.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/inserire-shortcode-breadcrumb-rank-math.png 1078w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Se lo posizioni dentro un contenuto specifico otterrai qualcosa del genere:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"953\" height=\"453\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/esempio-shortcode-breadcrumb-wordpress-rank-math.png\" alt=\"Esempio Shortcode Breadcrumb WordPress Rank Math\" class=\"wp-image-132661\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/esempio-shortcode-breadcrumb-wordpress-rank-math.png 953w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/esempio-shortcode-breadcrumb-wordpress-rank-math-300x143.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/esempio-shortcode-breadcrumb-wordpress-rank-math-768x365.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/esempio-shortcode-breadcrumb-wordpress-rank-math-120x57.png 120w\" sizes=\"auto, (max-width: 953px) 100vw, 953px\" \/><\/figure>\n\n\n\n<p>Puoi fare lo stesso anche all\u2019interno di <strong>widget e template<\/strong> per articoli o pagine, proprio come abbiamo visto per lo shortcode di OceanWP.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\" id=\"inserire-i-breadcrumb-di-rank-math-come-codice-php\">Inserire i breadcrumb di Rank Math come codice PHP<\/h5>\n\n\n\n<p>L\u2019ultimo metodo per inserire i breadcrumb di Rank Math consiste nell\u2019aggiungere una stringa gi\u00e0 pronta all\u2019interno del file <em>functions.php<\/em>.<\/p>\n\n\n\n<p>Per iniziare, <strong>copia la riga di codice<\/strong> che trovi nelle impostazioni generali del plugin.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1015\" height=\"376\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/codice-php-breadcrumb-rank-math.png\" alt=\"Codice Php Breadcrumb Rank Math\" class=\"wp-image-132662\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/codice-php-breadcrumb-rank-math.png 1015w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/codice-php-breadcrumb-rank-math-300x111.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/codice-php-breadcrumb-rank-math-768x285.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/codice-php-breadcrumb-rank-math-120x44.png 120w\" sizes=\"auto, (max-width: 1015px) 100vw, 1015px\" \/><\/figure>\n\n\n\n<p>Si tratta di:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;?php if (function_exists(\"rank_math_the_breadcrumbs\")) rank_math_the_breadcrumbs(); ?&gt;<\/code><\/pre>\n\n\n\n<p>Dalla barra laterale di WordPress entra in <em>Aspetto &gt; Editor del tema<\/em>. Tieni conto che se usi un tema a blocchi la stessa funzionalit\u00e0 potrebbe trovarsi in <em>Strumenti &gt; Editor del tema<\/em>.<\/p>\n\n\n\n<p>Accertati che sia selezionato per le modifiche il tuo<strong> tema child<\/strong>.&nbsp;<\/p>\n\n\n\n<p>A seconda del tema, pu\u00f2 essere necessario inserire lo snippet di codice <strong>nel file <em>single.php<\/em> oppure in <em>header.php<\/em><\/strong>. Se hai dubbi dovresti sentire il tuo sviluppatore o l\u2019assistenza di Rank Math.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"228\" height=\"680\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/file-del-tema-header-php-single-php.png\" alt=\"File Del Tema Header Php Single Php\" class=\"wp-image-132663\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/file-del-tema-header-php-single-php.png 228w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/file-del-tema-header-php-single-php-101x300.png 101w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/file-del-tema-header-php-single-php-21x63.png 21w\" sizes=\"auto, (max-width: 228px) 100vw, 228px\" \/><\/figure>\n\n\n\n<p>In ogni caso il codice va inserito in un punto diverso del file a seconda di dove vuoi che compaiano i breadcrumb. Per esempio se vuoi visualizzarlo subito dopo o subito prima del titolo, puoi usare come riferimento il tag &lt;title&gt;.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"attivare-i-breadcrumb-di-yoast-seo\">Attivare i breadcrumb di Yoast SEO<\/h3>\n\n\n\n<p><strong>Se il tuo tema supporta<\/strong> i breadcrumb di Yoast SEO, potrai attivarli in un attimo dalle impostazioni del plugin.<\/p>\n\n\n\n<p>Accedi al pannello di amministrazione di WordPress e vai su <em>SEO &gt; Impostazioni<\/em>, poi apri il <em>men\u00f9 Avanzate<\/em> e apri la <strong>schermata Breadcrumb<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1019\" height=\"672\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/impostazioni-breadcrumb-yoast-globali.png\" alt=\"Impostazioni Breadcrumb Yoast Globali\" class=\"wp-image-132664\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/impostazioni-breadcrumb-yoast-globali.png 1019w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/impostazioni-breadcrumb-yoast-globali-300x198.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/impostazioni-breadcrumb-yoast-globali-768x506.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/impostazioni-breadcrumb-yoast-globali-96x63.png 96w\" sizes=\"auto, (max-width: 1019px) 100vw, 1019px\" \/><\/figure>\n\n\n\n<p>Alla fine della pagina trovi l\u2019<strong>interruttore<\/strong> che attiva i breadcrumb per il tuo tema, di solito gi\u00e0 \u2018acceso\u2019.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"567\" height=\"295\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/attivare-breadcrumb-yoast-globali.png\" alt=\"Attivare Breadcrumb Yoast Globali\" class=\"wp-image-132665\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/attivare-breadcrumb-yoast-globali.png 567w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/attivare-breadcrumb-yoast-globali-300x156.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/attivare-breadcrumb-yoast-globali-120x63.png 120w\" sizes=\"auto, (max-width: 567px) 100vw, 567px\" \/><\/figure>\n\n\n\n<p>A questo punto vedrai la <strong>versione predefinita<\/strong> dei breadcrumb di Yoast.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"951\" height=\"414\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/breadcrumb-yoast-articolo.png\" alt=\"Breadcrumb Yoast Articolo\" class=\"wp-image-132666\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/breadcrumb-yoast-articolo.png 951w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/breadcrumb-yoast-articolo-300x131.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/breadcrumb-yoast-articolo-768x334.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/breadcrumb-yoast-articolo-120x52.png 120w\" sizes=\"auto, (max-width: 951px) 100vw, 951px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"inserire-i-breadcrumb-di-yoast\">Inserire i breadcrumb di Yoast<\/h4>\n\n\n\n<p>Come abbiamo visto con Astra, alcuni <strong>temi che generano anche breadcrumb<\/strong> propri permettono di selezionare Yoast SEO come sorgente alternativa per i breadcrumb di WordPress dalla sezione <em>Personalizza <\/em>delle impostazioni.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"290\" height=\"315\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/astra-sorgente-breadcrumb-yoast-seo.png\" alt=\"Astra Sorgente Breadcrumb Yoast Seo\" class=\"wp-image-132667\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/astra-sorgente-breadcrumb-yoast-seo.png 290w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/astra-sorgente-breadcrumb-yoast-seo-276x300.png 276w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/astra-sorgente-breadcrumb-yoast-seo-58x63.png 58w\" sizes=\"auto, (max-width: 290px) 100vw, 290px\" \/><\/figure>\n\n\n\n<p><strong>Quando il tema non supporta<\/strong> nativamente i breadcrumb di Yoast, non basta abilitarli per renderli visibili. Dovrai anche inserire delle stringhe di codice:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;?php\n\nif ( function_exists('yoast_breadcrumb') ) {\n\n&nbsp;yoast_breadcrumb( '&lt;p id=\"breadcrumbs\"&gt;','&lt;\/p&gt;' );\n\n}\n\n?&gt;<\/code><\/pre>\n\n\n\n<p>In generale questa modifica va fatta <strong>nei file <\/strong><strong><em>single.php<\/em><\/strong><strong> o <\/strong><strong><em>page.php<\/em><\/strong>, o entrambi, prima del titolo del contenuto, oppure alla fine del file <em>header.php<\/em>.<\/p>\n\n\n\n<p>Nella maggior parte dei temi non-WooTheme la porzione di codice non va aggiunta al file <em>functions.php<\/em>.<\/p>\n\n\n\n<p>Se non sai quale sia il posto migliore per incollare il codice nei file del tuo tema, puoi rivolgerti allo sviluppatore oppure fare delle prove sulla copia di staging del sito.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"personalizzare-i-breadcrumb-di-yoast\">Personalizzare i breadcrumb di Yoast<\/h4>\n\n\n\n<p>Dalla schermata <em>SEO &gt; Impostazioni &gt; Avanzate &gt; Breadcrumb<\/em> \u00e8 possibile personalizzare i breadcrumb di Yoast <strong>a livello globale<\/strong>.<\/p>\n\n\n\n<p>Qui trovi i <strong>campi per configurare<\/strong>:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>il separatore dei breadcrumb<\/li>\n\n\n\n<li>il testo del link per l\u2019homepage<\/li>\n\n\n\n<li>un eventuale prefisso per il percorso di navigazione<\/li>\n\n\n\n<li>un eventuale prefisso per i breadcrumb delle pagine archivio<\/li>\n\n\n\n<li>un eventuale prefisso per i breadcrumb della pagina di ricerca<\/li>\n\n\n\n<li>il testo del link per la pagina di errore 404 WordPress.<\/li>\n<\/ul>\n\n\n\n<p>Inoltre puoi decidere se mostrare la pagina blog nei breadcrumb ed evidenziare in grassetto il titolo della pagina corrente.<\/p>\n\n\n\n<p>Per quanto riguarda i <strong>post type Articolo e Prodotto<\/strong>, puoi decidere quale tassonomia di appartenenza mostrare nel percorso di navigazione: la categoria oppure il tag, il formato o nessuna.<\/p>\n\n\n\n<p>Per quanto riguarda le <strong>tassonomie<\/strong>, \u00e8 possibile mostrare nei breadcrumb la pagina Blog oppure nessuna sezione d\u2019appartenenza.<\/p>\n\n\n\n<p>In pi\u00f9, come vedremo dopo, Yoast permette anche qualche modifica specifica per singolo contenuto, utile per l\u2019<a href=\"#ottimizzare-i-breadcrumb-per-la-seo\">ottimizzazione SEO dei breadcrumb<\/a>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"aggiungere-i-breadcrumb-con-aioseo\">Aggiungere i breadcrumb con AIOSEO<\/h3>\n\n\n\n<p>Anche il terzo plugin SEO in ordine di popolarit\u00e0 offre una funzionalit\u00e0 per aggiungere i breadcrumb in WordPress. Dopo l\u2019installazione di All in One SEO li trovi <strong>gi\u00e0 attivi<\/strong> e puoi andare a configurarli a livello globale.<\/p>\n\n\n\n<p>Nelle impostazioni generali All in One SEO (AIOSEO) c&#8217;\u00e8 un men\u00f9 da cui si accede alla <strong>sezione Breadcrumb<\/strong>.&nbsp;<\/p>\n\n\n\n<p>In questo caso puoi scegliere se inserirli tramite:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/supporthost.com\/it\/blocchi-gutenberg\/\">blocco Gutenberg<\/a><\/li>\n\n\n\n<li>shortcode<\/li>\n\n\n\n<li>widget<\/li>\n\n\n\n<li>codice PHP.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"453\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/aioseo-metodi-inserimento-breadcrumb-1024x453.png\" alt=\"Aioseo Metodi Inserimento Breadcrumb\" class=\"wp-image-132668\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/aioseo-metodi-inserimento-breadcrumb-1024x453.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/aioseo-metodi-inserimento-breadcrumb-300x133.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/aioseo-metodi-inserimento-breadcrumb-768x340.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/aioseo-metodi-inserimento-breadcrumb-120x53.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/aioseo-metodi-inserimento-breadcrumb.png 1367w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Il <strong>blocco AIOSEO Breadcrumb<\/strong> \u00e8 comodo per inserire i percorsi di navigazione all\u2019interno delle singole pagine e articoli su <a href=\"https:\/\/supporthost.com\/it\/gutenberg\/\">Gutenberg<\/a>, l\u2019editor pi\u00f9 recente di WordPress.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"492\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/blocco-gutenberg-aioseo-breadcrumb-1024x492.png\" alt=\"Blocco Gutenberg Aioseo Breadcrumb\" class=\"wp-image-132669\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/blocco-gutenberg-aioseo-breadcrumb-1024x492.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/blocco-gutenberg-aioseo-breadcrumb-300x144.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/blocco-gutenberg-aioseo-breadcrumb-768x369.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/blocco-gutenberg-aioseo-breadcrumb-120x58.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/blocco-gutenberg-aioseo-breadcrumb.png 1266w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Anche lo <strong>shortcode di AIOSEO<\/strong> pu\u00f2 essere inserito all\u2019interno del testo proprio come il blocco. \u00c8 questo:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&#091;aioseo_breadcrumbs]<\/code><\/pre>\n\n\n\n<p>Invece nelle impostazioni del tema in <em>Aspetto &gt; Widget <\/em>puoi inserire i <strong>percorsi di navigazione di AIOSEO in aree widget<\/strong> come la barra laterale o il footer, come abbiamo gi\u00e0 visto per OceanWP, usando anche qui il blocco AIOSEO Breadcrumb.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"502\" height=\"521\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/widget-blocco-aioseo-breadcrumb.png\" alt=\"Widget Blocco Aioseo Breadcrumb\" class=\"wp-image-132670\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/widget-blocco-aioseo-breadcrumb.png 502w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/widget-blocco-aioseo-breadcrumb-289x300.png 289w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/widget-blocco-aioseo-breadcrumb-61x63.png 61w\" sizes=\"auto, (max-width: 502px) 100vw, 502px\" \/><\/figure>\n\n\n\n<p>L\u2019ultimo metodo consiste ancora una volta nell\u2019inserire una <strong>stringa di codice in un file del tema<\/strong> come<em> single.php<\/em>, <em>header.php<\/em> o qualunque altro template del tema.<\/p>\n\n\n\n<p>In questo caso, per aggiungere i breadcrumb su tutte le pagine la porzione da aggiungere \u00e8:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;?php if( function_exists( 'aioseo_breadcrumbs' ) ) aioseo_breadcrumbs(); ?&gt;<\/code><\/pre>\n\n\n\n<p>Se invece vuoi escludere la home, puoi usare:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;?php if( function_exists( 'aioseo_breadcrumbs' ) &amp;&amp; ( !is_home() ) ) aioseo_breadcrumbs(); ?&gt;<\/code><\/pre>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"personalizzare-i-breadcrumb-di-aioseo\">Personalizzare i breadcrumb di AIOSEO<\/h4>\n\n\n\n<p>Trovi le opzioni per personalizzare i breadcrumb di AIOSEO nelle <strong>Impostazioni generali<\/strong>, sotto i metodi di inserimento.<\/p>\n\n\n\n<p>Sono circa le stesse che abbiamo trovato in Yoast e Rank Math e permettono di configurare \u2013 con una comoda anteprima:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>il separatore<\/li>\n\n\n\n<li>il link alla home<\/li>\n\n\n\n<li>l\u2019eventuale prefisso dei breadcrumb<\/li>\n\n\n\n<li>il formato di archivi, risultati della ricerca WordPress e pagina 404.<\/li>\n<\/ul>\n\n\n\n<p>Inoltre \u00e8 possibile includere o no il link alla <strong>pagina Blog<\/strong>. Anche il contenuto corrente (cio\u00e8 la pagina su cui si trova l\u2019utente) pu\u00f2 essere inserito o meno, con o senza link.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"945\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/aioseo-impostazioni-breadcrumb-1024x945.png\" alt=\"Aioseo Impostazioni Breadcrumb\" class=\"wp-image-132671\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/aioseo-impostazioni-breadcrumb-1024x945.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/aioseo-impostazioni-breadcrumb-300x277.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/aioseo-impostazioni-breadcrumb-768x709.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/aioseo-impostazioni-breadcrumb-68x63.png 68w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/aioseo-impostazioni-breadcrumb.png 1050w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>La configurazione predefinita dei breadcrumb di AIOSEO segue lo schema:<br><em>Home \u00bb Blog \u00bb Articolo<\/em><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"957\" height=\"434\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/articolo-blocco-gutenberg-aioseo-breadcrumb.png\" alt=\"Articolo Blocco Gutenberg Aioseo Breadcrumb\" class=\"wp-image-132672\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/articolo-blocco-gutenberg-aioseo-breadcrumb.png 957w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/articolo-blocco-gutenberg-aioseo-breadcrumb-300x136.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/articolo-blocco-gutenberg-aioseo-breadcrumb-768x348.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/articolo-blocco-gutenberg-aioseo-breadcrumb-120x54.png 120w\" sizes=\"auto, (max-width: 957px) 100vw, 957px\" \/><\/figure>\n\n\n\n<p>Il piano a pagamento di AIOSEO comprende anche un editor con cui creare propri modelli di breadcrumb del tutto personalizzati.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"plugin-breadcrumb-per-word-press\">Plugin breadcrumb per WordPress<\/h2>\n\n\n\n<p>I plugin breadcrumb per WordPress sono <strong>programmi specifici<\/strong> per gestire la visualizzazione dei percorsi di navigazione all\u2019interno delle pagine del CMS. Tra questi il pi\u00f9 noto \u00e8 Breadcrumb NavXT.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"inserire-i-breadcrumb-in-word-press-con-breadcrumb-nav-xt\">Inserire i breadcrumb in WordPress con Breadcrumb NavXT<\/h3>\n\n\n\n<p>Breadcrumb NavXT permette di definire l\u2019aspetto e la posizione dei percorsi di navigazione davvero nel dettaglio. Inoltre, come Rank Math, integra lo Schema markup nei suoi percorsi di navigazione.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"configurare-breadcrumb-nav-xt\">Configurare Breadcrumb NavXT<\/h4>\n\n\n\n<p>Per installare Breadcrumb NavXT nel pannello di amministrazione di WordPress, vai su <em>Plugin &gt; Aggiungi nuovo<\/em> e digita <strong>Breadcrumb NavXT<\/strong> nella barra di ricerca.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"447\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/breadcrumb-navxt-installa-1024x447.png\" alt=\"Breadcrumb Navxt Installa\" class=\"wp-image-132673\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/breadcrumb-navxt-installa-1024x447.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/breadcrumb-navxt-installa-300x131.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/breadcrumb-navxt-installa-768x336.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/breadcrumb-navxt-installa-120x52.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/breadcrumb-navxt-installa.png 1362w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Clicca sul pulsante <strong>Installa ora<\/strong> e dopo qualche secondo su <strong>Attiva<\/strong>.<\/p>\n\n\n\n<p>Il plugin \u00e8 gi\u00e0 configurato con impostazioni predefinite funzionanti sulla maggior parte dei siti, ma ti d\u00e0 la possibilit\u00e0 di personalizzarlo andando in <em>Impostazioni &gt; Breadcrumb NavXT<\/em> dalla barra laterale.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"662\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/impostazioni-breadcrumb-navxt-1024x662.png\" alt=\"Impostazioni Breadcrumb Navxt\" class=\"wp-image-132674\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/impostazioni-breadcrumb-navxt-1024x662.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/impostazioni-breadcrumb-navxt-300x194.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/impostazioni-breadcrumb-navxt-768x496.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/impostazioni-breadcrumb-navxt-97x63.png 97w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/impostazioni-breadcrumb-navxt.png 1363w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Nella sezione <strong>Generale <\/strong>\u00e8 possibile modificare le impostazioni globali dei breadcrumb del plugin.<\/p>\n\n\n\n<p>Puoi personalizzare il separatore, inoltre puoi decidere se inserire:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>il link alla pagina corrente<\/li>\n\n\n\n<li>la paginazione degli articoli<\/li>\n\n\n\n<li>il link alla home.<\/li>\n<\/ul>\n\n\n\n<p>In particolare, il plugin offre dei campi per <strong>modificare il modello <\/strong>del breadcrumb della home via codice.&nbsp;<\/p>\n\n\n\n<p>Una sezione analoga permette di personalizzare il modello dell\u2019elemento <strong>pagina Blog<\/strong> e del sito principale (in caso di <a href=\"https:\/\/supporthost.com\/it\/wordpress-multisite\/\">WordPress multisite<\/a>).&nbsp;<\/p>\n\n\n\n<p>Quando hai terminato puoi salvare le modifiche con il pulsante in fondo alla pagina.<\/p>\n\n\n\n<p><strong>Nella schermata Tipi di articoli<\/strong> \u00e8 possibile modificare le impostazioni dei breadcrumb in base al tipo di contenuto:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Articolo<\/li>\n\n\n\n<li>Pagina<\/li>\n\n\n\n<li>Media&nbsp;<\/li>\n\n\n\n<li>Prodotto.<\/li>\n<\/ul>\n\n\n\n<p>Lo <strong>schema di default<\/strong> dei breadcrumb generati da questo plugin \u00e8 del tipo:&nbsp;<br><em>Nome del sito &gt; Categoria &gt; Post.<\/em><\/p>\n\n\n\n<p>Se decidi di <strong>mostrare la gerarchia<\/strong> nella navigazione breadcrumb puoi sostituire la categoria con il genitore dell&#8217;articolo \u2013 pagina o sezione di livello superiore a cui appartiene, per esempio Blog \u2013, oppure con data, tag, marchio e classe di spedizione in caso di prodotti woocommerce, ecc. Le opzioni sono diverse a seconda della tipologia di contenuto.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"707\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/impostazioni-gerarchia-breadcrumb-navxt-1024x707.png\" alt=\"Impostazioni Gerarchia Breadcrumb Navxt\" class=\"wp-image-132675\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/impostazioni-gerarchia-breadcrumb-navxt-1024x707.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/impostazioni-gerarchia-breadcrumb-navxt-300x207.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/impostazioni-gerarchia-breadcrumb-navxt-768x530.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/impostazioni-gerarchia-breadcrumb-navxt-91x63.png 91w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/impostazioni-gerarchia-breadcrumb-navxt.png 1205w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Nella <strong>sezione Tassonomie<\/strong> si possono personalizzare i modelli dei breadcrumb in modo specifico a seconda che si tratti di pagine di categoria, di pagine tag, pagine di formato, di marchio o categorie e tag prodotti di woocommerce.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"743\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/impostazioni-tassonomie-breadcrumb-navxt-1024x743.png\" alt=\"Impostazioni Tassonomie Breadcrumb Navxt\" class=\"wp-image-132676\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/impostazioni-tassonomie-breadcrumb-navxt-1024x743.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/impostazioni-tassonomie-breadcrumb-navxt-300x218.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/impostazioni-tassonomie-breadcrumb-navxt-768x557.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/impostazioni-tassonomie-breadcrumb-navxt-87x63.png 87w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/impostazioni-tassonomie-breadcrumb-navxt.png 1201w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>La <strong>schermata Varie<\/strong> ospita le stesse opzioni per le pagine autore, data, ricerca, <a href=\"https:\/\/supporthost.com\/it\/errore-404\/\">errore 404<\/a>, ecc.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"aggiungere-i-breadcrumb-di-breadcrumb-nav-xt\">Aggiungere i breadcrumb di Breadcrumb NavXT<\/h4>\n\n\n\n<p>L\u2019aggiunta dei breadcrumb di questo plugin avviene attraverso il tema, il codice PHP oppure con un blocco Gutenberg, mentre non sono disponibili shortcode.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\" id=\"inserire-i-breadcrumb-dal-tema\">Inserire i breadcrumb dal tema<\/h5>\n\n\n\n<p><strong>Se usi Astra <\/strong>puoi selezionare come sorgente Breadcrumb NavXT in <em>Personalizza &gt; Breadcrumb<\/em>, proprio come abbiamo gi\u00e0 visto per Rank Math e Yoast.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"299\" height=\"389\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/astra-breadcrumb-sorgente-navxt.png\" alt=\"Astra Breadcrumb Sorgente Navxt\" class=\"wp-image-132677\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/astra-breadcrumb-sorgente-navxt.png 299w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/astra-breadcrumb-sorgente-navxt-231x300.png 231w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/astra-breadcrumb-sorgente-navxt-48x63.png 48w\" sizes=\"auto, (max-width: 299px) 100vw, 299px\" \/><\/figure>\n\n\n\n<p>Potresti avere un risultato del genere:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"712\" height=\"301\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/articolo-astra-breadcrumb-navxt.png\" alt=\"Articolo Astra Breadcrumb Navxt\" class=\"wp-image-132678\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/articolo-astra-breadcrumb-navxt.png 712w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/articolo-astra-breadcrumb-navxt-300x127.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/articolo-astra-breadcrumb-navxt-120x51.png 120w\" sizes=\"auto, (max-width: 712px) 100vw, 712px\" \/><\/figure>\n\n\n\n<p><strong>Su altri temi WordPress<\/strong> come Neve invece, la navigazione di Breadcrumb NavXT viene visualizzata in automatico se il plugin \u00e8 installato.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"953\" height=\"370\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/articolo-breadcrumb-navxt-default-neve.png\" alt=\"Articolo Breadcrumb Navxt Default Neve\" class=\"wp-image-132679\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/articolo-breadcrumb-navxt-default-neve.png 953w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/articolo-breadcrumb-navxt-default-neve-300x116.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/articolo-breadcrumb-navxt-default-neve-768x298.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/articolo-breadcrumb-navxt-default-neve-120x47.png 120w\" sizes=\"auto, (max-width: 953px) 100vw, 953px\" \/><\/figure>\n\n\n\n<h5 class=\"wp-block-heading\" id=\"inserire-i-breadcrumb-via-php\">Inserire i breadcrumb via PHP<\/h5>\n\n\n\n<p>Se il tuo tema non visualizza in automatico i percorsi di Breadcrumb NavXT hai sempre la possibilit\u00e0 di <strong>inserirli modificando il codice manualmente<\/strong> in header.php o single.php come abbiamo gi\u00e0 visto per Rank Math.<\/p>\n\n\n\n<p>Inserisci questa stringa nei file dove vuoi che appaiano i breadcrumb del plugin:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;?php if(function_exists('bcn_display')) { bcn_display(); } ?&gt;<\/code><\/pre>\n\n\n\n<h5 class=\"wp-block-heading\" id=\"inserire-i-breadcrumb-con-un-blocco-gutenberg\">Inserire i breadcrumb con un blocco Gutenberg<\/h5>\n\n\n\n<p>Breadcrumb NavXT offre anche il blocco Gutenberg <strong>Breadcrumb Trail<\/strong> per inserire la navigazione direttamente all\u2019interno di un contenuto dall\u2019editor di WordPress.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"481\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/breadcrumb-navxt-blocco-gutenberg-1024x481.png\" alt=\"Breadcrumb Navxt Blocco Gutenberg\" class=\"wp-image-132680\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/breadcrumb-navxt-blocco-gutenberg-1024x481.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/breadcrumb-navxt-blocco-gutenberg-300x141.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/breadcrumb-navxt-blocco-gutenberg-768x361.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/breadcrumb-navxt-blocco-gutenberg-120x56.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/breadcrumb-navxt-blocco-gutenberg.png 1239w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Dopo averlo cercato e selezionato vedrai comparire subito il breadcrumb nel punto di inserimento.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"943\" height=\"405\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/articolo-breadcrumb-navxt-blocco-gutenberg.png\" alt=\"Articolo Breadcrumb Navxt Blocco Gutenberg\" class=\"wp-image-132681\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/articolo-breadcrumb-navxt-blocco-gutenberg.png 943w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/articolo-breadcrumb-navxt-blocco-gutenberg-300x129.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/articolo-breadcrumb-navxt-blocco-gutenberg-768x330.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/articolo-breadcrumb-navxt-blocco-gutenberg-120x52.png 120w\" sizes=\"auto, (max-width: 943px) 100vw, 943px\" \/><\/figure>\n\n\n\n<p>Nel pannello a sinistra puoi <strong>modificare le impostazioni predefinite<\/strong>, per esempio:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>inserire un testo prima del percorso di navigazione vero e proprio;<\/li>\n\n\n\n<li>disattivare i link;<\/li>\n\n\n\n<li>invertire l\u2019ordine degli elementi;<\/li>\n\n\n\n<li>nasconderlo nella pagina iniziale del sito (<em>front page<\/em>).<\/li>\n<\/ul>\n\n\n\n<h5 class=\"wp-block-heading\" id=\"inserire-i-breadcrumb-via-widget\">Inserire i breadcrumb via widget&nbsp;<\/h5>\n\n\n\n<p>Breadcrumb NavXT mette a disposizione due blocchi per inserire la navigazione all\u2019interno degli widget di WordPress.&nbsp;<\/p>\n\n\n\n<p>Puoi sfruttare il blocco Gutenberg <strong>Breadcrumb Trail<\/strong> che abbiamo gi\u00e0 visto.<\/p>\n\n\n\n<p>Dalla barra laterale di WordPress vai in <em>Aspetto &gt; Widget<\/em> e poi fai clic sul tasto \u2018+\u2019.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"411\" height=\"643\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/aggiungere-widget-wordpress.png\" alt=\"Aggiungere Widget WordPress\" class=\"wp-image-132682\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/aggiungere-widget-wordpress.png 411w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/aggiungere-widget-wordpress-192x300.png 192w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/aggiungere-widget-wordpress-40x63.png 40w\" sizes=\"auto, (max-width: 411px) 100vw, 411px\" \/><\/figure>\n\n\n\n<p><strong>Cerca il blocco<\/strong> Breadcrumb Trail.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"469\" height=\"582\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/breadcrumb-trail-blocco-widget.png\" alt=\"Breadcrumb Trail Blocco Widget\" class=\"wp-image-132685\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/breadcrumb-trail-blocco-widget.png 469w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/breadcrumb-trail-blocco-widget-242x300.png 242w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/breadcrumb-trail-blocco-widget-51x63.png 51w\" sizes=\"auto, (max-width: 469px) 100vw, 469px\" \/><\/figure>\n\n\n\n<p>Ora puoi <strong>trascinarlo<\/strong> all\u2019interno di una delle aree widget del tema che vedi nell\u2019area di lavoro sulla destra.<\/p>\n\n\n\n<p>Per esempio qui l\u2019ho inserito nella barra laterale del blog:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"386\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/widget-sidebar-breadcrumb-navxt-1024x386.png\" alt=\"Widget Sidebar Breadcrumb Navxt\" class=\"wp-image-132686\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/widget-sidebar-breadcrumb-navxt-1024x386.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/widget-sidebar-breadcrumb-navxt-300x113.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/widget-sidebar-breadcrumb-navxt-768x290.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/widget-sidebar-breadcrumb-navxt-120x45.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/widget-sidebar-breadcrumb-navxt.png 1365w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>L\u2019altro blocco disponibile per i widget si chiama <strong>Breadcrumb NavXT<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"349\" height=\"380\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/widget-blocco-breadcrumb-navxt.png\" alt=\"Widget Blocco Breadcrumb Navxt\" class=\"wp-image-132687\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/widget-blocco-breadcrumb-navxt.png 349w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/widget-blocco-breadcrumb-navxt-276x300.png 276w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/widget-blocco-breadcrumb-navxt-58x63.png 58w\" sizes=\"auto, (max-width: 349px) 100vw, 349px\" \/><\/figure>\n\n\n\n<p>Ha il vantaggio di offrire <strong>pi\u00f9 opzioni<\/strong>, che saranno accessibili se lo selezioni dopo averlo inserito in un\u2019area widget del tema.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"511\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/widget-blocco-breadcrumb-navxt-impostazioni-1024x511.png\" alt=\"Widget Blocco Breadcrumb Navxt Impostazioni\" class=\"wp-image-132688\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/widget-blocco-breadcrumb-navxt-impostazioni-1024x511.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/widget-blocco-breadcrumb-navxt-impostazioni-300x150.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/widget-blocco-breadcrumb-navxt-impostazioni-768x383.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/widget-blocco-breadcrumb-navxt-impostazioni-120x60.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/widget-blocco-breadcrumb-navxt-impostazioni.png 1207w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>\u00c8 possibile definire un titolo, un prefisso, eliminare i collegamenti, ignorare la cache dei breadcrumb e nasconderli in homepage: le stesse impostazioni che abbiamo visto su Gutenberg.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"aggiungere-i-breadcrumb-via-codice\">Aggiungere i breadcrumb via codice<\/h2>\n\n\n\n<p>Per chi non vuole usare plugin e temi c\u2019\u00e8 sempre la possibilit\u00e0 di aggiungere i breadcrumb attraverso il codice, nei file del tema. In questo caso dovrai modificare sia il file <em>functions.php<\/em> che <em>header.php<\/em> o <em>single.php<\/em>.<\/p>\n\n\n\n<p>Dopo aver controllato che sia selezionato il tuo tema child, puoi aprire il <strong>file functions.php<\/strong> dal pannello laterale destro.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"473\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/editor-file-functions-php-tema-child-1024x473.png\" alt=\"Editor File Functions Php Tema Child\" class=\"wp-image-128130\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/editor-file-functions-php-tema-child-1024x473.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/editor-file-functions-php-tema-child-300x139.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/editor-file-functions-php-tema-child-768x355.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/editor-file-functions-php-tema-child-120x55.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/editor-file-functions-php-tema-child.png 1352w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Alla fine del file, prima del tag ?&gt; se presente, inserisci lo <strong>snippet PHP<\/strong>:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>function get_breadcrumb() {\n\necho \u2018&lt;a href=\"\u201d\u2019.home_url().\u2019\u201d\" rel=\"\u201dnofollow\u201d\"&gt;Home&lt;\/a&gt;\u2019;\n\nif (is_category() || is_single()){\n\necho \u201c \u00bb \u201d;\n\nthe_category (\u2018 \u2022 \u2018);\n\nif (is_single()) {\n\necho \u201c \u00bb \u201d;\n\nthe_title();\n\n}\n\n} elseif (is_page()) {\n\necho \u201c \u00bb \u201d;\n\necho the_title();\n\n} elseif (is_search()) {\n\necho \u201c \u00bb \u201d;Search Results for\u2026\n\necho \u2018\u201c&lt;em&gt;\u2019;\n\necho the_search_query();\n\necho \u2018&lt;\/em&gt;\u201d\u2019;\n\n}\n\n}<\/code><\/pre>\n\n\n\n<p>Dopodich\u00e9 <strong>in header.php, single.php o page.php<\/strong> dovrai aggiungere la stringa:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;div class=\"breadcrumb\"&gt;&lt;?php get_breadcrumb(); ?&gt;&lt;\/div&gt;<\/code><\/pre>\n\n\n\n<p>Se aggiungi la funzione in <strong>header.php<\/strong> potrai visualizzare i breadcrumb ovunque appaia l&#8217;intestazione.<\/p>\n\n\n\n<p>Se la aggiungi in <strong>single.php<\/strong> farai comparire i breadcrumb in un punto prescelto di tutti i tuoi post.<\/p>\n\n\n\n<p>Se vuoi configurarli anche sulle pagine, devi invece modificare il file <strong>page.php<\/strong>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"definire-lo-stile-dei-breadcrumb\">Definire lo stile dei breadcrumb<\/h2>\n\n\n\n<p>Se inserisci i breadcrumb manualmente dovrai anche <strong>aggiungere lo stile via CSS<\/strong>, cosa che pu\u00f2 esserti utile anche quando usi dei plugin per i percorsi di navigazione e vuoi modificarne l\u2019aspetto.&nbsp;<\/p>\n\n\n\n<p>Per aggiungere il CSS, vai nelle impostazioni del tema in <em>Aspetto &gt; Personalizza<\/em>.<\/p>\n\n\n\n<p>Clicca su <strong>CSS aggiuntivo<\/strong> in fondo alla barra laterale e incolla il tuo codice nel campo che compare.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"299\" height=\"815\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/css-aggiuntivo-personalizza-tema-wordpress.png\" alt=\"Css Aggiuntivo Personalizza Tema WordPress\" class=\"wp-image-132689\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/css-aggiuntivo-personalizza-tema-wordpress.png 299w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/css-aggiuntivo-personalizza-tema-wordpress-110x300.png 110w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/css-aggiuntivo-personalizza-tema-wordpress-23x63.png 23w\" sizes=\"auto, (max-width: 299px) 100vw, 299px\" \/><\/figure>\n\n\n\n<p>Questo \u00e8 un esempio di codice che potresti usare:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>.breadcrumb {\n\n&nbsp;padding: 10px 18px;\n\n&nbsp;margin-bottom: 24px;\n\n&nbsp;list-style: none;\n\n&nbsp;background-color: #f8f8f8;\n\n&nbsp;border-radius: 6px;\n\n}\n\n.breadcrumb a {\n\n&nbsp;color: #3366cc;\n\n&nbsp;text-decoration: none;\n\n}<\/code><\/pre>\n\n\n\n<p>Vuoi <a href=\"https:\/\/supporthost.com\/it\/imparare-css\/\">imparare il CSS<\/a> in modo facile? Puoi usare la nostra guida.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"ottimizzare-i-breadcrumb-per-la-seo\">Ottimizzare i breadcrumb per la SEO<\/h2>\n\n\n\n<p>Come tutti i testi del sito, anche i breadcrumb possono essere ottimizzati per la SEO ed \u00e8 consigliabile farlo per sfruttarne a pieno le potenzialit\u00e0.&nbsp;<\/p>\n\n\n\n<p>Per prima cosa puoi fare in modo che il primo livello, cio\u00e8 l\u2019elemento Home, sia un <strong>termine significativo da un punto di vista SEO<\/strong>: in sostanza che coincida con una parola chiave rilevante per il tuo settore.<\/p>\n\n\n\n<p>Come <strong>ancora per il primo livello<\/strong> puoi scegliere:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>il nome del sito o dell\u2019azienda;<\/li>\n\n\n\n<li>una parola chiave transazionale per cui vorresti posizionare la pagina iniziale del sito;<\/li>\n\n\n\n<li>il nome dell\u2019azienda o del sito pi\u00f9 la keyword commerciale che hai scelto come obiettivo.<\/li>\n<\/ul>\n\n\n\n<p>Abbiamo visto che diversi strumenti danno la possibilit\u00e0 di <strong>personalizzare il testo ancora della homepage<\/strong> semplicemente digitandolo in un campo delle impostazioni globali.<\/p>\n\n\n\n<p>Potresti applicare questa strategia anche sugli<strong> altri livelli della navigazione<\/strong> breadcrumb, trattando tutte le ancore come parole chiave che possono rafforzare il significato del contenuto agli occhi dei motori di ricerca.<\/p>\n\n\n\n<p>Con la versione gratuita di Yoast e Rank Math per ogni pagina del sito puoi <strong>configurare il testo del link <\/strong>che sar\u00e0 visualizzato nel breadcrumb, per mantenerlo efficace e sintetico.<\/p>\n\n\n\n<p><strong>Yoast <\/strong>infatti permette di definire l\u2019ancora per la pagina o articolo dal <strong>metabox <\/strong>che compare in fondo all\u2019editor di articoli e pagine: nella sezione <em>Avanzate <\/em>trovi proprio il campo <em>Titolo dei breadcrumb<\/em>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"596\" height=\"518\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/yoast-breadcrumb-title-articolo-pagina.png\" alt=\"Yoast Breadcrumb Title Articolo Pagina\" class=\"wp-image-132690\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/yoast-breadcrumb-title-articolo-pagina.png 596w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/yoast-breadcrumb-title-articolo-pagina-300x261.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/yoast-breadcrumb-title-articolo-pagina-72x63.png 72w\" sizes=\"auto, (max-width: 596px) 100vw, 596px\" \/><\/figure>\n\n\n\n<p>Allo stesso modo in <strong>Rank Math<\/strong> puoi personalizzare l\u2019ancora dal pannello del plugin disponibile nell\u2019editor di pagine e articoli WordPress, scegliendo la tab Avanzate e poi scorrendo sino a <strong>Titolo dei breadcrumb<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"278\" height=\"824\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/rank-math-titolo-breadcrumb.png\" alt=\"Rank Math Titolo Breadcrumb\" class=\"wp-image-132691\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/rank-math-titolo-breadcrumb.png 278w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/rank-math-titolo-breadcrumb-101x300.png 101w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/rank-math-titolo-breadcrumb-21x63.png 21w\" sizes=\"auto, (max-width: 278px) 100vw, 278px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"rimuovere-i-breadcrumb-da-word-press\">Rimuovere i breadcrumb da WordPress&nbsp;<\/h2>\n\n\n\n<p>Non sempre i breadcrumb sono la scelta migliore per un sito.<\/p>\n\n\n\n<p>Se decidi di rimuoverli hai a disposizione tanti metodi quanti sono quelli per aggiungerli; infatti dovrai <strong>eliminarli in modo diverso<\/strong> a seconda di come li hai inseriti.<\/p>\n\n\n\n<p><strong>Se hai usato un tema<\/strong> che supporta i breadcrumb, vai in <em>Aspetto &gt; Personalizza<\/em> e disattivali.&nbsp;<\/p>\n\n\n\n<p>In Astra per esempio, basta selezionare Nessuno nel <strong>men\u00f9 Posizione dell\u2019header<\/strong> e i breadcrumb scompaiono.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"302\" height=\"328\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/nessuno-posizione-astra-breadcrumb-wordpress.png\" alt=\"Nessuno Posizione Astra Breadcrumb WordPress\" class=\"wp-image-132692\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/nessuno-posizione-astra-breadcrumb-wordpress.png 302w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/nessuno-posizione-astra-breadcrumb-wordpress-276x300.png 276w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/nessuno-posizione-astra-breadcrumb-wordpress-58x63.png 58w\" sizes=\"auto, (max-width: 302px) 100vw, 302px\" \/><\/figure>\n\n\n\n<p><strong>Se li hai attivati attraverso il tuo<\/strong> <strong>plugin SEO<\/strong>, torna nelle impostazioni del plugin, cerca la sezione Breadcrumb e disabilitali.&nbsp;<\/p>\n\n\n\n<p>In Rank Math basta spegnere l\u2019interruttore apposito. Se il tema dovesse interferire puoi provare a disattivare e riattivare il plugin SEO in modo che la funzionalit\u00e0 torni disponibile.<\/p>\n\n\n\n<p><strong>Se hai aggiunto i percorsi di navigazione con un<\/strong> <strong>plugin dedicato<\/strong> e lo disattivi, i breadcrumb non funzioneranno pi\u00f9, ma dovrai eliminare anche eventuali blocchi Gutenberg e shortcode che potrebbero restare visibili lato utente.<\/p>\n\n\n\n<p><strong>Se li hai inseriti via codice<\/strong>, apri i file single.php, header.php e page.php; cerca le funzioni relative ai breadcrumb e cancellale.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"conclusioni\">Conclusioni<\/h2>\n\n\n\n<p>Come abbiamo visto in questa <strong>guida ai breadcrumb in WordPress<\/strong>, aggiungere i percorsi di navigazione alle pagine del sito pu\u00f2 migliorare insieme l\u2019esperienza utente e il posizionamento sui motori di ricerca perch\u00e9 aiuta persone e robot a orientarsi e navigare tra le pagine web.&nbsp;<\/p>\n\n\n\n<p>Qui abbiamo esplorato i <strong>diversi metodi<\/strong> con cui potresti inserire i breadcrumb sul sito: sfruttando funzionalit\u00e0 presenti nel tuo tema e nel tuo plugin SEO o i loro shortcode, oppure installando uno strumento dedicato e infine modificando i file PHP.<\/p>\n\n\n\n<p>Ora sappiamo come adattare alle nostre esigenze la posizione e lo stile dei percorsi di navigazione, sia all\u2019interno dei contenuti che nelle aree widget del tema, e come renderli pi\u00f9 efficaci per la SEO.<\/p>\n\n\n\n<p>E tu hai provato ad aggiungere i breadcrumb in WordPress? \u00c8 stato facile? Hai ottenuto i risultati che ti aspettavi? Se ti va, parliamone nei commenti.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>S\u00ec, breadcrumbs significa proprio briciole di pane, come quelle lasciate da H\u00e4nsel e Gretel e da Pollicino per ritrovare la via del ritorno. Ma nel web, a differenza delle fiabe, le tracce del percorso restano visibili e ci danno la possibilit\u00e0 di farlo a ritroso cos\u00ec come di saltare a punti del sito pi\u00f9 vicini [&hellip;]<\/p>\n","protected":false},"author":11,"featured_media":133488,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[33],"tags":[],"class_list":["post-132626","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress"],"acf":[],"_links":{"self":[{"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/posts\/132626","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/comments?post=132626"}],"version-history":[{"count":19,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/posts\/132626\/revisions"}],"predecessor-version":[{"id":136638,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/posts\/132626\/revisions\/136638"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/media\/133488"}],"wp:attachment":[{"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/media?parent=132626"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/categories?post=132626"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/tags?post=132626"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}