Guida per principianti: Come utilizzare i Rich Snippet in WordPress

Non lasciate che il vostro sito WordPress venga seppellito dalla concorrenza. I rich snippet vi portano in alto nella pagina dei risultati della ricerca, portando più traffico ai vostri contenuti.

Un rich snippet è un risultato di ricerca che visualizza informazioni aggiuntive rispetto al titolo, all’URL e alla descrizione standard. Queste informazioni aggiuntive vengono estratte dai dati strutturati del sito web e migliorano l’elenco di ricerca, rendendolo visivamente più attraente e informativo per gli utenti.

Abbiamo riscontrato che questi elenchi di ricerca speciali risaltano e catturano l’attenzione del lettore, migliorando la visibilità del nostro sito web e portando più traffico al nostro sito. È possibile ottenere rich snippet per contenuti speciali come recensioni, ricette, eventi e altro ancora.

Questa guida spiega tutto ciò che è necessario fare per aggiungere i rich snippet al vostro sito web WordPress.

Perché usare i Rich Snippet sul vostro sito WordPress?

I rich snippet utilizzano il cosiddetto schema markup per fornire ai motori di ricerca informazioni aggiuntive sui contenuti.

I bot dei motori di ricerca utilizzano questi dati per mostrare informazioni aggiuntive sui vostri post e pagine nei risultati di ricerca.

Ciò contribuisce a far risaltare maggiormente i vostri post e le vostre pagine nei risultati di ricerca, migliorando il vostro tasso di clic organico e aiutandovi ad aumentare il traffico del vostro blog.

Le statistiche di ricerca di Google lo dimostrano, riportando che i risultati ricchi ottengono 58 clic ogni 100 ricerche, superando i normali risultati della ricerca.

Inoltre, vi aiuta a costruire un’autorità nella vostra nicchia, poiché il vostro sito diventa più visibile nelle ricerche.

I rich snippet non sono solo per siti di recensioni o ricette. È possibile utilizzare i rich snippet per eventi, prodotti, persone, istruzioni per l’uso, video, musica, applicazioni, articoli, pubblicazioni di blog e molto altro ancora.

Detto questo, vi mostriamo come aggiungere i rich snippet a WordPress. Utilizzate i link rapidi qui sotto per passare direttamente al metodo che desiderate utilizzare.

Metodo 1. Aggiunta di Rich Snippet tramite un plugin di WordPress

Il modo più semplice per aggiungere rich snippet a WordPress è utilizzare il plugin AIOSEO. È il miglior plugin SEO per WordPress sul mercato, utilizzato da oltre 3 milioni di siti web.

Vi aiuta a ottimizzare facilmente il vostro sito per i motori di ricerca senza dover assumere un esperto SEO. Inoltre, potete impostare i rich snippet sul vostro sito in un paio di clic.

La prima cosa da fare è installare e attivare il plugin AIOSEO. Per maggiori dettagli, consultate la nostra guida per principianti su come installare un plugin di WordPress.

Dopo l’attivazione, si accede immediatamente alla procedura di configurazione guidata di AIOSEO. È necessario fare clic sul pulsante “Cominciamo”.

Se la procedura guidata di configurazione non viene visualizzata immediatamente, basta andare su All in One SEO ” Dashboard.

Da qui è possibile fare clic sul pulsante “Avvia l’installazione guidata”. Questo vi guiderà attraverso le fasi di impostazione del plugin per il vostro sito web.

Durante la procedura di configurazione guidata, è necessario attivare l’addon “Advanced Rich Snippets + Schema Markups”.

È sufficiente selezionare la casella in modo che diventi blu, quindi fare clic sul pulsante “Salva e continua”.

Nella schermata finale, è necessario inserire la chiave di licenza e fare clic sul pulsante “Connetti”.

Queste informazioni si trovano sulla pagina del proprio account sul sito web dell’AIOSEO.

Per maggiori dettagli, consultate la nostra guida definitiva su come impostare correttamente AIOSEO per WordPress.

Dopo di che, si può andare su AIOSEO ” Aspetto della ricerca nel pannello di amministrazione di WordPress e poi fare clic sulla scheda “Tipi di contenuto”.

Quindi, è possibile impostare il tipo di marcatura schema per i post e le pagine.

È sufficiente fare clic sull’opzione di menu “Schema Markup” e scegliere il tipo di schema dall’elenco a discesa.

