Søgning Billeder Maps Play YouTube Gmail Drev Kalender Mere »
Log ind

Webmasterværktøjer

Oversigt

Om mikroformater

Markering af data ved hjælp af mikroformater

Mikroformater er simple konventioner (kendt som enheder), der anvendes på websider til at beskrive en bestemt type oplysninger – f.eks. en anmeldelse, en begivenhed, et produkt, en virksomhed eller en person. Hver enhed har sine egne egenskaber. En Person har f.eks. egenskaberne navn, adresse, stilling, virksomhed og e-mailadresse.

Generelt anvender mikroformaterne attributten class i HTML-tags (ofte <span> eller <div>) til at give korte og beskrivende navne til enheder og deres egenskaber. Her er et eksempel på en kort HTML-blok, der viser grundlæggende kontaktoplysninger for Bob Smith.

<div>
   <img src="www.example.com/bobsmith.jpg" />
   
   <strong>Bob Smith</strong>
   
   Redaktør på ACME Anmeldelser
   
   200 Main St
   
   Desertville, AZ 12345

</div>

Her er det samme HTML markeret med hCard-mikroformatet (Person). 

<div class="vcard">
   <img class="photo" src="www.example.com/bobsmith.jpg" />
   
   <strong class="fn">Bob Smith</strong>
   
   <span class="title">Redaktør</span> på <span class="org">ACME Anmeldelser</span>
   
   <span class="adr">
      <span class="street-address">200 Main St</span>
      
      <span class="locality">Desertville</span>, <span class="region">AZ</span>
      
      <span class="postal-code">12345</span>
   
   </span>
</div>

Sådan fungerer eksemplet.

  • På første linje angiver class="vcard", at HTML-koden mellem <div> beskriver en Person. (Mikroformatet, der bruges til at beskrive personer, kaldes hCard, og det refereres som vcard i HTML. Dette er ikke en tastefejl.)
  • Eksemplet beskriver egenskaber for personen, f.eks. et foto, navn, stilling, organisation og adresse. Til markering af egenskaber for personen, der beskrives i vcard'et, tildeles alle de elementer, der indeholder en af disse egenskaber (f.eks. <span>, <img> eller <title>), en class-attribut, der angiver en egenskab. fn beskriver f.eks. personens navn, og title beskriver vedkommendes stilling. (Artiklen i Hjælp for hver oplysningstype indeholder en fuld liste over genkendte egenskaber.)
  • Egenskaber kan indeholde andre egenskaber. I eksemplet ovenfor beskriver egenskaben adr personens adresse og medtager underegenskaberne street-address, locality, region og postal-code).

Indlejrede mikroformater

Det er almindeligt, at et mikroformat (f.eks. en anmeldelse) indeholder et andet (f.eks. anmelderens kontaktoplysninger). Eksemplet med anmeldelsen nedenfor indeholder oplysninger om Bob Smiths stilling og arbejdsgiver.

<div>
   <strong>Anmeldelse af Blast 'Em Up</strong>
   
   Af Bob Smith, redaktør på ACME Anmeldelser
   
   Bedømmelse: 4,5 ud af 5
   
   Her er et fedt spil.  Jeg nød det lige fra det
   
   første slag til det endelige opgør med de onde rumvæsner.

</div>

Her er den samme HTML-kode markeret med mikroformaterne hReview (anmeldelse) og hCard (person). Mikroformatet hCard (Person) indlejres i mikroformatet hReview (Anmeldelse) for at repræsentere oplysningerne om anmelderen Bob.

<div class="hreview">
   <span class="item">
      <strong class="item">Anmeldelse af <span class="fn">Blast 'Em Up</span></strong>
   
   </span>
   <span class="reviewer vcard">
      
      Af <span class="fn">Bob Smith</span>, <span class="title">Redaktør</span>
      
      på <span class="org">ACME Anmeldelser</span>
   
   </span>
   Bedømmelse: <span class="rating">4,5</span> ud af 5.
   
   <span class="description">Her er et fedt spil.  Jeg nød det lige fra
   første kampscene til det endelige opgør med de onde rumvæsner.</span>
</div>

Sådan fungerer eksemplet.

  • Anmeldelser beskrives med mikroformatet hReview, der skrives som class="hreview". Eftersom dette er en anmeldelse, er hele HTML-blokken medtaget i en div med attributten class="hreview".
  • Du kan bruge span class="reviewer" til at identificere anmelderen. I dette tilfælde vil vi også give yderligere oplysninger om anmelderen ved hjælp af mikroformatet vcard (person). Du kan gøre dette ved at placere reviewer og vcard på samme linje adskilt med et mellemrum, sådan her: <span class="reviewer vcard">. vcard-egenskaberne fn, title og org beskriver Bobs navn, stilling og den organisation, som han arbejder for.

Du kan få flere eksempler i Indlejrede enheder.

Usynligt indhold

Generelt viser Google ikke indhold, der ikke er synligt for brugeren. Med andre ord skal du lade være med at vise indhold til brugerne på én måde og bruge skjult tekst til at markere oplysninger til søgemaskiner og webprogrammer separat. Du skal markere den tekst, der vises for dine brugere, når de besøger dine websider.

I visse situationer kan det dog være en god ide at give søgemaskiner mere detaljerede oplysninger, selvom du ikke ønsker, at disse oplysninger kan ses af besøgende på din side. Hvis du f.eks. angiver længde- og breddegrad for et sted, kan det hjælpe Google med at sikre, at stedet bliver kortlagt korrekt. Hvis du oplyser datoen for en begivenhed i datoformatet ISO, kan det hjælpe med at sikre, at den vises korrekt i søgeresultater. I dette tilfælde kan du bruge mikroformaterne value class pattern. Overvej dette eksempel:

<span class="dtstart">
   <span class="value-title" title="2009-10-15T19:00-08:00" />

15. oktober kl. 19:00

</span>

Ved at inkludere <span class="value-title" title="2009-10-15T19:00-08:00" /> i blokken med class="dtstart" angiver du, at parseren for udvidede uddrag skal bruge værdien i attributten title til at finde startdatoen for begivenheden. Datoen i attributten title kan repræsenteres ved hjælp af datoformatet ISO uden at påvirke den måde, datoen vises på til brugerne.

Ved specifikke udtryk og eksempler kan du se:

Kontrollér dine markeringer med testværktøjet til strukturerede data.

opdateret 05/27/2013

Relaterede