Dr. Web Logo. Untertext: Seit 1997.
  • Beste Agenturen
  • Agentur-Standorte von A bis Z 🌇
  • Magazin
  • Newsletter 📩
  • Login
  • Agentur bewerben ✅
  • Kontakt
  • Werben 🎉
  • Sponsored Post
  • Jobs
Menü
  • Beste Agenturen
  • Agentur-Standorte von A bis Z 🌇
  • Magazin
  • Newsletter 📩
  • Login
  • Agentur bewerben ✅
  • Kontakt
  • Werben 🎉
  • Sponsored Post
  • Jobs
  • Werben
  • Gastbeitrag
  • Sponsored Post
  • Kontakt
  • Login
  • Newsletter
Suche
  • Beste Agenturen
  • Agentur-Standorte
      Beste Agenturen Augsburg Altstadt von oben.

      Augsburg

      Blick auf die Mittlere Brücke in Basel bei Sonnenaufgang.

      Basel

      Berlin bei Nacht, Blick von oben Richtung Fernsehturm.

      Berlin

      Das Ruhrstadion in Bochum von oben, bei Sonnenuntergang.

      Bochum

      Bonn von oben, mit Blick auf den Rhein.

      Bonn

      Dortmund von oben Panoramafoto.

      Dortmund

      Blick auf die Elbufer-Promenade Dresdens sowie Frauenkirche und Zwinger.

      Dresden

      Duisburg Innenhafen bei Sonnenuntergang.

      Duisburg

      Düsseldorf von oben mit Blick auf den Fernsehturm.

      Düsseldorf

      Die Skyline von Essen von oben.

      Essen

      Blick von oben auf das Bankenviertel in Frankfurt am Main.

      Frankfurt am Main

      Freiburg Innenstadt vom Münster aus fotografiert mit Blick Richtung Schlossberg und Sonnenuntergang..

      Freiburg im Breisgau

      Hamburg bei Nacht, Blick auf die Speicherstadt.

      Hamburg

      Blick auf das Neue Rathaus, Hannover.

      Hannover

      Agenturen in Innsbruck von oben mit Blick auf die Alpen.

      Innsbruck

      Karlsruhe von oben

      Karlsruhe

      Sonnenuntergang in Köln mit Blick auf den Dom. Im Vordergrund die Hohenzollernbrücke.

      Köln

      Leipzig Innenstadt bei Sonnenuntergang und von oben.

      Leipzig

      München bei Fön mit Blick in die bayerischen Alpen.

      München

      Nürnberg Altstadt Stadtmauer von oben

      Nürnberg

      Blick auf das Flussufer der Innenstadt von Regensburg bei Nacht.

      Regensburg

      Agenturen Salzburg: Blick auf die Altstadt und die Hohensalzburg.

      Salzburg

      Stuttgart von oben.

      Stuttgart

      Wien von oben. Blick auf den Stephansdom.

      Wien

      Zürich von oben.

      Zürich

  • Magazin
    • Content Marketing
    • CSS
    • E-Commerce
    • E-Mail-Marketing
    • Freelancer
    • Fotografie
    • HTML
    • Online-Marketing
    • Responsive Design
    • SEO
    • UX Design
    • Webdesign
    • Website erstellen
    • WordPress
    • Dr. Web Autoren
  • Jobs
Menü
  • Magazin
    • Content Marketing
    • CSS
    • E-Commerce
    • E-Mail-Marketing
    • Freelancer
    • Fotografie
    • HTML
    • Online-Marketing
    • Responsive Design
    • SEO
    • UX Design
    • Webdesign
    • Website erstellen
    • WordPress
    • Dr. Web Autoren
  • Jobs
