Webmaster-Tools

Im Folgenden noch einmal der gleiche HTML-Code mit Mikrodaten-Auszeichnungen:

<div itemscope itemtype="http://data-vocabulary.org/Person">
  Mein Name ist <span itemprop="name">Michael Mayer</span>, 
  aber die meisten Leute nennen mich <span itemprop="nickname">Mike</span>.
  Hier ist meine Website: 
  <a href="http://www.example.com" itemprop="url">www.example.com</a>.
  
  Ich lebe in 
  <span itemprop="address" itemscope
    itemtype="http://data-vocabulary.org/Address">
    <span itemprop="locality">München</span> in 
    <span itemprop="region">Bayern</span> 
   
  </span>
  und arbeite als <span itemprop="title">Ingenieur</span>
  
  bei der Firma <span itemprop="affiliation">MÜLLER-LÜDENSCHEID</span>.
  
  Meine Freunde:
  <a href="http://dani-blog.example.com" rel="friend">Dani</a>,
    
  <a href="http://edna-blog.example.com" rel="friend">Miri</a>

</div>

Erklärung:

• In der ersten Zeile gibt <itemscope itemtype="http://www.data-vocabulary.org/Person"> an, dass der zwischen den <div>-Tags befindliche HTML-Code eine Person beschreibt. itemscope gibt an, dass der Inhalt des <div>-Bereichs ein Element angibt und itemtype="http://www.data-vocabulary.org/Person" gibt an, dass es sich bei dem Element um eine Person handelt. person kann zur Darstellung des Mikroformats vcard verwendet werden.
• Das Beispiel beschreibt die Eigenschaften der Person, wie etwa Name, Alias und Berufsbezeichnung. Zur Kennzeichnung der Personeneigenschaften wird jedem Element mit einer dieser Eigenschaften, etwa <div> oder <span>, ein itemprop-Attribut zugewiesen. Diese Attribute geben eine Eigenschaft an. Zum Beispiel: <span itemprop="nickname">.
• Eine Eigenschaft kann ein weiteres Element enthalten, das heißt, ein Element kann andere Elemente umfassen. Die Informationen über diese Person schließen eine Adresse (itemtype="http://www.data-vocabulary.org/Address") mit den Eigenschaften locality und region ein.
• Die XFN-Eigenschaft rel="friend" beschreibt Michaels Beziehung zu Dani und Miri.

Im Folgenden noch einmal der gleiche HTML-Content mit Auszeichnungen des Mikroformats hCard:

<div class="vcard">
   Mein Name ist
   
   <span class="fn">Michael Mayer</span>,
   
   aber die meisten Leute nennen mich
   
   <span class="nickname">Mike</span>.
   
   Hier ist meine Website:
   <a href="http://www.example.com" class="url">www.example.com</a>.
   
   Ich lebe in 
   
   <span class="adr">
      <span class="locality">München</span> in
      
      <span class="region">Bayern</span>
   
   </span>
   und arbeite als
   <span class="title">Ingenieur</span> bei der Firma
   
   <span class="org">MÜLLER-LÜDENSCHEID</span>.
   
   Meine Freunde:
   <a href="http://dani-blog.example.com" rel="friend">Dani</a>,
   
   <a href="http://edna-blog.example.com" rel="friend">Miri</a>

</div>

Erklärung:

• In der ersten Zeile gibt class="vcard" an, dass der HTML-Code zwischen den <div>-Tags Kontaktdaten beschreibt, in diesem Fall Kontaktdaten einer Person.

  Das zur Beschreibung von Kontaktdaten verwendete Mikroformat wird hCard genannt und im HTML-Code mit vcard bezeichnet. Dabei handelt es sich nicht um einen Tippfehler.

• Im Beispiel werden Eigenschaften der Person beschrieben, wie etwa Foto, Name, Berufsbezeichnung, Organisation und Adresse. Zur Kennzeichnung der Eigenschaften der durch die vcard beschriebenen Person wird jedem Element mit einer dieser Eigenschaften, wie etwa <span> oder <div>, ein class-Attribut zugewiesen. Diese Attribute geben eine Eigenschaft an. Die vcard beschreibt Michaels Namen (fn), seine Berufsbezeichnung (title) und die Organisation, für die er arbeitet (org).
• Eigenschaften können weitere Eigenschaften enthalten. Im oberen Beispiel beschreibt die Eigenschaft adr die Adresse der Person. Darüber hinaus weist sie die Untereigenschaften locality und region auf.
• Die XFN-Eigenschaft rel="friend" beschreibt Michaels Beziehung zu Dani und Miri.

Im Folgenden noch einmal die gleichen HTML-Inhalte mit RDFa-Markup:

<div xmlns:v="http://rdf.data-vocabulary.org/#" typeof="v:Person">
   
   Mein Name ist <span property="v:name">Michael Mayer</span>, 
   
   aber die meisten Leute nennen mich <span property="v:nickname">Mike</span>.
   
   Hier ist meine Website:
   
   <a href="http://www.example.com" rel="v:url">www.example.com</a>.
   Ich lebe in
   <span rel="v:address">
      <span typeof="v:Address">
         <span property="v:locality">München</span> in
         
         <span property="v:region">Bayern</span>
      
      </span>
   </span>
   und arbeite als <span property="v:title">Ingenieur</span>
   
   bei der Firma <span property="v:affiliation">MÜLLER-LÜDENSCHEID</span>.
   
   Meine Freunde:
   <a href="http://darryl-blog.example.com" rel="v:friend">Dani</a>,
   
   <a href="http://edna-blog.example.com" rel="v:friend">Miri</a>

</div>

Erklärung:

• Das Beispiel beginnt mit einer Namespace-Deklaration über xmlns. Hiermit wird der Namespace angegeben, in dem das Vokabular – eine Liste der Entitäten und ihrer Komponenten – festgelegt wird. Sie können die Namespace-Deklaration xmlns:v="http://rdf.data-vocabulary.org/#" immer verwenden, wenn Sie Seiten im Hinblick auf Personen-, Beurteilungs- oder Standortdaten auszeichnen. Vergessen Sie am Ende nicht den Schrägstrich und die abschließende Raute (#) (xmlns:v="http://rdf.data-vocabulary.org/#").
• Ebenfalls in der ersten Zeile gibt typeof="v:Person" an, dass der mit Auszeichnungen ergänzte Content eine Person beschreibt.
• Jede Eigenschaft der Person, etwa Name und Alias, wird mithilfe von property gekennzeichnet. Dem Eigenschaftennamen wird das Präfix v vorangestellt: (<span property="v:nickname">).
• Michaels Adresse (typeof="v:Address") soll in die Entität typeof="v:Person" aufgenommen werden. Hier wird rel statt property verwendet, um eine Beziehung zwischen Michael (die Entität v:Person) und dieser Adresse (die Entität v:Address) anzugeben. Anschließend wird <span typeof="v:Address"> eingefügt, um die eigentliche Adressenentität aufzunehmen.
• Die XFN-Eigenschaft rel="friend" beschreibt Michaels Beziehung zu Dani und Miri.