Come aggiungere il markup dello schema al tuo sito Web WordPress

Puoi aggiungere il markup dello schema a una pagina web per fornire più contesto sul suo contenuto. Sebbene un browser Web non visualizzi questi dati, i crawler dei motori di ricerca possono leggerli. I motori di ricerca possono quindi visualizzare questi dati come rich snippet nei risultati.

Il markup dello schema può indicare ai motori di ricerca se una pagina riguarda una persona, un luogo, un prodotto o diverse altre classi. Le pagine Web con markup dello schema sono distintive nei risultati di ricerca. Spesso portano a percentuali di clic più elevate rispetto alle pagine concorrenti.

In questo articolo, ti mostreremo come aggiungere manualmente il markup dello schema. Sebbene non sia il metodo più rapido, questo approccio ti offre un maggiore controllo e ti impedisce di dover installare plug-in aggiuntivi.

1. Scegli il tuo formato preferito

Esistono diversi formati che puoi utilizzare per eseguire il markup dei contenuti del tuo sito web. I più comuni sono Microdati, RDFa, e JSON-LD.

Microdati

I microdati sono un insieme di tag che puoi utilizzare per aggiungere dati strutturati direttamente agli elementi HTML. L'aggiunta di questi tag al tuo codice HTML li rende più leggibili dalla macchina e accessibili ai motori di ricerca e ai crawler web.

Ogni set di tag Microdata è costituito da un itemscope, un itemtype e itemprops. Questa combinazione aiuta a identificare l'elemento etichettato e a delineare le sue proprietà.

RDFa

RDFa è l'abbreviazione di Resource Description Framework in Attributes. Proprio come i microdati, RDFa aggiunge tag agli elementi HTML per renderli più leggibili dalla macchina. Questo framework ha tre tag: vocab, typeof e proprietà. Questi aiutano a delineare il vocabolario in uso, il tipo di pagina e le sue proprietà.

JSON-LD

JSON-LD sta per JavaScript Object Notation for Linked Data. è Il formato consigliato da Google per il markup dello schema. A differenza degli altri formati discussi, JSON-LD non è un metodo in linea. Ciò significa che non è necessario apportare modifiche dirette agli elementi HTML. Invece, incorpori il codice nell'intestazione della tua pagina web. Questo è generalmente più facile da implementare.

2. Scrivi il markup in un editor di testo o usa un generatore di markup dello schema

Dopo aver scelto il tuo vocabolario schema preferito, è il momento di passare a scrivere l'HTML per creare il tuo markup. I programmatori più esperti possono procedere e crearlo utilizzando uno qualsiasi dei i migliori editor di codice gratuiti.

Il modo più semplice è utilizzare uno Schema Markup Generator, che genererà automaticamente il codice per te. Ci sono molti generatori là fuori, ma due dei migliori sono Generatore di markup schema di Merkle e Generatore JSON-LD di Hall Analysis.

Entrambi questi strumenti offrono una vasta gamma di vocabolari di schemi tra cui scegliere. Tutto quello che devi fare è selezionarne uno e compilare i dati richiesti. Lo strumento genererà quindi il codice appropriato per te. Puoi quindi copiare lo snippet di codice da utilizzare sul tuo sito web.

3. Aggiungi il markup alla pagina web desiderata

L'aggiunta del codice al tuo sito Web è semplice come i passaggi precedenti. Per iniziare, vai alla dashboard di WordPress e apri il post o la pagina in cui desideri aggiungere un markup dello schema.

Per prima cosa, dovrai attivare il Campi personalizzati opzione. L'attivazione dell'opzione dei campi personalizzati ti consente di aggiungere vari tipi di dati e metadati che si applicano solo a un articolo o una pagina specifici. In questo caso, puoi usarlo per aggiungere il markup dello schema alle tue pagine web.

La creazione di un nuovo campo personalizzato non sarà sufficiente. Dovrai anche dire a WordPress cosa farne aggiungendo del codice ad alcuni dei tuoi file di temi. In alcuni casi, puoi utilizzare campi personalizzati per fornire semplicemente più dati ai lettori. In altri, puoi usarli per aggiungere nuovi comportamenti al tuo post o alla tua pagina.

In questo caso, vogliamo solo fornire alcune informazioni ai motori di ricerca e ai browser.

Per iniziare:

1. Fai clic sull'icona dei tre punti nell'angolo in alto a destra dello schermo
2. Navigare verso Preferenze e cliccaci sopra
3. Scorri verso il basso fino a Pannelli avanzati e controlla il Campi personalizzati opzione

Una volta attivato il Campi personalizzati opzione, torna al tuo post o pagina e scorri fino in fondo dove vedrai Impostazioni dei campi personalizzati. Sotto Aggiungi nuovo campo personalizzato, Selezionare Inserisci Nuovo per creare un nuovo campo personalizzato.

Successivamente, devi nominare il markup dello schema. In questo esempio, abbiamo chiamato il nostro "Articolo" perché volevamo aggiungere un markup dell'articolo. Ciò consentirà ai motori di ricerca e ai browser di sapere che il post o la pagina contiene un articolo. In generale, tuttavia, puoi nominare il tuo campo personalizzato come preferisci.

Nel rich snippet risultante, i lettori possono quindi vedere informazioni aggiuntive come il nome dell'autore. Se sei un esperto in un determinato campo, questo potrebbe essere utile, ispirando fiducia nelle persone che cercano informazioni su quell'argomento.

Dopo aver nominato il markup dello schema, puoi incollare lo snippet di codice nel Valore campo. Se desideri creare più tipi di markup dello schema per la stessa pagina o post, tutto ciò che devi fare è incollare il secondo bit di codice sotto il primo. Puoi aggiungerne quanti ne vuoi.

Quando hai finito, fai clic su Aggiungi campo personalizzato, scorri fino all'inizio della pagina e clicca Aggiornare per salvare le modifiche. A questo punto, hai aggiunto con successo un nuovo campo personalizzato al tuo articolo o pagina, ma devi ancora dire a WordPress cosa farne.

In questo caso, devi aggiungere un pezzo di codice al tuo header.php file che dice a WordPress di "chiamare" i tuoi campi personalizzati.

Prima di procedere, tieni presente che eventuali errori commessi qui potrebbero danneggiare il tuo sito, quindi assicurati di fai il backup del tuo sito web primo. Inoltre, è meglio creare un tema figlio in modo da non perdere queste modifiche ogni volta che aggiorni il tema.

Ecco il codice che devi aggiungere al tuo header.php file:

php
$schema = get_post_meta (get_the_ID(), 'schema', true);
if(!empty($schema)) {
 echo $schema;< br/>}

Per trovare il tuo file header.php, vai su Aspetto > Editor temi. Sulla destra, vedrai una serie di file inclusi quelli del tuo sito web header.php file.

Passa a questo file e fai clic su di esso. Questo lancerà una nuova finestra che ti permetterà di modificarlo. Incolla il codice subito prima della chiusura etichetta.

Quindi, fare clic su Aggiorna file pulsante e ricarica il tuo sito in un browser. Questo è tutto! Hai aggiunto correttamente il markup dello schema alla tua pagina web.

Per essere sicuro che non ci siano errori e che il tuo markup funzioni correttamente, dovresti convalidare la tua pagina.

Google offre uno strumento di test dei dati strutturati che puoi utilizzare per testare il markup dello schema del tuo sito web. Tutto quello che devi fare è aprire lo strumento e inserire l'URL della pagina che desideri testare. Lo strumento eseguirà la scansione della pagina e mostrerà tutti i dati strutturati che trova. Ti dirà anche se ci sono errori, il che è utile se hai scritto i tuoi dati strutturati a mano.

Puoi anche incollare direttamente il tuo markup nello strumento per rilevare eventuali errori prima di aggiungerli al tuo sito web.

Supera la concorrenza con Schema Markup

Il markup dello schema offre molti vantaggi a qualsiasi sito Web e di solito è abbastanza facile da aggiungere. Puoi aggiungere il markup Schema al tuo sito Web utilizzando un plug-in o farlo in modo manuale, come mostrato in questo articolo. Il markup dello schema è un ottimo modo per migliorare la percentuale di clic del tuo sito. Se stai cercando risultati SEO ancora migliori, dovresti prendere in considerazione l'utilizzo di un plug-in SEO olistico.

I 7 plugin SEO WordPress più efficaci

Questi plugin SEO per WordPress metteranno i tuoi contenuti davanti agli occhi giusti.

Leggi Avanti

Circa l'autore