Come visualizzare i collegamenti di navigazione breadcrumb in WordPress

Pubblicato: 2020-08-07

La possibilità per i visitatori del sito di navigare attraverso il tuo sito web gioca un ruolo cruciale nella sua UX. Devi assicurarti che chiunque arrivi sul tuo sito web abbia immediatamente un'idea della struttura principale del sito web. In caso contrario, rischi di aumentare la frequenza di rimbalzo e di perdere potenziali contatti. Uno dei modi per evitare questo tipo di problema è l'uso della navigazione breadcrumb. I breadcrumb possono aumentare le prestazioni complessive del tuo sito Web tramite UX e allo stesso tempo contribuire alla SEO del tuo sito Web WP. In questo articolo, diamo un'occhiata più da vicino a come visualizzare i collegamenti di navigazione breadcrumb in WordPress .

Cos'è la navigazione breadcrumb?

  • La navigazione breadcrumb è una traccia di collegamenti che rappresentano un menu di navigazione gerarchico. Funziona come un sistema di navigazione secondario che fornisce agli utenti informazioni sulla posizione di una pagina all'interno della gerarchia del tuo sito .

Quello che fanno i breadcrumb è creare un trail che riporti gli utenti fino alla home page, da cui il nome. Ciò può essere particolarmente utile per alcuni siti in cui gli utenti hanno la necessità di poter navigare facilmente verso altre pagine, come i negozi online ne sono un ovvio esempio . Tuttavia, quando si tratta di SEO, la navigazione breadcrumb aiuta i motori di ricerca a comprendere la gerarchia e la struttura delle tue pagine web. Inoltre, i breadcrumb vengono visualizzati nei risultati di ricerca di Google, il che offre maggiore visibilità all'intero sito web.

Come aggiungere e visualizzare collegamenti di navigazione breadcrumb in WordPress

Non è difficile aggiungere e mostrare link di navigazione breadcrumb in WordPress. Quindi, che tu sia un principiante o un esperto di programmazione, dovresti essere in grado di farlo in pochi semplici passaggi . Poiché ci sono più modi per farlo, ti mostreremo come aggiungere e visualizzare breadcrumb usando diversi plugin.

Plugin Breadcrumb NavXT

Il modo più semplice per aggiungere questo tipo di navigazione al tuo sito WordPress è il plugin Breadcrumb NavXT. Come sai, i plugin di WordPress possono essere utilizzati per molti scopi diversi. Puoi utilizzare i plug-in per clonare o duplicare il tuo sito, per i social media o per altri scopi. Tuttavia, quando si tratta di navigazione breadcrumb, NavXT è un popolare plugin che offre un widget WordPress utilizzato per posizionare il sistema di navigazione. Molte opzioni consentono di personalizzare la navigazione per gli utenti.

Quello che devi fare prima è cercare il plugin Breadcrumb NavXT e installarlo. Al termine, fai clic sul pannello di amministrazione a sinistra e seleziona Aggiungi nuova opzione , che aprirà la pagina delle impostazioni principali. Le impostazioni predefinite dovrebbero funzionare per la maggior parte dei siti Web. Ci sono diverse schede e ognuna offre impostazioni diverse che potrebbero funzionare meglio per il tuo sito web.

  • Nella scheda Impostazioni generali , puoi determinare le impostazioni globali del plug-in sul tuo sito web.
  • La scheda Tipi di post è molto importante, in quanto consente di impostare i collegamenti breadcrumb per i post e le pagine singolarmente.
  • Nella scheda Tassonomie , puoi impostare le categorie come meglio credi e puoi trovare modelli simili per i tuoi link.
  • La scheda Varie consente di modificare le impostazioni dell'autore.
  • Apporta le modifiche che ritieni migliori per aiutare il tuo sito Web e ricorda di fare clic sul pulsante " Salva modifiche " per mantenere le modifiche.

Mostrando Breadcrumb NavXT sul tuo sito web

