Schéma du balisage structuré

Question

J'essaie d'appliquer un balisage structuré à un événement TheatreEvent. Heres le code, je travaille avec:

<!-- MAIN CONTENT --> 

    <div class="container" itemscope itemtype="http://schema.org/TheaterEvent"> 

    <div class="col-md-3"> 

     <div class="event-details"> 
     <h3>Event Info</h3> 
     <p itemprop="startDate"><strong>Date: </strong><?php the_field('date_of_event'); ?></p> 
     <p itemprop="doorTime"><strong>Time: </strong><?php the_field('start_time'); ?> – <?php the_field('end_time'); ?></p> 
     <p><strong>Price: </strong><?php the_field('price'); ?></p> 
     <p><strong>Venue: </strong><?php the_field('venue'); ?></p> 
     </div> 
     <div class="book-event-button"> 
     <a href="<?php the_field('button_link'); ?>" target="_blank" class="btn btn-plum btn-lg btn-event" role="button"><?php the_field('button_text');?></a> 
     </div> 
     <div class="book-event-button" style="margin-top:20px;"> 
     <a href="<?php the_field('event_pack_upload'); ?>" target="_blank" class="btn btn-teal btn-lg btn-event" role="button"><?php the_field('event_pack_button_text');?></a> 
     </div> 
     <div class="book-event-button" style="margin-top:20px;"> 
     <a href="<?php bloginfo('url'); ?>/youth-community/support-us/events/tips-tools/" target="_blank" class="btn btn-plum btn-lg btn-event" role="button">TIPS AND TOOLS</a> 
     </div> 
    </div>  



    <div class="col-md-9"> 
     <div class="page-header"> 
     <h1 itemprop="name"><?php the_title(); ?></h1> 
     <p itemprop="description"><?php the_field('event_description'); ?></p> 
     </div>  
    </div>  

    </div> 

Vous pouvez voir que j'ai essayé d'ajouter le balisage en utilisant itemtype et itemprop etc ... mais je vois beaucoup d'erreurs dans le vérificateur Google: https://search.google.com/structured-data/testing-tool

La page est ici: https://www.leicesterymca.co.uk/show/?showid=b74e95df-58f7-e611-80d7-00505601004c et je me demandais est l'information qui se propage sur deux DIVs était un problème ...

Toute indication serait grandement appréciée.

Answer 1

Il y a beaucoup de choses que vous devez modifier sur votre site pour remplir les directives du schéma.

J'ai essayé de vous donner la démo de votre site avec les données correctes.

<div class="container" itemscope itemtype="http://schema.org/TheaterEvent"> 

<div class="col-md-3"> 
    <div class="event-details"> 
     <h3>Event Info</h3> 
     <strong>Date: </strong><p itemprop="startDate">Sun 21 May 2017 19:30</p> 
     <strong>Time: </strong><p itemprop="duration">20:00</p> 
    </div> 
</div>  

<div class="col-md-9"> 
    <div class="page-header"> 
     <h1 itemprop="name">The Wild Swan World Tour</h1> 
     <div itemprop="location" itemscope="" itemtype="http://schema.org/PerformingArtsTheater"> 
      <meta itemprop="name" content="Shakespeare's Globe"/> 
      <meta itemprop="address" content="London, UK"/> 
     </div> 
     <p itemprop="description">Foy Vance knows how to write a song. It’s a naturally-born but dedicatedly-finessed skill that has led him to collaborate with artists as diverse as Plan B, Sheryl Crow and Rudimental, synced his music on multiple TV shows ranging from Grey’s Anatomy to the finale of Sons Of Anarchy, and caught the ears of some of the biggest players (in every sense) in music, from Elton John to Ed Sheeran.</p> 
    </div>  
</div>  

<div itemprop="workPerformed" itemscope="" itemtype="http://schema.org/CreativeWork"> 
    <div itemprop="creator" itemscope="" itemtype="http://schema.org/Person"> 
     <meta itemprop="name" content="William Shakespeare"/> 
    </div> 
</div> 

</div> 

S'il vous plaît noter que les propriétés Nom et emplacement doit exiger lorsque vous essayez d'afficher le schéma avec TheaterEvent.

Le format de la date et de l'heure doit être ISO 8601 date format.

Cependant, il y aura 4 avertissements lorsque vous testerez le code ci-dessus dans Schema Testing Tool mais que vous pouvez éviter s'il n'y a pas de telles données.

Vous pouvez vérifier plus avec démo dans le lien ci-dessus TheaterEvent.