Sarà possibile vedere i diversi tipi di contenuto che si possono creare con il plugin. L’elenco comprende:

• Corso
• Prodotto
• Ricetta
• Software/App
• FAQ
• Pagina web
• Profilo
• Articolo

Facendo clic su qualsiasi tipo di contenuto, si visualizzeranno i campi disponibili.

Queste impostazioni saranno quelle predefinite quando si aggiunge un nuovo post al blog. Tuttavia, è possibile modificarle anche per ogni singolo post.

Sotto il markup dello schema dei post, è possibile controllare anche lo schema predefinito per le pagine.

È sufficiente selezionare il “Tipo di schema” dal menu a tendina. Quindi, si avranno ulteriori opzioni per il tipo di schema selezionato.

Una volta terminate le modifiche, fare clic sul pulsante “Salva modifiche” prima di lasciare la pagina.

Aggiunta di informazioni Rich Snippet a post e pagine

Ora è possibile aggiungere informazioni di schema ai singoli post e alle pagine, in modo da visualizzare rich snippet unici nei risultati della ricerca.

Per farlo, basta aprire un post del blog e scorrere in basso sotto l’editor del post. Qui vedrete un meta-riquadro chiamato “Impostazioni AIOSEO”.

È necessario fare clic sulla scheda “Schema” e poi sul pulsante “Genera schema”.

Si aprirà il Catalogo schemi. È sufficiente fare clic sul pulsante “Aggiungi schema” accanto al tipo di schema che si desidera aggiungere.

A questo punto, saranno disponibili diversi campi da compilare, in base all’opzione selezionata. Ad esempio, il tipo di schema “Software” include campi per il nome, il sistema operativo, il prezzo, la descrizione, la recensione e altro ancora.

Una volta terminato, fare clic sul pulsante “Aggiungi schema”. Non dimenticate di cliccare su “Aggiorna” o “Pubblica” sul post per salvare le modifiche.

L’aggiunta del markup schema alle singole pagine di WordPress è simile. È necessario aprire la pagina che si desidera modificare e poi scorrere verso il basso fino alla casella di meta “Impostazioni AIOSEO” sotto l’editor della pagina.

Quindi, fare clic sull’opzione di menu “Schema”, fare clic sul pulsante “Genera schema” e selezionare il tipo di schema della pagina dal catalogo degli schemi.

A seconda del tipo di schema selezionato, appariranno opzioni diverse.

Come sopra, una volta terminato, è necessario fare clic sul pulsante “Aggiungi Schema” e premere “Aggiorna” o “Pubblica” sulla pagina per rendere effettive le modifiche.

L’aggiunta di informazioni rich snippet non farà la differenza sul front-end del vostro blog WordPress. Tuttavia, fornirete ai bot dei motori di ricerca dati aggiuntivi da visualizzare insieme ai vostri post e alle vostre pagine nei risultati di ricerca.

Metodo 2. Aggiungere Rich Snippets aggiungendo codice a WordPress

Un altro modo per aggiungere rich snippet a WordPress è quello di aggiungere codice a WordPress. Se non l’avete mai fatto prima, consultate la nostra guida su come copiare e incollare codice in WordPress.

I rich snippet o markup di dati strutturati possono essere scritti in tre diversi vocabolari. Questi vocabolari sono microdati, RDFa e JSON-LD. È possibile utilizzare uno qualsiasi di questi vocabolari sul proprio sito. Tuttavia, la maggior parte dei principianti trova che RDFa sia più facile da usare.

Ecco un esempio di pagina about di un utente in WordPress. Normalmente il testo della pagina è simile a questo:

John Smith
<img src="johnsmith.jpg" alt="Photo of John Smith"/>
Support Technician
342 Acme Inc.
101 Washington Avenue
Eagleton IN 98052
(425) 123-4567
<a href="mailto:johnsmith@example.com">johnsmith@example.com</a>
Website:
<a href="http://www.example.com">example.com</a>

Questo può essere facilmente trasformato con i rich snippet.

Se si ha familiarità con l’HTML, si può capire facilmente l’esempio seguente:

