Vai al contenuto principale

Come creare una mappa del sito per i tuoi visitatori su WordPress

Divi: il tema WordPress più semplice da usare

Crea facilmente il tuo sito Web con Elementor

Elementor ti consente di creare facilmente qualsiasi design di sito Web con un aspetto professionale. Smetti di pagare caro per quello che puoi fare da solo. [Free]

Hai mai desiderato visualizzare una mappa del sito visibile ai visitatori su WordPress? Una mappa del sito visibile consente di presentare un diagramma gerarchico delle diverse pagine e sezioni. In questo articolo, ti mostreremo come creare una mappa del sito in WordPress senza scrivere alcun codice.

visualsitemap

Differenza tra mappa del sito HTML, mappa del sito XML e mappa del sito visibile di WordPress

Una mappa del sito (Mappa del sito) XML viene generato per macchine e motori di ricerca. Utilizza il linguaggio di markup XML per rappresentare il contenuto del tuo sito. I motori di ricerca possono utilizzare queste mappe del sito per gestire il tasso di sfruttamento del tuo sito web.

Inoltre, una mappa del sito HTML è destinata ai visitatori del tuo sito Web (persone vere). Visualizza semplicemente un elenco delle tue pagine e delle diverse sezioni del tuo sito su una pagina. Sebbene la mappa del sito (Mappa del sito) HTML viene utilizzato per mostrare la struttura del tuo sito, tuttavia spesso questa non è l'opzione ideale per mostrare la gerarchia del tuo sito web.

È qui che torna utile una mappa del sito visibile agli utenti. Ti consente di visualizzare gli elementi, elementi figlio, elementi di pari livello, tutto in una struttura ad albero. Detto questo, diamo un'occhiata a come aggiungere facilmente una mappa del sito visualizzabile dall'utente su WordPress.

Divi: il miglior tema WordPress di tutti i tempi!

più Download di 901.000, Divi è il tema WordPress più popolare al mondo. È completo, facile da usare e viene fornito con oltre i modelli gratuiti 62. [Consigliato]

Aggiungi una mappa del sito visibile agli utenti in WordPress

La prima cosa che devi fare è installare e attivare il plugin Mappa del sito Slick. Ora, prima di installare il plug-in, è necessario creare un menu di navigazione in WordPress. Utilizzando i menu di navigazione di WordPress, puoi creare menu con sottomenu. Allo stesso modo i sottomenu possono avere i propri sottomenu.

navmenustructure

Questo menu di navigazione conterrà tutte le pagine o gli articoli che desideri visualizzare nella mappa. Puoi denominare questo menu " Mappa del sito visibile E salvalo.

Puoi anche creare un altro menu o utilizzare un menu esistente con solo alcune pagine importanti. Questo menu verrà utilizzato come menu di utilità sopra la mappa del sito visibile.

Dopo aver creato i menu, è il momento di impostare la mappa del sito. Vai alla pagina Impostazioni »Slick Sitemap e configurare il plugin.

slicksitemapsettings

Nell'opzione "Menu Sitemap predefinito", è necessario selezionare il menu principale "VisualSitemap". Scegli il numero di colonne che desideri visualizzare. Infine, devi scegliere il menu delle utility e fare clic sul pulsante " Salva modifiche Per salvare tutto.

mostra Mappa del sito visibile sul vostro sito WordPress

Ora che hai creato e configurato correttamente una mappa del sito visualizzabile dall'utente, il passaggio successivo è visualizzare questa mappa su una pagina del tuo sito WordPress.

Basta creare una nuova pagina in WordPress e aggiungere questo shortcode nell'area contenuto.

[slick-sitemap]

Successivamente, fai clic sul pulsante " Registrare " ou " Pubblicare " per la volontà salvare le modifiche. Ora è possibile visitare questa pagina e vedere la mappa del sito di azione.

Anteprima-visualsitemap

Ci auguriamo che questo articolo ti aiuti ad aggiungere una mappa del sito visibile all'utente su WordPress. Se hai commenti su questo articolo o suggerimenti, faccelo sapere nella sezione dedicata.

