1Wordpress LogoFixation Rich Snippets outil Test de microdonnées à grande diffusion

Sur 2 il ya des années, j'ai publié un article sur la façon de résoudre les problèmes avec des thèmes WordPress qui n'ont pas réussi les essais outil Google Rich Snippets. Depuis lors beaucoup a changé - et la plupart des thèmes WordPress ont un meilleur soutien, HTML5 et CSS3 sont arrivés, et Google, Yahoo et Bing se sont réunis et ont décidé de se concentrer sur microdonnées, via schema.org. Au moment microformats semblait la meilleure façon de marquer des pages, et l'outil de test a reçu le soutien le plus complet pour les. Le passage à microdonnées à grande diffusion et les modifications apportées à WordPress nécessaire un nouvel article: ce qu'il est!

Au lieu d'avoir beaucoup d'articles distincts pour les différents thèmes que j'ai décidé d'essayer de fournir toutes les informations en 1 guider. Cela rend plus facile de tenir à jour, et signifie qu'il est juste 1 point central pour toutes les demandes et discussion. Il est aussi plus judicieux que plusieurs des étapes sont les mêmes quel que soit le thème que vous utilisez. Je ne vais pas couvrir toutes les options disponibles dans cet article, juste les bases pour obtenir votre site à valider avec l'outil. Une fois que vous avez réussi ce que vous devriez trouver ajoutant balisage supplémentaire est relativement facile. permet donc de commencer ...

Ajouter un lien à partir de votre profil Google pour votre site

