Webdesign

Referenzen

Kontaktseiten mit Microformat: vCard

vcard-symbol auf Mac

In E-Mail-Anhängen kann man inzwischen oft auf das angehängte .vcf klicken um die Visitenkarte des Absenders mit einem Click ins eigene Adressverzeichnis zu übernehmen. Diese .vcf-Importdateien für Outlook oder fürs Adressbuch (Mac) lassen sich praktischerweise auch in die eigene Website integrieren.

Mit Microformaten wird z. B. die Adresse auf der Kontaktseite so programmiert, dass eine Browsererweiterung die vCard auslesen und exportieren kann. Im Firefox Browser ist eine der geeigneten Erweiterungen zum Auslesen von Microformaten das Add on “Operator”. Nach erfolgreicher Aktivierung des Add ons wird in der Adresszeile ein + angezeigt, das leuchtend grün + Seiten mit auslesbaren Microformaten markiert. Auch für die Suchmaschinenoptimierung ist diese im allgemeinen unsichtbare HTML-Programmierung interessant, google hebt mittlerweile einige ausgezeichnete Einträge in den Suchergebnissen hervor.

Im folgenden möchte ich an einem Beispiel zeigen, wie eine vCard mit HTML erstellt und mit CSS gestaltet werden kann.

(mehr…)

Datum: 5. Januar 2012
Kategorie: Webdesign
Tags: , ,


1 Kommentar