Google Rich Snippets für Veranstaltungen

Erstelle "Google Rich Snippets" für Veranstaltungen mit schema.org. Hier findest du ein komplettes "schema.org Markup" für Veranstaltungen. In diesem Beispiel verwende ich die Auszeichnungssprachen schema.org. Dabei halte ich mich an die Google Vorgaben.

Veranstaltungsart

Als erstes müssen wir die "Veranstaltungsart" definieren. Es stehen folgende Arten zu verfügung:

  • http://schema.org/ComedyEvent
  • http://schema.org/Festival
  • http://schema.org/FoodEvent
  • http://schema.org/MusicEvent
  • http://schema.org/TheaterEvent
  • http://schema.org/SportsEvent
  • Vollständige Liste

Wir suchen für uns passende Veranstaltungsart aus und fügen diese unseren Markup hinzu: In diesem Beispiel verwende ich "https://schema.org/Event".

<!-- Event type -->
<html itemscope itemtype="https://schema.org/Event"></html>
<html itemscope itemtype="https://schema.org/MusicEvent"></html>
<html itemscope itemtype="https://schema.org/Festival"></html>

Veranstaltungsname

Als nächstes geben wir unseren Veranstaltungsnamen an. Grundsätzlich kann das "name " attribute mit jedem HTML-Element verwendet werden. Bei einer Einzelseite, kann der Veranstaltungsname auch in ein Meta-Tag gepackt werden.

<!-- Einzelseite -->
<html>
	<meta content="Event Name #1" itemprop="name" />
</html>

<!-- bei einer Auflistung-->
<body>
	<ul>	
		<li><h3 itemprop="name"> Event Name #1</h3></li>
		<li><h3 itemprop="name"> Event Name #2</h3></li>
		<li><h3 itemprop="name"> Event Name #3</h3></li>
	</ul>
</body>

Link zur Veranstaltungsunterseite/einzelseite

Jede Veranstaltung muss eine Einzelseite/Unterseite besitzen, diese muss nicht unbedingt auf der selben Domain liegen. Für die URL können wir entweder ein Anker oder ein Meta-Element verwenden.

<head>
	<meta content="#url.com" itemprop="URL">
</head>

<body>
	<a href="#url.com" itemprop="URL">Zum Event</a>
</body>

Der Veranstaltungsort ( location )

Der Veranstaltungsort muss für jedes Event angeben werden. Am besten man verwendet einen zusätzlichen schema.org Typ dafür: http://schema.org/Place

<body>
	<ul itemprop="location" itemscope itemtype="http://schema.org/Place">
		<li itemprop="name">Ortsname</li>
		<li itemprop="address">Straße 123, 12345 Ort</li>
	</ul>
</body>

Veranstaltungsbeginn ( startDate )

Hierbei brauche ich nicht viel zu erzählen. Man muss nur auf das richtige ISO Format achten: ISO 8601

<body>
	<p><time itemprop="startDate"  datetime="2015-09-25 15:00" >25.09.2015 15:00</time></p>
</body>

Der Eintrittspreis muss angegeben werden

Als letztes müssen wir noch den Eintrittspreis angeben. Dabei sind zwei attribute von Bedeutung "price" und "priceCurrency". Das "priceCurrency" muss in ISO_4217 zu verfügung stehen. Optional können wir die Veranstalter Webseite angeben.

Komplettes schema.org/Event Markup Beispiel

<html itemscope itemtype="https://schema.org/Event">
  
  <body>
  
    <div>
    	
      <div>
      
        <h1 itemprop="name"><a itemprop="URL" href="#">Veranstaltungsname</a></h1>
        <p><time itemprop="startDate"  datetime="2015-09-25 15:00" >25.09.2015 15:00</time></p>
      
      </div>
      	
      <div itemprop="location" itemscope itemtype="http://schema.org/Place">
      
         <p itemprop="name">Ortsname</p>
         <p itemprop="address">Straße 123, 12345 Ort</p>
         
      </div>
      	
      <div itemprop="offers" itemscope itemtype="http://schema.org/Offer">
      
		<p><span itemprop="price">99.99 </span><span itemprop="priceCurrency">EUR</span></p>
		<p><a itemprop="url" href="#">website</a></p>
		
      </div>
          
    </div>
  
  </body>
  
</html>

Weiterlesen: schema.org Weppage