Strukturierung von Daten auf Webseiten

Die Initiative schema.org hat eine einheitliche Ontologie zur Strukturierung von Daten auf Webseiten entwickelt. Zu dieser Initiative gehören mittlerweile die Suchmaschinen von Google, Bing, Yahoo und Yandex. schema.org verwendet für die Strukturierung von HTML-Dateien maschinenlesbare Informationen (HTML Microdata) und RDF (formale Sprache zur Bereitstellung von Metadaten)

Daten und Webseiteninhalte werden somit von Suchmaschinen besser erkannt, es können relevantere Suchergebnisse angezeigt werden. Bei der Kennzeichnung wird in verschiedene englischsprachige Kategorien eingeteilt. Hierzu gehören unter anderem:

  • Gestalterisches: CreativeWork, Book, Movie, MusicRecording, Recipe, TVSeries ...
  • Eingebettete Medien: AudioObject, ImageObject, VideoObject
  • Veranstaltungen: Event
  • Organization
  • Person
  • Place, LocalBusiness, Restaurant ...
  • WebPage

Die komplette Übersicht aller Kategorien finden Sie auf schema.org/docs/full.html

Beispiel

Für eingebette Videodateien wird die Kategorie VideoObject verwendet, zu welcher u. a. nachstehende Eigenschaften gehören:

  • caption (Beschriftung)
  • thumbnailURL (Link zum Vorschaubild)
  • contentURL (Link zur Videodatei)
  • duration (Dauer)
  • videoFrameSize (Videobildgröße)
  • videoQuality (Videoqualität)
  • uploadDate (Veröffentlichungsdatum)

Quellcode vorher

<h6>Beispielvideo: Hotel Weißer Hirsch</h6>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="400" height="247" id="ADIVI_Player">
<param name="movie" value="http://andweb.de/video/hotel_weisser_hirsch/AdiviPlayer/ADIVI_Player.swf" />
<param name="quality" value="high" />
<param name="bgcolor" value="#ffffff" />
<param name="allowScriptAccess" value="sameDomain" />
<param name="allowFullScreen" value="false" />
<param name="flashvars" value="docId=142&baseConnect=http://andweb.de/video/hotel_weisser_hirsch/AdiviPlayer&standAlone=1&enableNavigation=0&enableHint=0"/>
<!--[if !IE]> -->
<object type="application/x-shockwave-flash" data="http://andweb.de/video/hotel_weisser_hirsch/AdiviPlayer/ADIVI_Player.swf" width="400" height="247">
<!-- Player -->
<param name="quality" value="high" />
<param name="bgcolor" value="#ffffff" />
<param name="allowScriptAccess" value="sameDomain" />
<param name="allowFullScreen" value="false" />
<param name="flashvars" value="docId=142&baseConnect=http://andweb.de/video/hotel_weisser_hirsch/AdiviPlayer&standAlone=1&enableNavigation=0&enableHint=0"/>
<!--<![endif]-->
<!--[if gte IE 6]> -->
<p> Either scripts and active content are not permitted to run or Adobe Flash Player version 10.1.0 or greater is not installed. </p>
<!--<![endif]-->
<a href="http://get.adobe.com/de/flashplayer/">
<img src="http://wwwimages.adobe.com/www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash Player" /></a>
<!--[if !IE]> -->
</object>
<!--<![endif]-->
</object>
<br /><br />
<p>Lernen Sie in diesem ADIVI-Video das Hotel Weißer Hirsch in Wernigerode kennen.</p>

Quellcode nachher

<span itemprop="video" itemscope itemtype="http://schema.org/VideoObject">
<h6>Beispielvideo: <span itemprop="name">Hotel Weißer Hirsch</span></h6>
<meta itemprop="duration" content="T3M28S" />
<meta itemprop="thumbnailUrl" content="img/hotel_weisser_hirsch.jpg" />
<meta itemprop="contentURL" content="http://www.andweb.de/video/hotel_weisser_hirsch/AdiviPlayer/assets/
       data/imagefilm%20hotel%20weißer%20hirsch%20wernigerode.mp4" />
<meta itemprop="embedURL" content="http://andweb.de/video/hotel_weisser_hirsch/AdiviPlayer/ADIVI_Player.swf" />
<meta itemprop="uploadDate" content="2015-04-26T07:00:00+01:00" />
<meta itemprop="expires" content="2016-01-30T19:00:00+01:00" />
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="400" height="247" id="ADIVI_Player">
<param name="movie" value="http://andweb.de/video/hotel_weisser_hirsch/AdiviPlayer/ADIVI_Player.swf" />
<param name="quality" value="high" />
<param name="bgcolor" value="#ffffff" />
<param name="allowScriptAccess" value="sameDomain" />
<param name="allowFullScreen" value="false" />
<param name="flashvars" value="docId=142&baseConnect=http://andweb.de/video/hotel_weisser_hirsch/AdiviPlayer&standAlone=1&enableNavigation=0&enableHint=0"/>
<!--[if !IE]> -->
<object type="application/x-shockwave-flash" data="http://andweb.de/video/hotel_weisser_hirsch/AdiviPlayer/ADIVI_Player.swf" width="400" height="247">
<!-- Player -->
<param name="quality" value="high" />
<param name="bgcolor" value="#ffffff" />
<param name="allowScriptAccess" value="sameDomain" />
<param name="allowFullScreen" value="false" />
<param name="flashvars" value="docId=142&baseConnect=http://andweb.de/video/hotel_weisser_hirsch/AdiviPlayer&standAlone=1&enableNavigation=0&enableHint=0"/>
<!--<![endif]-->
<!--[if gte IE 6]> -->
<p> Either scripts and active content are not permitted to run or Adobe Flash Player version 10.1.0 or greater is not installed. </p>
<!--<![endif]-->
<a href="http://get.adobe.com/de/flashplayer/">
<img src="http://wwwimages.adobe.com/www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash Player" /></a>
<!--[if !IE]> -->
</object>
<!--<![endif]-->
</object>
<br /><br />
<span itemprop="description">Lernen Sie in diesem ADIVI-Video das Hotel Weißer Hirsch in Wernigerode kennen.</span>
nach
oben