Agentur eintragen →
Dr. Web Logo. Untertext: Seit 1997.
  • Beste Agenturen
  • Agentur-Standorte
      Beste Agenturen Augsburg Altstadt von oben.

      Augsburg

      Blick auf die Mittlere Brücke in Basel bei Sonnenaufgang.

      Basel

      Berlin bei Nacht, Blick von oben Richtung Fernsehturm.

      Berlin

      Das Ruhrstadion in Bochum von oben, bei Sonnenuntergang.

      Bochum

      Bonn von oben, mit Blick auf den Rhein.

      Bonn

      Dortmund von oben Panoramafoto.

      Dortmund

      Blick auf die Elbufer-Promenade Dresdens sowie Frauenkirche und Zwinger.

      Dresden

      Duisburg Innenhafen bei Sonnenuntergang.

      Duisburg

      Düsseldorf von oben mit Blick auf den Fernsehturm.

      Düsseldorf

      Die Skyline von Essen von oben.

      Essen

      Blick von oben auf das Bankenviertel in Frankfurt am Main.

      Frankfurt am Main

      Freiburg Innenstadt vom Münster aus fotografiert mit Blick Richtung Schlossberg und Sonnenuntergang..

      Freiburg im Breisgau

      Hamburg bei Nacht, Blick auf die Speicherstadt.

      Hamburg

      Blick auf das Neue Rathaus, Hannover.

      Hannover

      Agenturen in Innsbruck von oben mit Blick auf die Alpen.

      Innsbruck

      Karlsruhe von oben

      Karlsruhe

      Sonnenuntergang in Köln mit Blick auf den Dom. Im Vordergrund die Hohenzollernbrücke.

      Köln

      Leipzig Innenstadt bei Sonnenuntergang und von oben.

      Leipzig

      München bei Fön mit Blick in die bayerischen Alpen.

      München

      Nürnberg Altstadt Stadtmauer von oben

      Nürnberg

      Blick auf das Flussufer der Innenstadt von Regensburg bei Nacht.

      Regensburg

      Agenturen Salzburg: Blick auf die Altstadt und die Hohensalzburg.

      Salzburg

      Stuttgart von oben.

      Stuttgart

      Wien von oben. Blick auf den Stephansdom.

      Wien

      Zürich von oben.

      Zürich

Agentur eintragen →
Dr. Web » Webdesign » Mikroformate im Detail

Mikroformate im Detail

Frank Rohse Der neueste Trend im Webdesign, SEO-Wunderwaffe oder nur ein neues Buzzword? Was hat es mit den Mikroformaten auf sich? "Ein Markup-Format zur semantischen Annotation von HTML oder XHTML" sagt Wikipedia. Nun damit kann man auf den ersten Blick...

Sozial sein
Share on facebook
Share on twitter
Share on linkedin
Share on xing
Share on whatsapp
Share on email
  • Keine Kommentare
Lesedauer: 2 Minuten
  • von Dr. Web Redaktion
  • 24. Oktober 2006
Bookmarke mich
Share on pocket

wp-agentur.de | WordPress-Agentur

SEO-Sicht

Orange Services

Homepage & Design Heroes GmbH

BIZ Digital Marketing

DRWA Das Rudel Werbeagentur

Nur ein Trend im Webdesign, SEO-Wunderwaffe oder nur ein neues Buzzword? Was hat es mit den Mikroformaten auf sich?

„Ein Markup-Format zur semantischen Annotation von HTML oder XHTML“ sagt Wikipedia. Nun damit kann man auf den ersten Blick nicht viel anfangen. Es geht um einen Satz offener Datenformate, die auf bestehende, weitverbreitete Standards aufsetzen mit dem Ziel, Informationen maschinenlesbar zu machen. Das bedeutet, Daten auf einer Webseite sollen automatisch gelesen, gesammelt und ausgewertet werden.

Um die eigenen Inhalte mit Mikroformaten zugänglich zu machen, bleibt praktischerweise erstmal alles beim alten: Webseiten werden nach wie vor in (standardkonformem) HTML, XHTML und CSS geschrieben. Damit die Zusammenarbeit mit den automatischen Datensammlern funktioniert werden die Daten dann mit dem passenden, vordefinierten Tag versehen. Da es sich um ein offenes Datenformat handelt, kann im Prinzip jede Anwendung ihr eigenes Mikroformat definieren – durchsetzen können sich letztendlich nur die Formate, die auch genutzt werden.

In der Praxis
Schon seit 1995 werden Kontaktinformation per E-Mail im so genannten vCard-Format weitergegeben. Das Format beherrschen heute so gut wie alle E-Mail Clients. Eine der ersten Mikroformat-Anwendungen ist die Ausweitung dieses Formats auf das Internet (hCard). Mit dem hCard Mikroformat lesen entsprechende Anwendungen Kontakdaten direkt von der Webseite und füttern damit zum Beispiel eine Adressdatenbank. Zum Einsatz kommt das etwa bei Yahoo und Flickr.

hCard Mikroformat Beispiel

 <div class="vcard">
  <a class="url fn" href="http://wwwland.de/"> Max
Mustermann </a>
  <div class="org">wwwland.de</div>
  <div class="email">mustermann@email.com</div>
</div>

Genauer betrachet, besteht das hCard Mikroformat aus gewöhnlichen CSS-Klassen (class=“ „ ). Der Klassenname gibt Auskunft darüber, welche Information übermittelt wird, die Bedeutung der tags ist fast unmittelbar einsichtig. Hier wurde die Visitenkarte von Max Mustermann mit Webadresse, Organisation und E-Mail Adresse angelegt.

