Salvatore Noschese

It’s My Blog!

WordPress: Come e perché creare una Sitemap HTML

SitemapPreview

Una sitemap HTML è una pagina web che elenca i collegamenti a tutte le pagine importanti del tuo sito web. È un modo semplice e accessibile per aiutare i visitatori e i motori di ricerca a navigare nel tuo sito. Ecco alcuni benefici chiave di avere una sitemap HTML e una guida passo-passo su come installarla sul tuo blog.

Benefici di una Sitemap HTML

  1. Migliora la Navigazione dell’Utente: Una sitemap HTML offre una panoramica strutturata del contenuto del tuo sito, facilitando la navigazione dei visitatori. Possono trovare rapidamente le pagine che cercano senza dover passare attraverso vari menu.
  2. Migliora l’Indicizzazione da Parte dei Motori di Ricerca: I motori di ricerca, come Google, utilizzano le sitemap per scoprire e indicizzare meglio le pagine del tuo sito. Una sitemap HTML può aiutare a garantire che tutte le pagine rilevanti del tuo sito siano scoperte e indicizzate.
  3. Migliora l’Accessibilità: Una sitemap HTML rende il tuo sito più accessibile a tutti gli utenti, inclusi quelli con disabilità. Fornisce una mappa chiara del sito che può essere navigata facilmente.
  4. Aumenta il Tempo di Permanenza sul Sito: Facilitando la navigazione e l’accesso ai contenuti, una sitemap HTML può aumentare il tempo che i visitatori trascorrono sul tuo sito, migliorando così l’esperienza complessiva dell’utente.

Come Installare una Sitemap HTML sul Tuo Blog

Ecco una guida passo-passo su come aggiungere una sitemap HTML al tuo blog utilizzando un plugin mu-plugins.

Passo 1: Creare il Codice del Plugin

Crea un file PHP con il seguente codice (o scarica direttamente questo da Gist) per generare la tua sitemap HTML. Salva il file con un nome descrittivo, ad esempio SitemapHTML.php.

Download Gist ❤️

Passo 2: Caricare il Plugin come mu-plugin

  1. Accedi al tuo server via FTP o tramite il pannello di controllo del tuo hosting.
  2. Naviga nella directory /wp-content/mu-plugins/. Se la cartella mu-plugins non esiste, creala.
  3. Carica il file PHP creato (SitemapHTML.php) nella cartella mu-plugins.

Passo 3: Aggiungere la Sitemap HTML a una Pagina del Tuo Blog

  1. Crea una nuova pagina sul tuo blog (ad esempio, “Sitemap”).
  2. Inserisci lo shortcode [custom_sitemap] nel contenuto della pagina.
  3. Pubblica la pagina.

Adesso, quando i visitatori accedono alla pagina “Sitemap” del tuo blog, vedranno una lista ben strutturata di tutte le pagine, i post, le categorie e i tag presenti!

Conclusione

Una sitemap HTML è uno strumento essenziale per migliorare l’usabilità e l’indicizzazione del tuo blog. Seguendo questa guida, puoi facilmente aggiungere una sitemap HTML al tuo sito, offrendo ai tuoi visitatori una migliore esperienza di navigazione e aiutando i motori di ricerca a scoprire e indicizzare i tuoi contenuti in modo più efficace.

Demo: Mappa del Sito / MaestraSilvia: Sitemap

ShareMe:

facebook icon bluesky icon reddit icon whatsapp icon telegram icon email icon print icon

Iscriviti ai Feed dei commentirss small icon

Vedi anche:

Cat: , ,
Tag: , , , ,

Posted by:

Salvatore Noschese

Sono Salvatore Noschese … (AboutME!)
Se vuoi offrirmi un ☕ o una 🍺 … (PayPal.me!)

2 risposte a “WordPress: Come e perché creare una Sitemap HTML”

  1. Avatar Salvatore Noschese
    Salvatore Noschese

    Aggiornato e migliorato in diverse parti il codice della sitemap.

    Rispondi
  2. Avatar Salvatore Noschese
    Salvatore Noschese

    Script aggiornato 😊
    Adesso supporta anche diversi attributi per adattare meglio alle proprie necessità 👍

    'posts_num' => 100, // default: latest 100 posts
    'title_counter' => 'yes', // default: show counter
    'terms_num' => 45, // default: 45 terms
    'terms_counter' => true, // default: counter terms
    'yoast_sitemap' => 'yes', // default: show yoast xml

    Rispondi

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *


Usa la Ricerca 🔎

Pannello Utente 👤

Accedi | Registrati | Password dimenticata?

Ultimi Commenti

go to top (svg)