Per mostrare i collegamenti di navigazione breadcrumb in WordPress, dovresti andare su Aspetto e scegliere Personalizza. Lì, puoi scegliere la posizione dei tuoi breadcrumb nel menu a discesa Posizione. Inoltre, devi scegliere Breadcrumb NavXT in Breadcrumb Source.

Plugin SEO Yoast

Un altro plugin popolare è Yoast SEO ed è utile per approssimare le classifiche dei motori di ricerca e ottimizzare il contenuto. Tuttavia, ci sono alcune funzionalità che vengono utilizzate per aumentare la visibilità del tuo sito Web e puoi anche utilizzarlo per aggiungere e visualizzare collegamenti breadcrumb in WordPress.

SEO.
C'è di più in Yoast SEO

La prima cosa che devi fare è decidere dove vuoi mettere le briciole di pane . A seconda di ciò, dovresti aggiungere il seguente codice nella posizione desiderata:

  • <?php
  • if (function_exists ('yoast_breadcrumb')) {
  • yoast_breadcrumb( '<p id=”breadcrumbs”>' , ' </p>' ) ;
  • }
  • ?>
Codice, a volte necessario per visualizzare i collegamenti di navigazione breadcrumb in WordPress.
Il codice a volte è necessario per visualizzare i collegamenti di navigazione breadcrumb in WordPress

Come visualizzare i link di navigazione breadcrumb con YOAST SEO

A seconda del tema e degli aggiornamenti, c'è la possibilità di sovrascrivere il codice. In tal caso, dovresti contattare lo sviluppatore del tuo tema. Una volta posizionato lo snippet, vai su SEO e scegli Aspetto di ricerca e fai clic su Breadcrumbs. Nelle impostazioni Breadcrumbs abilita Breadcrumbs. Quando visualizzi l'anteprima del tuo sito, dovresti essere in grado di vedere i punti breadcrumb nelle parti desiderate del tuo sito web.

Pangrattato flessibile

Flexy Breadcrumb è uno dei plugin che puoi utilizzare per aggiungere breadcrumb in WordPress. Una volta installato e attivato il plugin, sarai in grado di aggiungere breadcrumb con uno shortcode [flexy_breadcrumb]. Se non hai familiarità con gli shortcode in WordPress, c'è molto materiale che ti aiuterà a capire meglio gli shortcode.

Nella barra laterale del dashboard, sarai in grado di vedere l'elemento Flexy Breadcrumb. Dopo aver fatto clic su di esso, vedrai le impostazioni che ti consentono di modificare la tua home page: cambia l'icona e il testo, imposta il limite di caratteri e la gerarchia. La scheda Tipografia ti consente di modificare la dimensione e il colore del carattere per i breadcrumb. Dopo aver finito di personalizzare il tuo percorso, aggiungi lo shortcode menzionato nel punto in cui vuoi avere i tuoi breadcrumb.

Pangrattato WooCommerce

Se hai bisogno di breadcrumb in modo che i tuoi clienti si spostino facilmente tra le pagine dei tuoi prodotti, prendi in considerazione l'installazione di WooCommerce Breadcrumbs. Dato che stai già utilizzando il plug-in WooCommerce, questa dovrebbe essere l'opzione più semplice per te.

Installa e attiva il plug-in e vai su Impostazioni e trova WC Breadcrumbs. Non dovresti dimenticare di abilitare i breadcrumb. Quindi, puoi scegliere le pagine dei tuoi prodotti.

Inizia oggi stesso a lavorare per migliorare l'UX del tuo sito web

È positivo che tu sappia come aggiungere e visualizzare i collegamenti di navigazione Breadcrumb in WordPress. Tuttavia, dovresti anche ricordare la famosa fiaba: a volte puoi perderti anche quando usi il pangrattato. E questo non è qualcosa che vuoi che accada ai tuoi visitatori. Questo sistema dovrebbe essere posizionato in un'area in cui sembrerà una forte aggiunta al tuo sito Web e consentirà ai visitatori di comprendere immediatamente la struttura del tuo sito Web. Dopotutto, è importante avere in mente i visitatori, perché vuoi migliorare la loro esperienza.