web-dev-qa-db-fra.com

Pourquoi Google dit-il que l'extrait riche ne s'affichera pas?

J'essaie que Google affiche mon nom d'auteur et une photo sur mon nouveau blog Wordpress.

https://search.google.com/structured-data/testing-tool

Je soumets ma page au vérificateur d'extraits et elle me montre en effet le résultat avec mon nom et une photo à côté, exactement ce que je veux.

Cependant, vers le bas de la page, Google me dit ce qui suit:

Extracted structured data

hcard

    Warning: The information will not appear as a rich snippet in
    search results, because the marked-up content does 
    not appear to be the main focus of the page.
    More information. (Is this correct? Let us know.)

    Warning: This information will not appear as a rich snippet
    in search results, because it seems to describe an organization. 
    Google does not currently display organization information in rich snippets

    Warning: At least one field must be set for Hcard.

    Warning: Missing required field "name (fn)".

Je ne sais pas pourquoi Google se plaint, j'ai réglé le fn et le vcard:

        <span class="author vcard">
            <a class="fn n url" href=">http://www.my_url.co.uk/about" rel="author">
                <?php the_author(); ?>
            </a>
        </span>

Aussi, je ne sais pas pourquoi il pense que c'est une organisation.

Dois-je m'inquiéter à ce sujet? Peut-être le fait que Google me montre ma photo signifie-t-il qu'ils y créeront un lien et que les avertissements sont juste au cas où je voudrais être une organisation.

Quelqu'un peut-il expliquer?

4
Jake

Raison: VCard/Hcard ne fonctionne pas

Avertissement: Les informations ne s'affichent pas en tant qu'extrait de code dans les résultats de la recherche, car le contenu balisé ne semble pas être l'élément principal de la page. Plus d'information. (Est-ce correct? Dites-le nous.)

La raison pour laquelle vous donnez le problème ci-dessus est parce que vous devez vous assurer que toutes les données vcard sont complètes sur la page. Si vous regardez au bas de votre page:

<footer id="footer" class="footerCopyright source-org vcard copyright">
    <small> </small>
</footer>

La chose à noter ici est class = "footerCopyright source-org vcard copyright"

Remarquez comment vous avez la vcard, elle est incomplète et causera des problèmes pour le reste de la page (retirez cette vcard et utilisez un balisage complet, idéalement dans un schéma si vous basculez et utilisez une organisation ou quelque chose), poursuivez nos commentaires de discussion Schéma, en supprimant l'élément vcard en bas de la page et le reste des vcards, il devrait fonctionner comme prévu. Laissez nous savoir. Schéma en cours

OK, l'élément réel du contenu ressemble à ceci:

<div class="post-27 post type-post status-publish format-standard hentry category-internet-filters category-internet-monitoring" id="post-27">
  <div class="entry-header">
    <a href="#"><h1 class="entry-title">Title Goes Here</h1></a>
    <div class="entry-meta">
      Posted on 
      <span datetime="2013-05-06T14:50:07+00:00" class="updated entry-date">May 6, 2013</span>
      by      
      <span class="author vcard">
        <a rel="author" href="" class="fn n url">Name</a>
      </span>
    </div><!-- .entry-meta -->
  </div><!-- .entry-header -->
  <div class="entry-content">
  <p><a href="#"><img width="" height="" src="blah.jpg" alt="" class=""></a>
</div><!-- .entry-content -->
<footer class="entry-meta">
    Post published under <a rel="category tag" title="" href="">Category</a>, <a rel="category tag" title="" href="#">Category</a> by <a href="">Author</a>. Bookmark the <a rel="bookmark" title="" href=""></a>.   
      </footer><!-- .entry-meta -->
</div>

Vous pouvez modifier les fichiers de modèle de WordPress et l'inclure avec le balisage de blog qui fonctionnera avec le balisage de l'auteur, ainsi que d'autres balisages, tels que des mots clés que j'ai ajoutés à votre attention. Cet exemple a été traité dans une question que j’avais posée il ya quelque temps: tilisation de Schema pour bloguer contre Blogposting , voici ce que vous auriez besoin de changer pour que cela fonctionne avec votre configuration actuelle.

Change 1

De: <div class="post-27 post type-post status-publish format-standard hentry category-internet-filters category-internet-monitoring" id="post-27">

À: <div itemscope itemtype="http://schema.org/BlogPosting" class="post-27 post type-post status-publish format-standard hentry category-internet-filters category-internet-monitoring" id="post-27">

Changement 2

De: <a href="#"><h1 class="entry-title">Title Goes Here</h1></a>

À: <h1 itemprop="name"><a rel="bookmark" title="Title Description" href="#">Article Header</a></h1>

Changement 3

De: <span datetime="2013-05-06T14:50:07+00:00" class="updated entry-date">May 6, 2013</span>

À: <time itemprop="datePublished">2013-01-25</time>

Changement 3

De: <span datetime="2013-05-06T14:50:07+00:00" class="updated entry-date">May 6, 2013</span>

À: <time itemprop="datePublished">2013-01-25</time>

Changement 3

De:

<span class="author vcard">
    <a rel="author" href="" class="fn n url">Name</a>
</span>

À: <a rel="author" href="#">Author Name</a>

Alternativement

Sinon, vous pouvez utiliser un meilleur balisage et fournir encore plus de données, comme ceci:

<article itemscope itemtype="http://schema.org/BlogPosting">
  <div class="post-27 post type-post status-publish format-standard hentry category-internet-filters category-internet-monitoring" id="post-27">
    <header class="entry-header">
      <h1 itemprop="name"><a rel="bookmark" title="Title Description" href="#">Article Header</a></h1>
        <dl>
            <dt>Publish Date:</dt>
            <dd><time itemprop="datePublished">2013-01-25</time></dd>
            <dt>Author</dt>
            <dd><a rel="author" href="#">Author Name</a></dd>
        </dl>
    </header>
    <div class="entry-content">
      <aside>A image that floats left or right</aside>
      <p>Article Contents Here</a>
    </div>
    <footer class="entry-meta">
      <dl>
        <dt>Post published under</dt>
        <dd itemprop="keywords"><a rel="category" title="Title Description" href="#">Category 1</a></dd>
        <dd itemprop="keywords"><a rel="category" title="Title Description" href="#">Category 1</a></dd>
        <dt>Bookmark this page:</dt>
        <dd><a rel="bookmark" title="" href=""></a></dd>
      </dl>
    </footer>
  </div>
</article>
2
Simon Hayter