Comment ajouter des extraits enrichis pour les commentaires à votre blog WordPress

Il ya quelques semaines, j’écrivais comment Google changeait radicalement les résultats de recherche. Qu'est-ce que le balisage sémantique et comment Internet va-t-il changer à jamais? de plus en plus d'informations sémantiques - ou ce que Google aime appeler Rich Snippets.

Plus récemment, il s'agissait de métadonnées de recette, telles que les ingrédients ou le temps de cuisson. Si vous utilisez un blog WordPress basé sur des critiques de n'importe quoi, il est facile d'ajouter du balisage sémantique.

Cependant, vous constaterez peut-être que le thème de votre blog génère quelques erreurs. Jetons donc un coup d'œil à un plugin approprié et à la façon de traiter certaines de ces erreurs..

GD StarRatings:

Si vous publiez des critiques sur votre blog, GDStarRatings est un plugin indispensable, et je l'utilise depuis le début sur mon site de jeux de société sur iPad pour permettre aux lecteurs d'évaluer les jeux auxquels ils ont joué..

Ce plugin existe depuis longtemps et les développeurs ont été suffisamment attentionnés pour inclure le balisage Rich Snippet depuis l’année dernière. Contrairement au nouveau micro-format de recette, le balisage et les règles applicables aux avis sont établis depuis longtemps, de sorte que le plug-in lui-même génère un code de commentaire bien formaté sans erreur de validation Google..

Jetons un coup d'œil à l'installation et à la configuration du plugin, car il peut être un peu intimidant avec toutes les options disponibles. Commençons par le télécharger depuis l'interface WordPress.

Après activation, le plugin ajoute par défaut un bloc d'évaluation, une bloc du pouce levé, et commentaire commentaires.

Désactivons certains de ceux dont nous n'avons pas besoin. Développez la nouvelle section des évaluations dans la barre latérale de votre administrateur, puis cliquez sur Réglages. Commencez par désactiver le “pouces vers le haut” évaluations en cliquant sur l’icône verte pouce en haut à côté du mot article (voir la capture d’écran). Désélectionnez toutes les options pour Code de classement à insertion automatique, et cela devrait les enlever.

Je suis allé de l'avant et j'ai fait la même chose pour tous les autres blocs de classement insérés automatiquement, à l'exception du nombre d'étoiles de l'article principal, qui est le seul que je souhaite..

Test avec l'outil de test Google Rich Snippets:

Rendez-vous ici sur l'outil de test des extraits enrichis de Google et entrez l'URL de l'un de vos avis..

Après avoir examiné l'outil de test, vous constaterez peut-être quelques erreurs supplémentaires, mais celles-ci seront liées à votre thème individuel plutôt qu'au plugin d'évaluation. Par exemple, sur mon thème, j’ai trouvé que même de simples informations sémantiques telles que “titre d'entrée” n'a pas été ajouté. Pour résoudre ces problèmes, vous devez connaître un peu le code HTML..

Avertissement: champ obligatoire manquant “titre d'entrée”.

Avertissement: champ obligatoire manquant “mis à jour”.

Attention: hCard requise manquante “auteur”.

Ouvrez le dossier de thèmes de votre blog, situé à wp-content / themes / (nom du thème) si vous passez par FTP ou à partir de l'écran d'administration WordPress, développez le Apparence élément de la barre latérale et aller à Éditeur.

S'ouvrir single.php dans votre éditeur de texte préféré, ou cliquez simplement sur le bouton single.php à gauche de l'écran de l'éditeur à partir de WordPress.

Tout d'abord, Google nous a dit qu'il nous manquait un titre d'entrée. Frappé Trouver dans votre navigateur ou votre éditeur et recherchez le titre(). Vous pouvez voir qu'il est entouré d'un H2 tag, et dans mon cas avec le classe =”titre de l'article” appliqué à elle.

Nous voulons ajouter le titre d'entrée la classe aussi, donc dans mon cas, j’ai simplement ajouté cela à la définition de classe du H2:

Juste en dessous de cela, Google nous dit que nous manquons également quelque chose sur la date de publication mis à jour. J'ai déjà une classe =”rendez-vous amoureux” définition, je simplement ajouter “mis à jour” dans celui-là aussi:

Enfin, il me manque les informations sur l'auteur. Pour l'instant je vais l'ajouter juste après la date de publication. Si vous avez déjà du code pour l'auteur() quelque part, juste l'entourer avec le même envergure balises comme j'ai ajouté ci-dessous. Cela indique à Google qui est l'auteur, son nom, et englobe le tout dans un vcard.

Maintenant, en vérifiant à nouveau la page, je constate que toutes les erreurs ont été corrigées..

Enfin, je vais soumettre mon site pour que Google commence à en tirer des extraits enrichis. Cela ne se produira pas nécessairement automatiquement. Vous devez donc remplir le formulaire ici et Google vous considérera comme tel..

Recettes dans WordPress?

Il existe également quelques plugins permettant d'ajouter des microformats de recette, cependant, au moment de la rédaction de ce document, Google avait mis à jour son style de microformat et aucun plugin n'avait produit de résultat valide. Si vous publiez des recettes sur votre blog, je vous suggère de garder un œil sur les plugins hRecipe et RecipeSEO, qui, j'en suis sûr, seront mis à jour prochainement pour refléter les récents changements de format..

Conclusion et lectures complémentaires:

Ajouter des critiques ou des recettes GDStarRatings est un jeu d'enfant. Si votre thème n'est pas déjà compatible avec l'auteur et les méta-données nécessaires, vous constaterez peut-être que Google refuse de répertorier votre site. Si vous obtenez les mêmes erreurs que moi, suivez attentivement le didacticiel de code et assurez-vous de sauvegarder le fichier au cas où vous feriez une faute de frappe. La semaine prochaine, je commencerai une série d'articles sur la création d'un thème WordPress et de la structure des thèmes afin que vous puissiez modifier le vôtre, mais pour l'instant, si vous rencontrez toujours des erreurs Rich Snippet, n'hésitez pas à les demander. une question sur le forum de questions / réponses, ou poster dans les commentaires ci-dessous, et je ferai de mon mieux pour les résoudre pour vous.

• Le wiki microformats est une excellente info technique
• Un blog pas illimité est un tutoriel plus pratique sur l'utilisation des microformats
• Ce billet de blog de 2007 explique un peu plus sur l'ajout de microformats à votre wordpress, et a été inestimable pendant que j'essayais de comprendre cela..
• Regardez de bons exemples de codage HTML 8 Meilleurs sites Web pour des exemples de codage HTML de qualité 8 Meilleurs sites Web pour des exemples de codage HTML de qualité Certains sites Web impressionnants offrent des exemples et des tutoriels de codage HTML bien conçus et utiles. Voici huit de nos favoris. Lire plus ici

En savoir plus sur: Blogging, Wordpress, Plugins Wordpress.