Neben der hCard sind die Mikroformate hCalendar, hAtom und hReview bereits weit verbreitet. Außer den zusammengesetzten (compound) Mikroformaten nach CSS-Art, haben sich, besonders in der Blogger-Szene, die sog. rel-tag und XFN Mikroformate etabliert.

rel-tag Mikroformat Beispiel

      <a href="http://drweb.de/" rel="tag">webworker</a>

Der Seite drweb.de wird der tag Webworker zugewiesen. Schon das seit langem bekannte rel=“no-follow“, das Suchmaschinen-Bots davon abhalten soll, Links auf der Seite weiter zu verfolgen, ist in Wirklichkeit ein rel-tag Mikroformat.

XFN-tag Mikroformat Beispiel

      <a href="http://angela-merkel.de/"
rel="muse">Angie</a>
<a href="http://drweb.de/" rel="friend colleague
met">Sven</a>

XFN-tags (XFN steht für XHTML Friends Network) geben die Beziehung zwischen Personen an. Die Inhaberin der ersten Seite ist Muse für den Linksetzer, der zweite Link gilt einem befreundeten Kollegen, dem er auch schon begegnet ist. Eine Übersicht über alle Formate gibt das Microformats-Cheatsheet von Brian Suda.

Datenschutz
Offene Mikroformate sind dazu gedacht, Daten im großen Maßstab auszutauschen. Mit der Vision, Daten aus verschiedenen Quellen sinnvoll zu verknüpfen und zugänglich zu machen, rückt das vielbeschworene Semantische Web näher. Die überall auftauchenden Verknüpfungen von geographischen Daten aus Google-Maps mit Adressen und Daten aus anderen Quellen zeigen, welche Anwendungen möglich sind – und das ist sicher erst der Anfang einer gerade beginnenden Entwicklung. Auf der anderen Seite ahnt man schon das kommende Spammer-Paradies, in dem es noch nie so leicht war, qualifizierte Daten zu sammeln. Und die Suchmaschinen?

SEO-Wunderwaffe sind Mikroformate höchstens indirekt. Auf den Google-Page-Rank hat das Anbringen von Tags alleine keinen großen Einfluss. Wichtig werden Mikroformate, wenn durch die bewusste Nutzung von Microformats (Beispiel Technorati) interessante Inhalte besser gefunden und von vielen kommentiert und verlinkt werden – das bemerkt dann schließlich auch Google. ™

Links und Material zum Thema:

  • Offizielle Homepage
  • Microformats Cheat Sheet
  • Dreamweaver Extension für Microformats
  • Tails Export Firefox Plugin, das Mikroformate anzuzeigt und exportiert
  • hCard Creator
  • hCalender Creator
  • hReview Creator

Erstveröffentlichung 24.10.2006

Wie hilfreich war dieser Beitrag?

Klicke auf die Sterne um zu bewerten!

Durchschnittliche Bewertung 0 / 5. Anzahl Bewertungen: 0

Dr. Web Redaktion

Dr. Web Redaktion

An einem „Dr. Web Redaktion“ Artikel arbeiten i.d.R. mehrere Autoren, unter anderem Michael Dobler, Markus Seyfferth und Jörg Mrusek.

Agenturpartner

Trendmarke GmbH

Stuttgart

pictibe – Werbeagentur & Marketingagentur

Köln

AdsMasters GmbH

Düsseldorf

aeosys

Soest

WPSteinheisser Photography

Ludwigsburg

Alle Agenturpartner

Jobs

Frontend-Entwickler Angular, React

Bonn

Senior SEO Manager

München

Online Marketing Manager

Innsbruck

Grafik-Designerin

Freiburg im Breisgau

SEA Manager in München

München

Zum richtigen Job

Newsletter

Tipps, Tricks, Ratgeber. Unser Newsletter: Jeden Dienstag frisch gedruckt in Deinem Mail-Postfach.

Lust auf mehr? Wir empfehlen folgende Artikel:

Webdesign Trends 2022: Das erwartet uns

Animation, Interaktion und Immersion: Das neue Jahr bringt zahlreiche Trends im Webdesign mit sich und entwickelt einzelne Bereiche weiter. Bereits jetzt ist klar – in Sachen Webdesign-Trends hat das Jahr 2022 einiges zu bieten.

 →   

Google Fonts sind nicht mehr datenschutzkonform. Was nun?

Mit dem Urteil des Landgerichts München vom 20.01.2022 ist nun auch die Verwendung von Google Fonts über die Fonts API nicht mehr datenschutzkonform. Zeit sich nach einer Lösung umzusehen, wie Du dennoch Google Fonts weiterhin einsetzen kannst.

 →   