Questo articolo contiene i commenti 11

  1. Ri,
    Sì assolutamente, è proprio così: viene visualizzata la struttura ad albero ma come ti ho detto, vediamo delle linee e un offset nei rettangoli di diversi colori in cui si trovano i nomi delle pagine. Nessun modo per farli sparire. O forse sono troppo esigente? Perché nella tua demo è al contrario perfetto!
    Grazie per avermelo detto…
    Jean-Marc

    1. Buongiorno,
      Scusate il ritardo, ero un po 'impegnato, in questo caso non dovete far altro che utilizzare codice CSS personalizzato, ho un codice per voi, provate a installare il plugin Header & Footer (credo che sia il nome) e aggiungi il seguente codice:

      # codice di post-1255 {
      ! Padding: 0px importante;
      }

      Se il codice non funziona, per favore fatemelo sapere sempre di questo modulo.

      1. Questo codice si applica solo a questa pagina, quindi se prevedi di utilizzare la struttura ad albero in un'altra pagina, dovrai contattarci per fornirti un codice per quella pagina.

        1. Buongiorno,
          Grazie per quella risposta. È molto dolce.
          Non so come gestire codici e altre lingue, purtroppo ...
          Ho installato il plugin indicato con le impostazioni che ho inserito sopra la pagina che contiene la mappa del sito (che viene visualizzata male). Collegamento sottostante:

          http://sante.entre-coeurs.org/plan-site-entre-coeurs-module-sante/

          Ovviamente, come ho fatto io, il tuo codice appare su tutte le pagine con lo stesso messaggio perché non so come fare altrimenti (inseriscilo nella pagina del piano e solo questa) ... Per favore dimmi dove il mettilo esattamente appena hai tempo, è molto carino.

          Buon giorno a voi.
          Jean-Marc

  2. Buongiorno,
    Prima di tutto grazie per questo tutorial.
    L'ho provato sul mio sito e purtroppo compaiono delle piccole righe che “spostano” i rettangoli di diverso colore in cui sono i nomi delle pagine. Non c'è modo di farli sparire (non ci sono molte opzioni) ... peccato. Cercherò un altro plugin di questo tipo perché è molto utile. Grazie ancora. Ottima giornata
    JMarc

      1. Prego.
        Ho dimenticato di menzionare l'indirizzo in cui sono visibili questi "offset" grafici.
        http://sante.entre-coeurs.org/plan-site-entre-coeurs-module-sante/
        Niente di veramente brutto ma ... non è molto carino!
        Ne ho cercate altre da ieri ma non ho trovato nulla che mostri uno schema delle pagine di un sito. Apparentemente lo standard rimane "Sitemap-page" con il quale otteniamo solo un volgare elenco alfabetico di pagine, articoli ... (senza grafica).
        grande giorno
        Jean-Marc

    1. Buongiorno,
      Puoi fare uno screenshot della schermata delle impostazioni e pubblicarlo? In linea di principio questo plugin funziona normalmente. In caso contrario, è probabile che durante le impostazioni si sia verificato un errore o un'omissione.

      Serdecznie.

      1. Buongiorno,
        Prima di tutto, grazie per il tuo interesse per il mio caso ... È super gentile.
        Prima di tutto, ecco l'indirizzo dove è visibile questo piano:
        http://sante.entre-coeurs.org/plan-site-entre-coeurs-module-sante/

        Impostazioni Sitemap Slick:
        Menu Sitemap predefinito: ho scelto il nome del menu che è lo stesso di quello visualizzato a destra nella barra laterale (vedi con il link sopra) del mio tema (Twenty Sixteen that I have nothing modificato).
        Colonne predefinite: colonne 3
        Menu Utility predefinito: non ho scelto nulla, quindi appare "Seleziona un menu per Utility".

        Qui spero di essere stato completo.
        La ringrazio molto per questo aiuto, perché questo plugin è visivamente molto bello.
        Eccellente Domenica
        Jean-Marc
        PS: ho fatto uno screenshot ma il "paste" in questa pagina dei commenti non funziona ...

Lascia un commento

L'indirizzo email non verrà pubblicato. I campi obbligatori sono contrassegnati *

Questo sito utilizza Akismet per ridurre indesiderati. Ulteriori informazioni su come vengono utilizzati i dati dei commenti.

Torna in alto
16 azioni
quota14
Tweet1
Enregistrer1