Come aggiungere il markup dello schema dell'articolo ai post del blog

Schema è un linguaggio utilizzato per aiutare i motori di ricerca a comprendere il contenuto del tuo sito. Scopri quali tipi di schemi esistono e come aggiungerli per dare al tuo sito web le migliori possibilità di essere visto.

Quando i motori di ricerca scansionano le pagine del tuo sito, stanno cercando di capire di cosa tratta ciascuna pagina. Questo per indicizzarli e servirli ai visitatori quando cercano qualcosa di rilevante. Per fare ciò, devono comprendere tutto il codice HTML del tuo sito. A seconda del modo in cui è costruito il tuo sito, questo può essere o non essere facile per loro.

Schema (noto anche come dati strutturati, rich snippet o microdati), è un linguaggio universalmente compreso dai motori di ricerca, con estrema facilità. In sostanza, lo schema dice ai motori di ricerca di cosa tratta il tuo sito o una pagina specifica in termini molto semplici.

Perché aggiungere lo schema dell'articolo ai post del blog?

Se stai scrivendo contenuti fantastici, è ovvio che desideri che i motori di ricerca lo capiscano facilmente: inserisci schema, un linguaggio letteralmente costruito per rendere i tuoi contenuti più facili da capire.

Inoltre, intorno a marzo 2016, i dati strutturati sono stati aggiunti all'algoritmo dei fattori di ranking di Google. Quindi averlo sulle tue pagine potrebbe aiutarti a far sì che i tuoi post sul blog a coda lunga si posizionino meglio, aiutando così la tua strategia di content marketing e gli obiettivi generali di marketing digitale.

Inoltre, se leggi il nostro blog o qualsiasi altra notizia di marketing digitale, sai che le Accelerated Mobile Pages (AMP) sono state un argomento enorme per i blog e i siti di pubblicazione. Questi si basano molto su dati strutturati per le loro funzionalità avanzate. Fare i conti con tipi più semplici, come lo schema BlogPosting, è un modo sicuro per aiutarti a prepararti a questo.

Infine, se hai bisogno di maggiore convinzione, disporre di dati strutturati sulle notizie, sui post del blog o sugli articoli del tuo sito Web può migliorare l'aspetto del tuo sito Web nei motori di ricerca. Potrebbe consentirti di apparire nel carosello delle storie principali (tuttavia, tieni presente che questo non è garantito da Google in quanto sembra che al momento stiano dando la priorità alle pagine AMP sopra qualsiasi altra cosa).

Quali tipi di schema articolo posso aggiungere?

È possibile aggiungere diversi tipi di schemi di articoli: NewsArticle o BlogPosting sono i più comuni. Per la maggior parte delle aziende (a meno che tu non riporti notizie), consiglierei di utilizzare lo schema BlogPosting in quanto è più specifico dell'articolo. Più specifico ottieni con lo schema, più facile è per i motori di ricerca comprendere appieno il tuo sito. Quindi, per motivi di chiarezza, userò lo schema di BlogPosting come esempio.

Come aggiungere lo schema di post sul blog

In questi giorni molti CMS lo aggiungeranno automaticamente o saranno almeno compatibili con un plugin che lo fa. Ad esempio, Yoast per WordPress, Amasty per Magento ecc. Devi solo trovare quello compatibile con il tuo sito e assicurarti che non interferisca con altri plugin o con la velocità del sito. Questo è anche estremamente utile in quanto significa che ogni post del blog che scrivi avrà lo schema BlogPosting inserito dinamicamente al suo interno – non è necessario aggiungerlo a ogni post.

Per un sito web creato con un CMS su misura, chiedi ai tuoi sviluppatori come potrebbero aggiungerlo. Può darsi che debbano farlo codificandolo nella pagina, ma se possono creare modelli di pagina che supportano lo schema, sarebbe meglio. Vedi più avanti in questo blog cosa avrebbero bisogno di inserire nelle pagine.

