Guida dettagliata su come modificare le breadcrumbs con Yoast SEO in WordPress

Le breadcrumbs, o “briciole di pane”, sono un elemento di navigazione molto utile per gli utenti di un sito web.

Forniscono una visualizzazione gerarchica del percorso seguito per raggiungere la pagina corrente. Se stai utilizzando il plugin Yoast SEO su WordPress e desideri personalizzare le breadcrumbs, sei nel posto giusto. In questo articolo, ti guideremo attraverso i passi per modificare le breadcrumbs utilizzando le funzioni di Yoast SEO.

Contenuto dell'articolo

Come modificare le breadcrumbs

Passo 1: Preparazione Prima di iniziare, assicurati di avere installato e attivato il plugin Yoast SEO sul tuo sito WordPress. Verifica anche di avere un tema che supporti le breadcrumbs e che Yoast SEO gestisca le breadcrumbs sul tuo sito.

Passo 2: Creazione di una funzione personalizzata Per modificare le breadcrumbs di Yoast SEO, creeremo una funzione personalizzata nel file functions.php del tuo tema. Apri il file functions.php e aggiungi la seguente funzione:

/**Custom Breadcrumbs**/
add_filter( 'wpseo_breadcrumb_links', 'yoast_seo_breadcrumb_append_link' );

function yoast_seo_breadcrumb_append_link( $links ) {
    global $post;

    if ( is_product_category() ) {
        $breadcrumb[] = array(
            'url' => site_url( '/url-personalizzato/' ),
            'text' => 'Macchine per calzaturifici',
        );

        array_splice( $links, 1, 0, $breadcrumb );
    }

    return $links;
}

Spieghiamo brevemente cosa fa questa funzione:

La funzione yoast_seo_breadcrumb_append_link è l’hook che utilizziamo per modificare le breadcrumbs di Yoast SEO. Aggiungeremo un elemento personalizzato alle breadcrumbs se siamo nella pagina di categoria dei prodotti.
Dentro la funzione, iniziamo dichiarando una variabile $breadcrumb che conterrà l’elemento personalizzato delle breadcrumbs che vogliamo aggiungere.
Utilizzando is_product_category(), verifichiamo se ci troviamo nella pagina di categoria dei prodotti.
Creiamo un array associativo dentro la variabile $breadcrumb con due chiavi: 'url' e 'text'. Nell’esempio, l’URL è impostato su site_url( '/url-personalizzato/' ), che rappresenta l’URL della pagina “Macchine per calzaturifici” del tuo sito. Il testo è impostato su “Macchine per calzaturifici”.
Infine, utilizziamo array_splice() per inserire l’elemento personalizzato nella posizione desiderata delle breadcrumbs. Nel nostro esempio, lo inseriamo come secondo elemento. È una funzione integrata in PHP che consente di modificare un array, aggiungendo o rimuovendo elementi da posizioni specifiche. Il suo formato generale è il seguente:

array_splice( $array, $start, $length, $replacement );

$array: L’array in cui si desidera eseguire l’operazione di splicing.
$start: L’indice di partenza da cui si desidera iniziare l’operazione di splicing.
$length: (Opzionale) Il numero di elementi da rimuovere a partire dall’indice di partenza. Se omesso, vengono rimossi tutti gli elementi a partire dall’indice di partenza.
$replacement: (Opzionale) Gli elementi da inserire nell’array al posto degli elementi rimossi. Se omesso, l’array non viene modificato e vengono solo rimossi gli elementi specificati da $start e $length.

La funzione array_splice() modifica l’array originale e restituisce un array contenente gli elementi rimossi. Se si desidera solo inserire elementi senza rimuovere nulla, è possibile impostare $length su 0.

Passo 3: Salvataggio delle modifiche e verifica dopo aver aggiunto la funzione nel file functions.php, salva le modifiche al file. Ora puoi visitare la pagina di categoria dei prodotti del tuo sito per verificare se le breadcrumbs sono state modificate correttamente.