<div vocab="http://schema.org/" typeof="Person">
  <span property="name">John Smith</span>
  <img src="johnsmith.jpg" property="image" alt="Photo of John Smith"/>
  <span property="jobTitle">Support Technician</span>
  <div property="address"  typeof="PostalAddress">
    <span property="streetAddress">
      342 Acme Inc.
      101 Washington Avenue
    </span>
    <span property="addressLocality">Eagleton</span>,
    <span property="addressRegion">IN</span>
    <span property="postalCode">46818</span>
  </div>
  <span property="telephone">(425) 123-4567</span>
  <a href="mailto:johnsmith@example.com" property="email">johnsmith@example.com</a>
Website
  <a href="http://example.com" property="url">example.com</a>
</div>

Per ogni tipo di contenuto, è necessario definire alcune proprietà speciali.

Schema.org è l’organizzazione che aiuta a mantenere lo standard per i diversi tipi di contenuto. Sul loro sito web è disponibile un’ampia documentazione con esempi per ogni tipo di contenuto dello schema.

Ecco un altro esempio di ricetta con rich snippet.

<div vocab="http://schema.org/" typeof="Recipe">
  <span property="name">Mom's World Famous Banana Bread</span>
  By <span property="author">John Smith</span>,
    <img property="image" src="bananabread.jpg"
    alt="Banana bread on a plate" />
  <span property="description">This classic banana bread recipe comes
  from my mom -- the walnuts add a nice texture and flavor to the banana
  bread.</span>
  Prep Time: <meta property="prepTime" content="PT15M">15 minutes
  Cook time: <meta property="cookTime" content="PT1H">1 hour
  Yield: <span property="recipeYield">1 loaf</span>
  Ingredients:
  - <span property="recipeIngredient">3 or 4 ripe bananas, smashed</span>
  - <span property="recipeIngredient">1 egg</span>
  - <span property="recipeIngredient">3/4 cup of sugar</span>
  ...
  Instructions:
  <span property="recipeInstructions">
  Preheat the oven to 350 degrees. Mix in the ingredients in a bowl. Add
  the flour last. Pour the mixture into a loaf pan and bake for one hour.
  </span>
</div>

Se state aggiungendo manualmente i rich snippet nei vostri post di WordPress, dovrete aggiungere manualmente l’HTML a WordPress. Per maggiori dettagli, consultate la nostra guida per principianti su come modificare l’HTML nell’editor di codice di WordPress.

Potrebbe anche essere necessario consultare la risorsa per sviluppatori di Google sui dati strutturati per capire quali proprietà sono necessarie per ogni tipo di contenuto.

Testare i Rich Snippet e il Markup Schema

Se state aggiungendo manualmente i rich snippet, dovete assicurarvi di aver aggiunto correttamente i dati strutturati al vostro sito WordPress.

Per verificare i rich snippet, è sufficiente accedere allo Strumento di test dei dati strutturati di Google. Sono disponibili due diversi test per verificare i dati strutturati.

Innanzitutto, fare clic sul pulsante “Vai al test dei risultati ricchi”. In questo modo si vedrà quali risultati ricchi possono essere generati per la pagina.

Quindi, inserire l’URL della pagina o del post nella casella.

Quindi, fare clic sul pulsante “URL di prova”.

Questo genererà automaticamente un rapporto per vedere quali funzioni di rich results possono apparire quando la pagina o il post sono elencati nei risultati di ricerca.

Vi indicherà eventuali errori o avvertimenti, in modo che possiate migliorare i vostri dati strutturati. È possibile fare clic sulla freccia a discesa accanto a qualsiasi avviso e ottenere istruzioni dettagliate su come risolverlo.

Successivamente, è possibile verificare il markup dello schema tornando alla pagina degli Strumenti di test dei dati strutturati di Google.

Quindi, fare clic sul pulsante “Vai al validatore di schemi”.

Quindi, inserite l’URL o lo snippet di codice nel popup “Test dei dati strutturati”.

Quindi, fare clic sul pulsante “Esegui test”.

Lo strumento analizza automaticamente il codice per verificare la presenza di eventuali errori.

Si desidera visualizzare 0 errori sul lato destro della pagina.

Speriamo che questo articolo vi abbia aiutato a capire come utilizzare i rich snippet sul vostro sito WordPress. Potreste anche consultare la nostra guida su come add-on una sezione di domande frequenti (FAQ) in WordPress e la nostra scelta di esperti dei migliori plugin di schema markup per WordPress.

Se questo articolo vi è piaciuto, iscrivetevi al nostro canale YouTube per le esercitazioni video su WordPress. Potete trovarci anche su Twitter e Facebook.