Come aggiungere rich snippets per recensioni al tuo blog WordPress

Ho scritto alcune settimane fa su come Google stava cambiando drasticamente i risultati della ricerca Che cos'è il markup semantico e come cambierà Internet per sempre [Tecnologia spiegata] Cosa è il markup semantico e come cambierà Internet Forever [Tecnologia spiegata] Ulteriori informazioni includendo sempre più informazioni semantiche - o ciò che a Google piace fare riferimento come rich snippet.

Più di recente, questo era sotto forma di meta-dati della ricetta, come ingredienti o tempo di cottura. Se stai utilizzando un blog WordPress basato su recensioni di qualsiasi cosa, allora aggiungere il markup semantico è facile.

Tuttavia, potresti scoprire che il tema del blog scelto genera alcuni errori, quindi diamo un'occhiata a un plug-in adatto e a come affrontare alcuni degli errori che potresti vedere.

GD StarRatings:

Se fai qualche tipo di recensioni sul tuo blog, GDStarRatings è un plug-in assolutamente indispensabile e l'ho usato fin dall'inizio sul mio sito di iPad Board Games per consentire ai lettori di valutare i giochi che hanno giocato.

Questo plugin è stato in giro nel tempo e gli sviluppatori sono stati abbastanza attenti da includere il markup Rich Snippet dall'anno scorso. A differenza del nuovo micro-formato Ricetta, il markup e le regole per le recensioni sono stati a lungo stabiliti, quindi il plugin stesso produce codice di revisione ben formattato senza errori di convalida di Google.

Diamo una rapida occhiata all'installazione e alla configurazione del plugin, poiché può essere un po 'scoraggiante con tutte le opzioni disponibili. Per prima cosa, scarichiamolo dall'interno dell'interfaccia di WordPress.

Dopo l'attivazione, per impostazione predefinita il plugin aggiunge a blocco di valutazione, un blocca il pollice in su, e valutazioni dei commenti.

Disattiviamo alcuni di quelli di cui non abbiamo bisogno. Espandi la nuova sezione delle valutazioni sulla barra laterale dell'amministratore e fai clic su impostazioni. Inizia disattivando il “pollice su” valutazioni facendo clic sull'icona verde in alto accanto alla parola articolo (guarda l'immagine). Deseleziona tutte le opzioni per Inserimento automatico del codice di classificazione, e questo dovrebbe rimuoverli.

Sono andato avanti e ho fatto lo stesso per tutti gli altri blocchi di voti auto-inseriti, tranne per la valutazione della stella principale dell'articolo che è l'unica che voglio.

Test con lo strumento di test dei rich snippet di Google:

Vai qui allo strumento di test dei rich snippet di Google e inserisci l'URL di una delle tue recensioni.

Dopo aver eseguito lo strumento di test, potresti trovare altri errori come ho fatto io, ma questi saranno correlati al tuo tema individuale piuttosto che al plug-in di valutazioni. Ad esempio, sul mio tema ho scoperto che anche semplici informazioni semantiche come “entry-titolo” non è stato aggiunto. Per risolvere questi problemi, è necessario conoscere un po 'di HTML.

Avviso: campo obbligatorio mancante “entry-titolo”.

Avviso: campo obbligatorio mancante “aggiornato”.

Avvertenza: manca la hCard richiesta “autore”.

Apri la cartella dei temi del tuo blog, situata in wp-content / themes / (nome del tema) se stai passando attraverso FTP, o dalla schermata di amministrazione di WordPress, espandi il Aspetto elemento della barra laterale e vai a editore.

Aprire single.php nel tuo editor di testo preferito, o semplicemente fai clic sul single.php a sinistra della schermata dell'editor da WordPress.

Innanzitutto, Google ci ha detto che mancava un titolo di accesso. Colpire Trova nel tuo browser o editor e cerca il titolo(). Puoi vedere che è circondato da un H2 tag, e nel mio caso con il class =”titolo del post” applicato ad esso.

Vogliamo aggiungere il entry-titolo anche a livello di classe, quindi nel mio caso l'ho semplicemente aggiunto alla definizione di classe di H2:

Poco sotto, Google ci dice che ci manca qualcosa anche quando il post è stato aggiornato. Ho già una classe =”Data” definizione, quindi aggiungo semplicemente “aggiornato” anche in quello:

Infine, mi mancano le informazioni dell'autore. Per ora lo aggiungerò subito dopo la data di pubblicazione. Se hai già un codice per l'autore() da qualche parte, basta circondarlo con lo stesso campata tag come ho aggiunto di seguito. Questo dice a Google chi è l'autore, il loro nome e racchiude l'intera faccenda in a vCard.

Ora, controllando di nuovo la pagina, vedo che tutti gli errori sono stati corretti.

Come passaggio finale, invierò il mio sito affinché Google inizi a disegnare rich snippet da - non necessariamente avverrà automaticamente, quindi devi compilare il modulo qui e Google ti considererà come inclusione.

Ricette in WordPress?

Ci sono anche alcuni plugin per aggiungere microformati di ricette, ma al momento della stesura di Google aveva aggiornato il loro stile di microformato e nessuno dei due plugin ha prodotto risultati validi. Se pubblichi ricette sul tuo blog, ti suggerisco di tenere d'occhio i due plugin hRecipe e RecipeSEO, che sono sicuro che verranno presto aggiornati per riflettere le recenti modifiche di formato.

Conclusione e ulteriore lettura:

Aggiunta di recensioni o ricette I dati di Rich Snippet sono semplici con GDStarRatings, ma se il tema non è già compatibile per l'autore aggiuntivo e i meta-dati necessari, è possibile che Google non sia disposto a elencare il tuo sito. Se stai ricevendo gli stessi errori che ho fatto, segui attentamente il tutorial sul codice e assicurati di fare un backup del file nel caso in cui fai un refuso. La prossima settimana inizierò una serie di articoli per approfondire la creazione di un tema wordpress e la struttura dei temi in modo da poter modificare il tuo un po 'di più, ma per ora se ricevi ancora errori Rich Snippet, non esitare a chiedere una domanda sul forum Domande e risposte o post nei commenti qui sotto e farò del mio meglio per risolverli per te.

• Il wiki dei microformati è una grande quantità di informazioni tecniche
• Un blog non illimitato è un tutorial più pratico su come usare i microformati
• Questo post del blog del 2007 spiega un po 'di più sull'aggiunta di microformati al wordpress, ed è stato di valore inestimabile mentre cercavo di capirlo.
• Guarda i buoni esempi di codice HTML 8 I migliori siti web per la qualità Esempi di codici HTML 8 I migliori siti web per la qualità Esempi di codici HTML Esistono alcuni siti Web fantastici che offrono esempi e tutorial di codifica HTML ben progettati e utili. Ecco otto dei nostri preferiti. Leggi di più qui

Scopri di più su: Blogging, Wordpress, Wordpress Plugin.