구조화 된 마크 업

Question

TheatreEvent에 구조화 된 마크 업을 적용하려고합니다. Heres는 내가 함께 일하고 있어요 코드 : https://search.google.com/structured-data/testing-tool

:

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

당신은 내가 itemprop에 등을 나타내고 itemtype 등을 사용하여 마크 업을 추가하는 것을 시도했다 ...하지만 난 구글 검사에서 오류를 많이보고 있어요 볼 수 있습니다

페이지는 여기 : https://www.leicesterymca.co.uk/show/?showid=b74e95df-58f7-e611-80d7-00505601004c 그리고 나는 두 DIV 이상으로 퍼지는 정보가 문제 였는지 궁금해했습니다 ...

모든 안내는 크게 감사하겠습니다.

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

그 이름을 유의하시기 바랍니다 당신이 TheaterEvent와 스키마를 표시하려고 할 때 위치 속성을 필요로한다.

날짜 및 시간 형식은 ISO 8601 date format이어야합니다.

위의 코드를 Schema Testing Tool에서 테스트 할 때 여전히 4 개의 경고가 있지만 이러한 데이터가없는 경우에는 피할 수 있습니다.

위의 TheaterEvent 링크에서 데모로 더 확인할 수 있습니다.