Vous verrez sur mon pro-fichier google que j'ai un lien de pub-lique à https://diymediahome.org - Vous aurez besoin de la même chose pour votre propre site. Idéalement, vous aurez besoin de tous vos auteurs à avoir un profil de google qui est lié à votre site de la même manière que ce.

  1. Connectez-vous à votre google pro-file
  2. Faites défiler la liste jusqu'à ce que le links section quelque part vers le bas à droite de la page
  3. Cliquez sur le modifier lien
  4. Dans le cadre du contributeur sec-tion clic Ajouter un lien la coutume
  5. Assurez-vous que la case située à droite du texte contributeur est réglé sur public
  6. Entrez votre nom de site (par exemple. DIY Médias Accueil) et adresse (par exemple. https://diymediahome.org)
  7. Cliquez sur Enregistrer

Ajouter un lien à partir de votre site à votre profil Google

Maintenant, nous devons ajouter un lien à partir de votre page de l'auteur à votre profil Google. Il est 2 altern-à-ive façons de le faire, Je fortement conseillé d'utiliser la Yoast CET plu-gin.

  1. Installez le Yoast CET plu-gin OU ajoutez le code suivant dans le fichier functions.php de votre thème
  2. Accédez à votre profil d'auteur dans l'interface d'administration de WordPress (survolez Utilisateurs dans le menu de gauche, et cliquez sur Votre Pro-file)
  3. Dans l' Google+ champ ajouter un lien vers votre google pro-file (par exemple. https://plus.google.com/104657888470728381512 /)
  4. Assurez-vous que soit vous, ou vos autres auteurs du site font la même chose, et chaque lien vers vos propres profils Google
  5. Maintenant, si vous utilisez le Yoast plu-gin, aller à la CET menu et sélectionnez Les titres et les metas, clécher sur le Accueil menu en haut de la page et dans le Auteur de haute lumière ING boîte déroulant sélectionnez l'utilisateur que vous souhaitez utiliser comme l'auteur de la page d'accueil
  6. Si vous êtes insistante de ne pas utiliser le plugin Yoast vous devrez ajouter manuellement le code suivant à header.php (supposant-ment vous en avez un). Ne pas oublier de changer mon profil Google URL pour le vôtre. Ce code utilisera le profil de l'auteur google url s'il est valide, et utilisera un défaut (la vôtre) s'il n'y a pas.

Corriger les erreurs d'un champ manquant "mise à jour"

La plupart des thèmes wordpress comprennent des informations sur le moment où le poste a été publié dans le domaine de l'information de poste, mais très peu comprennent également lors de sa dernière mise à jour. C'est dommage, parce que mis à jour est nécessaire alors publié est en fait pas! Ajoutant qu'il est facile si, et encore, il est 2 moyens, la bonne façon et la manière de hack. Je recommande la bonne façon bien sûr, mais si nécessaire, vous pouvez recourir à la hack. Nous allons aussi changer de microformats aux microdonnées en même temps.

La bonne façon

Nous allons ajouter des informations supplémentaires pour poster des en-têtes, à la fois pour les moteurs de recherche et pour nos vis-it-eurs. Nous aurons besoin de le faire pour les messages, pages, archives et la page d'accueil.

  1. Nous devons trouver le fichier qui contient le code qui génère le lien publié. Ce sera presque certainement utiliser la fonction wordpress get_the_date(). Vous pouvez rechercher dans vos fichiers de thème, ou se référer au thème des détails spécifiques ci-dessous où j'ai fourni des détails pour beaucoup de thèmes
  2. Nous allons vérifier si les dates publiées et mises à jour sont les mêmes. Si elles sont, nous allons juste ajouter le supplément dateUp à jour itemprop mais si elles sont différentes, nous affichera quelques texte supplémentaire au visiteur
  3. Nous allons ajouter la ci-bas-ment (et le modifier comme il explique)
  4. Vous devez soit comprendre le code du thème original et le modifier, ou consultez les détails ci-dessous pour des thèmes spécifiques.
  5. Vous pourriez avoir à répéter cette édition pour plusieurs fichiers

Le hack

Nous allons tricher et fournir la date de publication de la date de mise à jour, même si le poste a effectivement été mis à jour récemment. Si le poste a été mis à jour alors que nous allons effectivement fournirons des informations incorrectes, mais il sera toujours val-id-mangé. Il est vraiment préférable de le faire correctement si possible, mais si vous êtes insistante sur cette façon de faire lire sur. Comme ci-dessus, nous aurons besoin de le faire pour les postes, pages, archives et la page d'accueil.

  1. Comme ci-dessus, nous devons trouver le fichier qui contient le code qui génère le lien publié. Ce sera presque certainement utiliser la fonction wordpress get_the_date(). Vous pouvez rechercher dans vos fichiers de thème, ou consultez le tableau ci-dessous où j'ai fourni des détails pour beaucoup de thèmes
  2. Trouvez l' HTML élé-ment qui entoure la date (souvent il aura class="published").
  3. Modifier l'élément en supprimant la classe et en ajoutant ce qui suit à la place itemprop="datePublished dateCreated dateUpdated"
  4. Comme ci-dessus, vous pouvez avoir besoin de répéter cette vérification dans plusieurs fichiers

Remplacement des microformats intégrés (car le mélange des formats rich snippet casse les choses)

En wordpress par défaut est encore en utilisant microformat balisage des commentaires, qui semble malheureusement de briser balisage microdonnées de choses comme recettes. La meilleure façon de résoudre ce problème est d'enlever le balisage microformat et le remplacer par microdonnées balisage. Malheureuse-tu-reusement, les fonctions de base wordpress qui produisent ce balisage n'ont pas un filtre ou un crochet situé si cela nécessite un peu de bricolage sur.

Remplacement vcard dans la section des commentaires

  1. Ce que nous allons faire est d'utiliser un commentaire rappel pour modifier la sortie de commentaires. De nombreux thèmes utilisent déjà un rappel que nous pouvons modifier, et pour ceux qui ne le font pas, nous allons ajouter un basé sur l'wordpress par défaut
  2. Vérifiez si vous avez thème a déjà un commentaire rappel - recherche de vos fichiers de thème pour la fonction wp_list_comments. Si elle comprend le code callback= ou 'callback' => il utilise une fonction de rappel qui vous devriez être capable de trouver (proba-blement dans functions.php) en recherchant le nom de la fonction de rappel, qui est la partie après le signe = flèche ou, par exemple. wp_list_comments( array( 'callback' => 'twentyten_comment' ) ); ou wp_list_comments('type=comment&callback=bones_comments');. Si ce n'est pas alors nous aurons besoin d'ajouter un en ajoutant callback=diymh_comment ou array( 'callback' => 'diymh_comment' ) à la ligne.
  3. Si vous avez besoin d'ajouter un commentaire rappel, alors vous aurez besoin d'ajouter le code suivant à functions.php
  4. Vous remarquerez que ce code a une class="novcard" au lieu de l'original class="vcard".
  5. Si votre thème ne possède pas son propre rappel vous devez trouver la fonction de rappel et remplacer toutes les instances de class="vcard" avec class="novcard"

Remplacement hfeed dans l'en-tête

  1. Suivant, nous devons également supprimer toutes les instances de class="hfeed", qui sont générale-ment trouvé dans header.php. Remplacer toutes les occurrences de hfeed avec nohfeed

Remplacement hentry et titre des extraits enrichis

  1. Nous pouvons remplacer ces éléments avec un couple de fonctions soignées ajouté à functions.php

L'addition du type d'informations (par exemple. Article, Recette, etc) l'en-tête de l'article

  1. Première, décider quel type de travail que vous publiez - très probablement un article. Jetez un coup d'œil à la liste à schema.org
  2. Trouvez l' HTML étiquette qui con-tient la fonc-tion post_class()
  3. Ajoutez le code itemscope itemtype="http://schema.org/Article" (remplacer l'article si vous avez choisi un autre type de travail)

Enfin, pour éviter de casser tous les styles

  1. Vous devrez modifier le style.css de votre thème et faire une opération de recherche / remplacement de remplacer toutes les instances de .vcard avec .novcard et remplacer toutes les occurrences de .hfeed avec .nohfeed de sorte que nos changements ne pas gâcher tout CSS style de nos commentaires

Fixation d'autres erreurs

Toutes les autres modifications nécessaires seront détaillées sur une base par thème ci-dessous. Si vous avez un thème qui vous êtes incapable de fixer s'il vous plaît envoyer un commentaire. Si c'est un thème libre s'il vous plaît laissez-moi savoir le nom du thème, et si elle est un thème premium s'il vous plaît me faire savoir que je peux vous fournir une adresse e-mail pour envoyer une copie zippée.

détails spécifiques à thème

Avant que la réalisation de ces modifications ne pas oublier d'effectuer les étapes pour lier votre profil Google et votre site à l'autre, et installer Yoast CET, ou ajouter le code ci-dessus fournit des.

 

Twenty Ten 1.5

Dans functions.php remplacer cette

Avec ce

Dans functions.php remplacer cette

Avec ce

Dans header.php remplacer cette

Avec ce

En loop.php (3 cas), boucle-single.php, boucle-page.php et boucle-attachment.php remplacer ce

Avec ce

vingt Onze 1.5

com-ment très bientôt ...

Annotum base 1.1.1

Dans 7 fichiers (fonctions caractéristiques-articles.php, extrait type article.php, extrait extrait-default.php, contenu type article.php, contenu page.php, contenu content-default.php, contenu article-pdf.php) remplacer

avec

 

Pense que nous avons manqué quelque chose? Faites-nous savoir en commentant ci-dessous. Si vous souhaitez vous abonner s'il vous plaît utiliser le lien d'abonnement dans le menu en haut à droite. Vous pouvez également partager avec vos amis en utilisant les liens sociaux ci-dessous. À votre santé.

Laisser un commentaire

Un Commentaire