Se non riesci a ottenere un plug-in che lo inserisca dinamicamente e i tuoi sviluppatori non possono codificarlo nel sito, l'ultima risorsa è aggiungerlo tramite Google Tag Manager. È l'ultima risorsa poiché solo Google sarebbe in grado di vedere il codice - anche GTM può essere capriccioso a volte, quindi non è l'ideale.

Questo metodo non richiede di modificare effettivamente il codice sul sito. Per aggiungere lo schema dell'articolo, come azienda devi già avere lo schema dell'organizzazione sul tuo sito. Per configurarlo, dai un'occhiata a un post sul blog che ho scritto lo scorso mese che contiene una guida passo passo: ancora una volta, ricorda che i plug-in e l'hardcoding sono opzioni preferibili.

Analogamente all'aggiunta dello schema dell'organizzazione a un sito, per aggiungere lo schema dell'articolo è necessario creare un trigger e un tag HTML personalizzato. Tranne che questa volta, non vuoi che il tuo trigger abbia come target "tutte le pagine", vuoi che abbia come target l'URL specifico del post del blog. Ad esempio, per aggiungere lo schema BlogPosting a uno dei post del blog del mio cliente: http://applefostering.co.uk/skills-foster/ Ho impostato un trigger in Tag Manager in questo modo:

Una volta impostato l'attivatore, devi creare il tag effettivo. Come per lo schema organizzativo, è un tag HTML personalizzato in cui è necessario aggiungere quanto segue (ovviamente dopo aver sostituito i campi con i dettagli della propria azienda e articolo):

<script type="application/ld+json">
{
“@context”: “http://schema.org”,
“@type”: “Post sul blog”,
"mainEntityOfPage":{
“@tipo”:”Pagina web”,
“@id”:”http://applefostering.co.uk/skills-foster/”
},
“titolo”: “Le competenze da promuovere”,
"Immagine": {
“@type”: “ImageObject”,
“url”: “http://applefostering.co.uk/wp-content/uploads/family.jpg”,
“altezza”: 463,
“larghezza”: 700
},
“dataPubblicato”: “2016-02-12”,
“dataModificata”: “2016-02-12”,
"autore": {
“@tipo”: “Persona”,
“nome”: “nome della persona”
},
"editore": {
“@tipo”: “Organizzazione”,
“nome”: “Apple Fostering”,
"logo": {
“@type”: “ImageObject”,
“url”: “http://applefostering.co.uk/apple-logo-schema/”,
“larghezza”: 550,
“altezza”: 60
}
},
“descrizione”: “Una breve descrizione del tuo articolo”,
“articleBody”: “Puoi mettere qui l'intero articolo: può essere lungo quanto vuoi.”
}
</script>

Alcune cose da ricordare:

• L'immagine del post del blog deve essere larga almeno 700 pixel
• All'interno della sezione Publisher, il logo della tua attività deve essere largo 550 pixel x 60 pixel di altezza (questo non è il caso nel normale schema dell'organizzazione, solo quando lo aggiungi all'interno dello schema dell'articolo)

Se non rispetti queste regole, lo schema non funzionerà, il che è frustrante perché mi ci è voluto molto tempo per trovare effettivamente queste istruzioni online.

Una volta che il codice è stato aggiunto al tag HTML personalizzato, applicalo all'attivatore specifico della pagina che hai creato in precedenza. Come nel mio post precedente, usa la modalità di anteprima e debug per verificare che venga attivato sulla pagina. Se non lo è, ricomincia. In caso affermativo, pubblica le modifiche e prova lo schema nello Strumento di test dei dati strutturati.

Per quelli di voi che hanno un blog che aggiorni ogni giorno, è possibile dire a Google Tag Manager di generarlo dinamicamente o ottenere un plug-in per farlo. Lo consiglierei principalmente per i siti che hanno un gran numero di post di blog (come gli aggiornamenti quotidiani).

Trova altri modi per aumentare la visibilità del tuo sito web

Se hai bisogno di aiuto con la tua SEO non esitare a contattarci.