Dunkel Design – herzlich willkommen auf Dr. Web

Wir freuen uns, dass Moritz Dunkel mit seiner Agentur DNKL.DSGN aus Köln an Bord ist. Moritz Dunkel von Dunkel Design verstärkt unser Agentur-Netzwerk. Inhaltsstarke Seiten

 →   

Schreibe einen Kommentar Antworten abbrechen

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert

Dr. Web Logo weiss.

Pionier für Digitale Transformation. Seit 1997. ✅  Wissen, Tipps, Ratgeber, Dienstleister: Wir bringen wir die digitale Transformation von Unternehmen praxisnah voran.

Share on facebook
Share on twitter
Share on linkedin
Share on xing
Share on whatsapp
Share on email

Wissen finden

  • Dr. Web Autoren
  • Amazon SEO
  • Content Marketing
  • CMS
  • CSS
  • Digitalisierung
  • E-Commerce
  • Freelancer
  • Jobs & Karriere
  • Online-Marketing
  • SEO
  • UX Design
  • Webdesign
  • Website erstellen
  • WordPress
  • WooCommerce
Menü
  • Dr. Web Autoren
  • Amazon SEO
  • Content Marketing
  • CMS
  • CSS
  • Digitalisierung
  • E-Commerce
  • Freelancer
  • Jobs & Karriere
  • Online-Marketing
  • SEO
  • UX Design
  • Webdesign
  • Website erstellen
  • WordPress
  • WooCommerce

Rechtliches

  • Datenschutzerklärung
  • Geschäftsbedingungen (AGB)
  • Impressum
  • Kontakt
  • Nach oben ↑
Menü
  • Datenschutzerklärung
  • Geschäftsbedingungen (AGB)
  • Impressum
  • Kontakt
  • Nach oben ↑

Für Agenturen & Unternehmer

  • Als Agentur eintragen
  • Beste Agenturen finden
  • Städte: von A bis Z.
  • Agenturen in Augsburg
  • Agenturen in Basel
  • Agenturen in Berlin
  • Agenturen in Bochum
  • Agenturen in Bonn
  • Agenturen in Bremen
  • Agenturen in Dortmund
  • Agenturen in Dresden
  • Agenturen in Duisburg
  • Agenturen in Düsseldorf
  • Agenturen in Essen
  • Agenturen in Frankfurt am Main
  • Agenturen in Freiburg
  • Agenturen in Hamburg
  • Agenturen in Hannover
  • Agenturen in Innsbruck
  • Agenturen in Karlsruhe
  • Agenturen in Köln
  • Agenturen in Leipzig
  • Agenturen in München
  • Agenturen in Münster
  • Agenturen in Nürnberg
  • Agenturen in Offenbach am Main
  • Agenturen in Regensburg
  • Agenturen in Salzburg
  • Agenturen in Stuttgart
  • Agenturen in Wien
  • Agenturen in Zürich
  • Digitalagentur finden
  • Webdesign-Agentur finden
  • Werbeagentur finden
Menü
  • Als Agentur eintragen
  • Beste Agenturen finden
  • Städte: von A bis Z.
  • Agenturen in Augsburg
  • Agenturen in Basel
  • Agenturen in Berlin
  • Agenturen in Bochum
  • Agenturen in Bonn
  • Agenturen in Bremen
  • Agenturen in Dortmund
  • Agenturen in Dresden
  • Agenturen in Duisburg
  • Agenturen in Düsseldorf
  • Agenturen in Essen
  • Agenturen in Frankfurt am Main
  • Agenturen in Freiburg
  • Agenturen in Hamburg
  • Agenturen in Hannover
  • Agenturen in Innsbruck
  • Agenturen in Karlsruhe
  • Agenturen in Köln
  • Agenturen in Leipzig
  • Agenturen in München
  • Agenturen in Münster
  • Agenturen in Nürnberg
  • Agenturen in Offenbach am Main
  • Agenturen in Regensburg
  • Agenturen in Salzburg
  • Agenturen in Stuttgart
  • Agenturen in Wien
  • Agenturen in Zürich
  • Digitalagentur finden
  • Webdesign-Agentur finden
  • Werbeagentur finden
Das große Dr. Web Icon-Set: 970+ Icons, im SVG-Format​

Lade Dir jetzt das Icon-Set
kostenlos herunter ↓

Über 970 Dr. Web-Icons, kostenlos.
Danke nein, ist nichts für mich.
Invalid email address
Vielen Dank! Bitte schau noch in Dein Postfach und bestätige die Anmeldung.