Структурированная разметка схемы

Я пытаюсь применить структурированную разметку к TheatreEvent. Вот код, с которым я работаю:

 <!-- 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>

Как видите, я пытался добавить разметку, используя itemtype, itemprop и т. Д., Но я вижу много ошибок в программе проверки Google: https://search.google.com/structured-data/инструменттестирования

Страница находится здесь: https://www.leicesterymca.co.uk/show/?showid=b74e95df-58f7-e611-80d7-00505601004c, и мне было интересно, была ли проблема с распространением информации по двум DIV ...

Приветствуются любые рекомендации.


person Shaun Taylor    schedule 18.05.2017    source источник


Ответы (1)


Есть много вещей, которые вы должны изменить на своем сайте, чтобы соответствовать руководству по схеме.

Я попытался предоставить вам демонстрацию с вашего сайта с соответствующими данными.

<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>

Обратите внимание, что свойства Name и Location должны потребоваться, когда вы пытаетесь отобразить схему с помощью TheaterEvent.

Формат даты и времени должен быть форматом даты ISO 8601.

Тем не менее, при тестировании приведенного выше кода в Schema Testing Tool будет 4 предупреждения, но их можно избежать, если таких данных нет.

Вы можете проверить больше с демо по ссылке выше TheaterEvent.

person Kaushal Gajjar    schedule 19.05.2017