HTML/Universalattribute/itemprop-Mikrodaten

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche

Mikrodaten (engl. Microdata) sind ein Versuch HTML-Markup einfacher mit Metadaten in Form von maschinenlesbaren Attributen zu verbinden als mit RDF.[1][2]. Suchmaschinen, WebCrawler und Browser sollen diese Mikrodaten auslesen und weiterverarbeiten. Suchmaschinen wird zum Beispiel durch den direkten Zugang zu strukturierten Daten das Verständnis erleichtert. Dies ermöglicht das bessere Finden von relevanten Suchergebnissen.

Inhaltsverzeichnis

[Bearbeiten] items

Mikrodaten benutzen ein unterstützendes Vokabular nach schema.org um items zu beschreiben und Attribute mit spezifischen Namen Werte zuzuweisen.[3]

[Bearbeiten] itemscope

Ein mit Mikrodaten versehener Webseitenabschnitt wird mit dem Standalone-Attribut items (W3C) oder itemscope (WHATWG) eingeleitet.

Beispiel
<article itemscope>
  <h1 itemprop="title">
    <time datetime="2015-03-11" itemprop="date">11.03.2015</time> 
    +++ Innovativer Computer
  </h1>
  <p itemprop="teaser">Das erfolgreiche Startup-Unternehmen CompEx stellte heute einen neuen 
                       bahnbrechenden Computer vor.</p>  
  <p><img itemprop="picture" src="bild.png" alt=""></p>
  <div itemprop="content">
    <p>Auf der Technikmesse  in Hannover... usw.</p>
  </div>
  <footer>
    <p>Quelle: <span itemprop="source">web-agentur</span></p>
  </footer>
</article>

[Bearbeiten] itemtype

Sie können mit dem itemtype-Attribut ein vorgegebenes Schema von schema.org verwenden, um damit ein allgemeingültiges, von Suchmaschinen und Crawlern verstandenes Vokabular anzuwenden.[4]

[Bearbeiten] itemprop

Mit dem itemprop-Attribut können Sie Standardelementen wie div, h1, h2, p, etc. eine weitere Eigenschaft (property) geben. Der dem Attribut zugewiesene Wert ist der Bezeichnername. Im obigen Beispiel gibt es Properties wie title (Titel), date (Datum), teaser (Aufmacher), picture (Grafik), content (Nachrichteninhalt) und source (Quellenangabe).

Dem Bezeichnernamen zugeordnet sind:

  • im Allgemeinen die Inhalte der jeweiligen Elemente
  • bei Links, Bildern und Videos die referenzierte URL
  • beim time-Element nicht der Elementinhalt, sondern der Attributwert von datetime, da dieser präziser ist.


[Bearbeiten] Quellen

  1. WHATWG: microdata
  2. W3C: microdata
  3. schema.org Getting started with schema.org using Microdatas
  4. schema.org Organization of Schemas

[Bearbeiten] Weblinks

Einführung auf deutsch:

Weitere Links:

[Bearbeiten] Forum

Meine Werkzeuge
Namensräume

Varianten
Aktionen
Übersicht
Index
Mitmachen
Werkzeuge
Spenden
SELFHTML