hcard-examples-in-wild: Difference between revisions

From Microformats Wiki
Jump to navigation Jump to search
m (Reverted edits by Vaatekaupat (Talk) to last version by Tantek)
m (Replace <entry-title> with {{DISPLAYTITLE:}})
 
(405 intermediate revisions by more than 100 users not shown)
Line 1: Line 1:
<entry-title>hCard Examples in the wild</entry-title>
{{note|<p>As of 2017 there are millions of hCards in the wild (e.g. on WordPress by default for years), and thus hCard examples are closed to new additions. Existing examples may be removed if no longer applicable, or may be updated for historical accuracy purposes only.</p><p>DO NOT add new examples to this page. If you do, we'll assume you've actively disregarded this warning, and you'll be banned.</p><p>Please use [[h-card]] which supersedes hCard and add to [[h-card#Examples_in_the_wild|h-card examples in the wild]] accordingly. Thank you.</p>}}
 
{{DISPLAYTITLE:hCard Examples in the wild}}
<div style="height:7.5em;text-align:center;font-weight:bold;font-size:larger">
<div style="height:7.5em;text-align:center;font-weight:bold;font-size:larger">
<span style="padding:3em 0;float:left;width:33%">[[hcard-examples-in-wild#examples_by_category|Want hCards]]</span><span style="padding:3em 0;float:left;width:33%">[[hcard-examples-in-wild#new_and_uncategorized_examples|Have hCards]]</span>
<span style="padding:3em 0;float:left;width:33%">[[hcard-examples-in-wild#examples_by_category|Want hCards]]</span><span style="padding:3em 0;float:left;width:33%">[[hcard-examples-in-wild#new_and_uncategorized_examples|Have hCards]]</span>
Line 9: Line 11:


== new and uncategorized examples ==
== new and uncategorized examples ==
'''Have hCard?''' If you have a site with hCard(s), add it to the top of this list. Include at least one URL to a page that includes actual [[hcard|hCard]] markup. Examples without direct links to pages with hCard(s) will be removed. Check back after a few days, to see if anyone has found any problems with the examples supplied. Note that examples may be categorized and moved to the grouped section below.
'''Have hCard?''' Great! Now go add [[h-card]]. <del datetime="2018-03-08">If you have a site with hCard(s), add it to the top of this list. Include at least one URL to a page that includes actual [[hcard|hCard]] markup.</del> Examples without direct links to pages with hCard(s) will be removed. Check back after a few days, to see if anyone has found any problems with the examples supplied. Note that examples may be categorized and moved to the grouped section below.


You may want to use these buttons on your pages with hCards. See [[buttons#hCard]] for any recent additions.
You may want to use these buttons on your pages with hCards. See [[buttons#hCard]] for any recent additions.
http://www.davidjanes.com/images/mf_hcard.png <!-- was originally http://www.crowley.nl/images/hcard.png --> <!-- http://rbach.priv.at/2006/buttons/hcard.png --> http://www.boogdesign.com/images/buttons/microformat_hcard.png
http://www.davidjanes.com/images/mf_hcard.png <!-- was originally http://www.crowley.nl/images/hcard.png --> <!-- http://rbach.priv.at/2006/buttons/hcard.png --> http://www.boogdesign.com/images/buttons/microformat_hcard.png


* [http://www.garmentprinting.co.uk/contact-us.php Garment Printing]. Uses an hCard for the contact information.
* [https://upclosed.com/ UpClosed] uses hCard on their biography pages - [https://upclosed.com/people/bryant-eslava Bryant Eslava Biography]
* [http://eurofundgroup.com/en/vcards Euround Group] and [http://www.eurofundcp.com/en/vcards Eurofund Capital Partners] are generating hCards along with vCards and ICS (for old iOS devices) dynamically
* [http://www.movers-in-london.co.uk/house-removals-london A-Plus Moving Services London] uses hCard on their [http://www.movers-in-london.co.uk/removals-faq FAQ] page.
* [http://www.10barremovalsandstorage.com Office Removals Hull] contains hCard on [http://www.10barremovalsandstorage.com/cotact-us Contact] page.
* [http://www.manwithavanplus.com Man with avan Plus]uses hcard in many pages as well [http://www.manwithavanplus.com/about-us about us page].
* [https://www.acelockservice.com/ Locksmith Jacksonville FL] uses hCard markup on their index page.
* [https://www.manwithvanlondon.com/ ManwithvanLondon.com] uses hCard markup on their [https://www.manwithvanlondon.com/contact// About] page.
* [http://www.sitepromotioncoach.com/about/] uses hCard markup on their main about us page.
* [http://www.aldridgedentists.co.uk/ Anchor Road Dental Practice] uses hCard markup on its  [http://www.aldridgedentists.co.uk/contact-us/ Contact] page.The page also includes a [http://aldridgedentists.co.uk/anchorroaddentalpractice.vcf vCard].
* [http://www.customerserviceguru.co.uk/budgeting-loan-number/ The Budgeting Loan Contact Number Page] Uses hCard markup.
*[http://piing.com.sg/ Laundry Service Singapore] Uses hCard markup.
* [https://www.easymanandvanremovals.co.uk/ Easy man&van] uses hCard markup on their [http://www.easymanandvanremovals.co.uk/man-and-van-hire-peterborough/ About] page.
* http://www.cadmap.co.uk/ Cadmap Land & Building Surveyors uses hCard markup on the footer of each page.
* [http://expertdent.ca/en ExpertDent dental clinics] uses hCard markup in the header as well as the contact section for its three dental care clinics].
* [http://www.us-inverters.com/ US-Inverters.com] uses hCard markup in many places, such as the home page, [http://www.us-inverters.com/ contact page] and [http://www.us-inverters.com/where-to-buy/china.php distributor pages].
* [http://www.firstpagepromotion.com/about/] uses hCard markup on their about us page.
* [http://www.henryandjames.co.uk/contact/ Henry & James Estate Agents] use hCard markup on their contact page.
* [http://wpoosc.com.au/ West Pymble Out of School Care] uses hCard markup for their physical address in the sidebar.
* [http://www.your-move.co.uk/ YOUR MOVE estate agents]uses hCard markup for branch addresses.  Example: [http://www.your-move.co.uk/estate-agent/york.html York Branch Page]
* [http://telcoavi.es Telco Audio Vídeo e Ilumianción] uses hCards on the contact page. Example:[http://telcoavi.es/contacto.php Contacto]
* [http://nicolasbouliane.com Nicolas Bouliane - Conception de sites internet] uses hCards on the contact page as well as in the header and footer.
* [http://qwikfix.co.uk/barclays/ Barclays Bank Customer Service]uses hCard for contact information.
 
* [http://www.lslps.co.uk/ LSL Property Services]uses hCard markup for details of Press Contacts.  Example: [http://www.lslps.co.uk/news Property News Page]
* [http://www.breaflorist.net/pages/Florist-La-Habra/display La Habra Florist] - Uses hCard markup in their la habra florsit page below.
* [http://iprefer.com/ I Prefer Guest Benefit Program] uses hCard for each property page.  Example: [http://iprefer.com/luxury-hotel/Campinas/Royal-Palm-Tower/ Royal Palm Tower, Design Hotels in Campinas]
* [http://preferredhotels.com/ Preferred Hotels and Resorts] uses hCard for each property page.  Example: [http://preferredhotels.com/luxury-hotel/Singapore/The-Fullerton-Hotel-Singapore/ The Fullerton Hotel Singapore, Luxury Hotels in Singapore]
* [http://www.binvisions.com/ CSS3 and HTML5 Blog] - uses hCard to get vCard of users who make comments on blog posts. Example: [http://www.binvisions.com/articles/seo-using-css-text-indent-or-images-for-logos/ CSS Text-Indent or Images for Logos in SEO?]
* [http://collectiverecyclers.com Collective Recyclers] - Uses hCard for contact details.
* [http://www.stylebar.de/ stylebar websolutions] Uses an hCard for the contact information on the right site in the website.
* [http://southpawed.com/ Steve Holland] uses hCard for his contact details.
* [http://sterlingdesignhotels.com Sterling Design Hotels] uses hCard for each property page on their website, e.g. [http://sterlingdesignhotels.com/design-hotel/Miami/Hotel-Urbano-AT-Brickell/ Hotel Urbano AT Brickell, Design Hotels in Miami]
* [http://sterlinghotels.com Sterling Hotels] uses hCard for each property page on their website, e.g. [http://sterlinghotels.com/smart-hotel/Hong-Kong/The-Fleming/ The Fleming, Smart Hotels in Hong Kong]
* [http://daniele.gobbetti.name daniele.gobbetti.name] uses hCard for his own profile. The template is released under CC-BY-SA and available on [https://github.com/danielegobbetti/about-me github]
* [http://www.sabzoo.de SABZOO.de] uses hCard for the about us page. Here is the direct link: [http://www.sabzoo.de/ueber-sabzoo/impressum.html About us]
* [http://www.coinspcgs.com Coins PCGS] uses hCard for the about us page.  Example: [http://www.coinspcgs.com/p/about.html About PCGS Coins]
* [http://summithotels.com Summit Hotels and Resorts] uses hCard for each property page on the website.  Example: [http://summithotels.com/luxury-hotel/Honolulu/Waikiki-Parc-Hotel/ Waikiki Parc Hotel, Luxury Hotels in Honolulu]
* [https://plus.google.com/ Google+] uses hCard for each user profile and company page.  Example: [https://plus.google.com/112111196451586545452/ ReadWriteWeb profile page]
* [http://www.coatncast.de/ Coat'n Cast] has hCard formatted address information in the page markup, mainly to provide data to geolocation services.
* [http://preferredboutique.com/ Preferred Boutique] uses hCard for each property page on their website, e.g. [http://preferredboutique.com/luxury-hotel/Atlanta/TWELVE-Atlantic-Station/ TWELVE Atlantic Station, Luxury Boutique Hotels in Atlanta.]
* [http://www.last.fm Last.fm] uses hCard for event pages and user profile pages (however user profile hCard information is very incomplete and sub-optimal) e.g. [http://www.last.fm/event/1448900+She+-+Him+at+Millennium+Park+on+7+June+2010 She & Him at Millennium Park (Chicago) on 7 Jun 2010 – Last.fm]
* [http://www.msichicago.org/ The Museum of Science and Industry in Chicago] uses hCard for their address in the "museum location" area on each page.
* [http://www.brewcamp.com/ Brew Camp | Chicago's Local Home Brew Shop] uses hCard for the address under the map on the main page.
* [http://www.larsbeck.info/ larsbeck.info] uses hCard for personal contact information.
* [http://www.linkedin.com LinkedIn] uses hCard for each user profile page.
* [http://www.tripadvisor.com TripAdvisor] uses hCard on property pages, however it appears that they have lumped in locality, region, and postal-code into locality.  Example: [http://microformatique.com/optimus/?uri=http://www.tripadvisor.com/Hotel_Review-g42763-d90229-Reviews-Detroit_Marriott_Troy-Troy_Michigan.html Detroit Marriott Troy]
* [http://www.megatravel.com.mx/ Mega Travel] uses an hcard for the contact information in the web site footer [http://www.megatravel.com.mx/ Mega Travel].
* [http://www.thebasketcasedeli.com The Basket Case Deli] uses hCard for organizational addresses as well as employee contact information e.g. [http://thebasketcasedeli.com/about.php About The Basket Case Deli].
* [http://www.the-removals-london.com/ The Removal London] uses hCard in the index page.
* [http://www.thejokes.net TheJokes.Network] uses hCard markup on user profile pages e.g. [http://thejokes.net/profile.php?uid=3 User Profile for Sid Parker]
* [http://www.therecipedepository.com The Recipe Depository] uses hCard markup on user profile pages e.g. [http://www.therecipedepository.com/user/jay User Profile for Jay Allen].
* [http://www.airconditioningdetroit.org/ Air Conditioning Repair Detroit] uses hCard markup on the homepage of their air conditioning website.
* [http://losangeles.trenchless-sewer.com/ Los Angeles Trenchless Sewer] implements hcard on the footer of their trenchless sewer website.
* [http://www.granitecountertopsdetroit.org/ Granite Countertops Detroit] uses hCard markup on the footer of their kitchen counter top website.
* [http://www.web-id.nl/ Web-id. Webdesign, SEO and Software] Uses an hCard for the contact information.
* [http://advanced-simple.de/ Advanced Simple] uses an hcard for the contact information in the page footer of their website.
* [http://profispan.de/galerie/ Profi Span GmbH - Holz in aller Form] uses hcard for the contact information box on the right side of nearly every page.
* [http://hochzeiten-partys-feten.de/ Hochzeiten Partys & Feten] uses hcard markup for the contact information box on every page.
* [http://contractorquotes.us/ Contractor Quotes] uses hCard markup on the testimonials page of their website.
* [http://www.getlocalmaps.com/ Google Map Marketing] is using hCard on the contact page of their website.
* [http://www.hardcoreepoxyflooringdetroit.com/ Hardcore Epoxy Floors] is using hCard on the footer section of their epoxy paint website. Click [http://www.hardcoreepoxyflooringdetroit.com/ epoxy michigan] to view example.
* [http://www.internetmarketingnuke.com/internet-marketing-tools/bookmarking-demon-review-1/ Bookmarking demon review]. Uses an hCard on their contact page.
* [http://www.themexicanjewelry.com/index.php?route=information/information&information_id=14 The Mexican Jewlry]. Uses an hCard for the contact information with OpenCart.
* [http://www.garmentprintiIng.co.uk/contact-us.php Garment Printing]. Uses an hCard for the contact information.
* [http://www.cabs.co.za/ CABS Car hire]. Uses an hCard for the contact information on page footers.
* [http://www.mlgphotography.co.za/ MLG Wedding Photography]. Uses an hCard for the contact information.
* [http://www.e-kyttaritida.gr/ Κυτταρίτιδα]. E-kyttaritida.gr uses an hCard on their contact page.
* [http://www.e-kyttaritida.gr/ Κυτταρίτιδα]. E-kyttaritida.gr uses an hCard on their contact page.
* [http://www.tierarztpraxis-kellerberg.de/ Tierarztpraxis Kellerberg Steingaden]. A veterinary practice that uses hCard markup to provide contact information.
* [http://www.tierarztpraxis-kellerberg.de/ Tierarztpraxis Kellerberg Steingaden]. A veterinary practice that uses hCard markup to provide contact information.
Line 26: Line 94:
* [http://www.spaachat.com Spaachat.com], by Aquavia Spa, uses hCard and Microdata markup in the contact section and the retailers list.
* [http://www.spaachat.com Spaachat.com], by Aquavia Spa, uses hCard and Microdata markup in the contact section and the retailers list.
* [http://www.waketoolz.de/info/impressum.html Waketoolz] uses hCard markup on their contact page.
* [http://www.waketoolz.de/info/impressum.html Waketoolz] uses hCard markup on their contact page.
* [http://www.london-man-van.com London Man Van] uses hCard markup on their contact page.
* [http://tigermechanical.net/ Tiger Mechanical] uses hCard markukp throughout the website, inside the copyright area, [http://tigermechanical.net/ appliance repair gilbert] and in the sub domain [http://paradise-valley-appliance-repair.tigermechanical.net/ appliance repair paradise valley].
* [http://www.thedentureclinic.co.uk/ The Denture &amp; Implant Clinic] uses hCard markup and allow for vCard download on their contact page.
* [http://www.thedentureclinic.co.uk/ The Denture &amp; Implant Clinic] uses hCard markup and allow for vCard download on their contact page.
* [http://ReallyGoodEnergy.com/ RGE] uses hCard markup and allows for vCard download on their page footers.
* [http://ReallyGoodEnergy.com/ RGE] uses hCard markup and allows for vCard download on their page footers.
* [http://pHElixir.com/ pH Elixir] uses hCard markup and allows for vCard download on their page footers.
* [http://pHElixir.com/ pH Elixir] uses hCard markup and allows for vCard download on their page footers.
* [http://www.carleasinguk.com/ Car Leasing UK] uses hCard markup and allow for vCard download on their page footers.
* [http://www.air-bourne.com/ Airbourne AC and Heating] uses hCard in footer of the air conditioning website.  Example: [http://www.air-bourne.com/ Houston Air Conditioning]
* [http://theworkoutwarehouse.net/ Gym Riverview MI] uses hCard inside the footer of the workout fitness website.  Example: [http://theworkoutwarehouse.net/ Weight Training Riverview MI]
* [http://www.carleasinguk.com/ www.carleasinguk.com] uses hCard markup and allow for vCard download on their page footers.
* [http://www.naples-fl-real-estate.com Naples Florida Real Estate] uses hCard markup and allow for vCard download on their contact page.
* [http://www.naples-fl-real-estate.com Naples Florida Real Estate] uses hCard markup and allow for vCard download on their contact page.
* [http://www.technicsgroup.com/ Technics Group] uses hCard markup and allow for vCard download on their page footers.
* [http://www.technicsgroup.com/ Technics Group] uses hCard markup and allow for vCard download on their page footers.
* [http://www.manageathome.co.uk/ Manage At Home] uses hCard markup and allow for vCard download on their contact page.
* [http://www.manageathome.co.uk/ Manage At Home] uses hCard markup and allow for vCard download on their contact page.
* [http://www.cleverelectric.com/ San Jose Electrician] uses hCard electrian footer page of their website. to see an example in action visit [http://www.cleverelectric.com/san-jose-electrical-service.html/ San Jose Electrical Contractor]
*  http://drcadieuxlangevin.com/ uses hCard markup on their contact page.
* [http://www.skin-care-health.org/spots-on-skin.html Skin Care & Health] uses hCard markup on their contact page.
* [http://www.skin-care-health.org/spots-on-skin.html Skin Care & Health] uses hCard markup on their contact page.
* [http://www.bed-bugs-handbook.com/bed-bugs.html Bed Bugs Handbook] uses hCard markup on their contact page.
* [http://www.bed-bugs-handbook.com/bed-bugs.html Bed Bugs Handbook] uses hCard markup on their contact page.
* [http://www.oakleydental.co.uk/ Oakley Dental] uses hCard markup on their address which can be downloaded as a vCard.
* [http://www.oakleydental.co.uk/ Oakley Dental] uses hCard markup on their address which can be downloaded as a vCard.
* [http://www.appliancerepairmedic.com/ Appliance Repair Bergen County] implements hCard in the footer area of their appliance repair site.
* [http://www.cahilldentalcare.co.uk/ Cahill Dental Care] uses hCard markup on their address in the footer which can be downloaded as a vCard.
* [http://www.cahilldentalcare.co.uk/ Cahill Dental Care] uses hCard markup on their address in the footer which can be downloaded as a vCard.
* [http://www.returnondigital.com/ Return On Digital] uses hCard markup on their site wide footer addresses and on their [http://www.returnondigital.com/about-us/dave-ashworth.php staff pages] - these can also be downloaded as vCards.
* [http://www.returnondigital.com/ Return On Digital] uses hCard markup on their site wide footer addresses and on their [http://www.returnondigital.com/about-us/dave-ashworth.php staff pages] - these can also be downloaded as vCards.
Line 51: Line 126:
* [http://www.newtosandiego.com/ NewToSanDiego] - Uses hCard for organization and business address. Example: [http://www.newtosandiego.com/Ocean-Beach-People's-Organic-Foods-Co-op/ Ocean Beach People's Organic Foods Co op].
* [http://www.newtosandiego.com/ NewToSanDiego] - Uses hCard for organization and business address. Example: [http://www.newtosandiego.com/Ocean-Beach-People's-Organic-Foods-Co-op/ Ocean Beach People's Organic Foods Co op].
* [http://www.northwooduk.com/ Northwood Estate Agents] use hCard on their branch landing pages, here is [http://www.northwooduk.com/letting-agents/edinburgh an example].
* [http://www.northwooduk.com/ Northwood Estate Agents] use hCard on their branch landing pages, here is [http://www.northwooduk.com/letting-agents/edinburgh an example].
* [http://www.signsbannerswraps-houston.com/ Car Wraps Houston] uses hCard on the footer section at the bottom of page see [http://www.signsbannerswraps-houston.com/vehicle-graphics-and-car-wraps-houston.html vehicle wraps houston] page.
* [http://www.elevatelocal.co.uk Elevatelocal] uses hCard on their [http://www.elevatelocal.co.uk/contact Contact Us] page.
* [http://www.elevatelocal.co.uk Elevatelocal] uses hCard on their [http://www.elevatelocal.co.uk/contact Contact Us] page.
* [http://lucumalabs.com Lúcuma labs] uses hCard in the index page.
* [http://lucumalabs.com Lúcuma labs] uses hCard in the index page.
Line 57: Line 133:
* [http://www.brodwax.com/ Brodwax Lighting] uses an hCard on their [http://www.brodwax.com/fluorescent-lighting-fixtures.html fluorescent light fixtures] page.
* [http://www.brodwax.com/ Brodwax Lighting] uses an hCard on their [http://www.brodwax.com/fluorescent-lighting-fixtures.html fluorescent light fixtures] page.
* [http://tripedge.co.uk Tripedge] uses hCard in the footer
* [http://tripedge.co.uk Tripedge] uses hCard in the footer
* [http://www.appliancerepairbergencountynj.com/ Appliance Repair Bergen County NJ] uses hCard code in the footer of the appliance repair site.
* [http://www.morgenson.com/ Morgenson Realty] uses hCard on their [http://www.morgenson.com/cameron-heights-apartments.php Apartment Listing] pages.
* [http://www.morgenson.com/ Morgenson Realty] uses hCard on their [http://www.morgenson.com/cameron-heights-apartments.php Apartment Listing] pages.
* [http://www.bientek.com/ BienTek] uses hCard on their [http://www.bientek.com/about-us/ About page].
* [http://www.bientek.com/ BienTek] uses hCard on their [http://www.bientek.com/about-us/ About page].
Line 69: Line 146:
* [http://www.placedash.com/ placedash] uses hCard on all place pages, such as [http://accountants.placedash.com/b/4591 Steven R Aron CPA] and [http://taxconsultants.placedash.com/b/21916885 KPMG]
* [http://www.placedash.com/ placedash] uses hCard on all place pages, such as [http://accountants.placedash.com/b/4591 Steven R Aron CPA] and [http://taxconsultants.placedash.com/b/21916885 KPMG]
* [http://www.slimmeria.com/bookings-contact Slimmeria Detox Retreat ]  in the UK uses an hCard on the Bookings and Contact page.
* [http://www.slimmeria.com/bookings-contact Slimmeria Detox Retreat ]  in the UK uses an hCard on the Bookings and Contact page.
* [http://www.airbourneairconditioning.com/houston-ac-repair.html Houston AC Repair ]  in Houston uses an hCard on the footer of the air conditioning website..
* [http://www.iluminacionmidava.com/ Iluminación Midava, SL ]  in Spain uses an hCard on their pages.
* [http://www.iluminacionmidava.com/ Iluminación Midava, SL ]  in Spain uses an hCard on their pages.
* [http://shop.artgpa.com.ua/contacts.html ArtGPA SHOP in Ukraine ] uses an hCard on their contact page.
* [http://shop.artgpa.com.ua/contacts.html ArtGPA SHOP in Ukraine ] uses an hCard on their contact page.
Line 75: Line 153:
* [http://www.therapistinlondon.com/ Therapist in London  ] Delma Walsh uses an hCards in the footer of every page.
* [http://www.therapistinlondon.com/ Therapist in London  ] Delma Walsh uses an hCards in the footer of every page.
* [http://www.novelwebdesigns.com/ Web Design & SEO] NWD uses an hCard on their contact page.
* [http://www.novelwebdesigns.com/ Web Design & SEO] NWD uses an hCard on their contact page.
* [http://www.dermaroller.gr/ Κυτταριτιδα] Dermaroller uses an hCard on their contact page.
* [http://www.greekinternetmarketing.com/ Κατασκευή Ιστοσελίδων] Greek Internet Marketing uses an hCard on their contact page.
* [http://www.webscatalunya.com/ Webs Catalunya ] uses an hCards in the footer of every page.
* [http://www.webscatalunya.com/ Webs Catalunya ] uses an hCards in the footer of every page.
* [http://rinklinks.ca/ RinkLinks.ca: A Comprehensive Rinks and Arenas Directory for North America] uses an hCard for every listing in their directory.
* [http://rinklinks.ca/ RinkLinks.ca: A Comprehensive Rinks and Arenas Directory for North America] uses an hCard for every listing in their directory.
Line 88: Line 164:
* [http://www.imap.cat/ Imap Internet Marketing] uses hCards in the footer of every page.
* [http://www.imap.cat/ Imap Internet Marketing] uses hCards in the footer of every page.
* [http://www.haraldjoergens.com/Copyright.html Harald Joergens Photography ] uses hCards on the page and in the footer of every page (see blog post [http://www.haraldjoergens.com/blog "From website to address book in one click"]).
* [http://www.haraldjoergens.com/Copyright.html Harald Joergens Photography ] uses hCards on the page and in the footer of every page (see blog post [http://www.haraldjoergens.com/blog "From website to address book in one click"]).
* [http://www.ethoseo.com/ Ethoseo Internet Marketing in Washington State ] uses hCards in the footer of every page.
* [http://www.ethoseo.com/ Ethoseo Internet Marketing in Washington State ] uses hCards in the footer of every page.  
* [http://www.roofingandsidingdetroit.com/ Roofing Detroit] uses hCards inside the footer of every page on their roofing website.
* [http://www.iobuild.co.uk/ IO Garden Buildings] is using hCard on their [http://www.iobuild.co.uk/garden_home_offices_about_us.asp About Us] page.
* [http://www.iobuild.co.uk/ IO Garden Buildings] is using hCard on their [http://www.iobuild.co.uk/garden_home_offices_about_us.asp About Us] page.
* [http://www.popalockofjacksonville.com/ Pop-A-Lock Locksmith Jacksonville] is using hCard in the footer on all the pages on their website and the hReview code on their testimonials page [http://www.popalockofjacksonville.com/jacksonville-reliable-safe-locksmith.html/ Pop-A-Lock Locksmith Jacksonville Testimonials]
* [http://www.popalockofjacksonville.com/ Pop-A-Lock Locksmith Jacksonville] is using hCard in the footer on all the pages on their website and the hReview code on their testimonials page [http://www.popalockofjacksonville.com/jacksonville-reliable-safe-locksmith.html/ Pop-A-Lock Locksmith Jacksonville Testimonials]
Line 98: Line 175:
* [http://www.findaporsche.com/ Find a Porsche] is using hCard on their [http://www.findaporsche.com/?page_id=17 Contact Us] page.
* [http://www.findaporsche.com/ Find a Porsche] is using hCard on their [http://www.findaporsche.com/?page_id=17 Contact Us] page.
* [http://www.atrendyhome.com/ A Trendy Home - Home Improvement Store] is using hCard on their [http://www.atrendyhome.com/contactus.html Contact Us] page.
* [http://www.atrendyhome.com/ A Trendy Home - Home Improvement Store] is using hCard on their [http://www.atrendyhome.com/contactus.html Contact Us] page.
* [http://www.cadouri-inedite.ro/ Original Gifts - cadouri], Original Gifts Online Shop - cadouri, uses an hCard on contact page of the website.
* [http://www.timbermarket.ro/ TimberMarket - wood business directory], global wood business directory, uses an hCard on contact page of the website.
* [http://www.papetarie.ro/ Papetarie - office supplies], office supplies company uses an hCard on every page of the website.
* [http://tedswoodworkingplan.com/ Teds Woodworking] uses hcard for their site information.
* [http://tedswoodworkingplan.com/ Teds Woodworking] uses hcard for their site information.
* [http://www.mrscleanusa.com/ Mrs. Clean's Cleaning Service] is using hCard on their [http://www.mrscleanusa.com/en/cleaning-services/mrs-clean/about-us.html About Us] page.
* [http://www.mrscleanusa.com/ Mrs. Clean's Cleaning Service] is using hCard on their [http://www.mrscleanusa.com/en/cleaning-services/mrs-clean/about-us.html About Us] page.
Line 115: Line 189:
* [http://www.ankeboelens.nl/ Anke Boelens Interieurvormgeving] uses hcard markup in page footer
* [http://www.ankeboelens.nl/ Anke Boelens Interieurvormgeving] uses hcard markup in page footer
* [http://ragtagntextile.org.uk Rag Tag 'n' Textile] - Mental health charity in Skye and Lochalsh, the Highlands of Scotland - uses hCards for locations of head office and craft shops]
* [http://ragtagntextile.org.uk Rag Tag 'n' Textile] - Mental health charity in Skye and Lochalsh, the Highlands of Scotland - uses hCards for locations of head office and craft shops]
* [http://www.idmycockroach Id my cockroach uses hCard on their [http://www.idmycockroach.com/contacts/ Contact Us] page.
* [http://atzkey.org/ Denis Bakunovitch] — IT professional — has nicely styled hCard
* [http://atzkey.org/ Denis Bakunovitch] — IT professional — has nicely styled hCard
* [http://www.olaru.ca/ Maria Olaru - lawyer / avocat - Montreal Law Firm] uses hCard for the law office.
* [http://www.olaru.ca/ Maria Olaru - lawyer / avocat - Montreal Law Firm] uses hCard for the law office.
Line 129: Line 204:
* [http://www.imap.cat]. A combination of two hCards looking like one.
* [http://www.imap.cat]. A combination of two hCards looking like one.
* [http://www.sigmacom.nl/ Corporate website of Sigmacom]. hCards were implemented in the footer
* [http://www.sigmacom.nl/ Corporate website of Sigmacom]. hCards were implemented in the footer
* [http://www.shop4hoesjes.nl/ Website for phone covers]. hCards were implemented in the footer
* [http://www.fpc.wa.gov.au Forest Products Commission] hCards to markup addresses & contact info for:
* [http://www.fpc.wa.gov.au Forest Products Commission] hCards to markup addresses & contact info for:
** all its offices and media contacts: [http://www.fpc.wa.gov.au/content_migration/about_us/contacting_us.aspx office locations]
** all its offices and media contacts: [http://www.fpc.wa.gov.au/content_migration/about_us/contacting_us.aspx office locations]
Line 157: Line 233:
*[http://leemannphotography.ca/?p=contact Lee Mann Photography] Uses an hCard on the main Contact page as well as the blog.Ideally it will soon be on the footer of every single page.
*[http://leemannphotography.ca/?p=contact Lee Mann Photography] Uses an hCard on the main Contact page as well as the blog.Ideally it will soon be on the footer of every single page.
*[http://www.kimburgess.info Kim Burgess] Minimalist info website with hCard markup positioned throughout.
*[http://www.kimburgess.info Kim Burgess] Minimalist info website with hCard markup positioned throughout.
*[http://www.plumbset.co.uk/ContactUs.htm PlumbSet UK Ltd] Uses hCard for the contact address, including multiple street-address entries.
*[http://www.plumbset.co.uk/ContactUs.asp PlumbSet UK Ltd] Uses hCard for the contact address, including multiple street-address entries.
*[http://www.manuhealth.com/products/manuka-soap-75gm Manuhealth Natural Remedies] Uses hCard for the return address on product pages.
*[http://www.manuhealth.com/products/manuka-soap-75gm Manuhealth Natural Remedies] Uses hCard for the return address on product pages.
*[http://www.farmaciasarria.com/esp/mapa.php Farmàcia Sarrià - Farmàcia Finestres Capdevila] uses an hCard for his contact information.
*[http://www.farmaciasarria.com/esp/mapa.php Farmàcia Sarrià - Farmàcia Finestres Capdevila] uses an hCard for his contact information.
Line 181: Line 257:
* [http://www.uniquesite.co.uk/ UNIQUEsite] Website designer based in Brighton, UK. Uses the hcard format for contact information.
* [http://www.uniquesite.co.uk/ UNIQUEsite] Website designer based in Brighton, UK. Uses the hcard format for contact information.
* [http://www.slideshare.net/ SlideShare] uses hcard to identify its users. see [http://hcard.geekhood.net/?url=http%3A%2F%2Fwww.slideshare.net%2Fkcmani#result Validated hcard] and [http://www.slideshare.net/kcmani Mani's SlideShare profile]
* [http://www.slideshare.net/ SlideShare] uses hcard to identify its users. see [http://hcard.geekhood.net/?url=http%3A%2F%2Fwww.slideshare.net%2Fkcmani#result Validated hcard] and [http://www.slideshare.net/kcmani Mani's SlideShare profile]
* [http://chrisruppel.com Chris Ruppel], a web developer in Dallas, TX, uses an hcard for contact information site-wide (as well as XFN)
* [https://chrisruppel.com Chris Ruppel] uses h-card for personal contact information site-wide, and on entry types that reference other entities, e.g. [https://chrisruppel.com/travel/kayaking-cave-lodge/ travel destinations]
* [http://greenspiritgardeners.com/ Green Spirit Gardeners] uses the hCard format throughout the site, including on the portfolio page for [http://greenspiritgardeners.com/portfolio/ commercial clients] and the [http://greenspiritgardeners.com/contact/ contact] page.
* [http://greenspiritgardeners.com/ Green Spirit Gardeners] uses the hCard format throughout the site, including on the portfolio page for [http://greenspiritgardeners.com/portfolio/ commercial clients] and the [http://greenspiritgardeners.com/contact/ contact] page.
* [http://www.dorettebos.nl/ Dorette Bos Coaching &amp; Training] uses hcard microformat on the [http://www.dorettebos.nl/contact.php contactpage]
* [http://www.dorettebos.nl/ Dorette Bos Coaching &amp; Training] uses hcard microformat on the [http://www.dorettebos.nl/contact.php contactpage]
Line 209: Line 285:
* [http://www.arbea.basilicata.it/ ARBEA - Agenzia della Regione Basilicata per le Erogazioni in Agricoltura]. hCard is used both for classic [http://www.arbea.basilicata.it/index.php?option=com_contact&view=contact&id=4&Itemid=101 Contact page] and for farms showcase ("Vetrina Aziende Agricole") available for registered users. I've embedded it modifying Joomla! 1.5 com_contact core component. Users of this CMS can [http://joomlacode.org/gf/project/hcardcontact/ download my patch].
* [http://www.arbea.basilicata.it/ ARBEA - Agenzia della Regione Basilicata per le Erogazioni in Agricoltura]. hCard is used both for classic [http://www.arbea.basilicata.it/index.php?option=com_contact&view=contact&id=4&Itemid=101 Contact page] and for farms showcase ("Vetrina Aziende Agricole") available for registered users. I've embedded it modifying Joomla! 1.5 com_contact core component. Users of this CMS can [http://joomlacode.org/gf/project/hcardcontact/ download my patch].
* [http://trumps.net Los Angeles Search Engine Optimization] Uses hCard in the footer of all pages.
* [http://trumps.net Los Angeles Search Engine Optimization] Uses hCard in the footer of all pages.
* [http://www.oasisroofinginc.com/ Seattle Roofing] Uses hCard in the footer of their roofing website see [http://www.oasisroofinginc.com/ Roofing Seattle WA] to see the hcard.
* [http://reaganvick.com Personal Portfolio of Lance Reagan Vick]. Includes examples of PGP and SSH public keys I have not seen used anywhere else. Hopefully someone finds it helpful!
* [http://reaganvick.com Personal Portfolio of Lance Reagan Vick]. Includes examples of PGP and SSH public keys I have not seen used anywhere else. Hopefully someone finds it helpful!
* [http://www.fracturedstudios.com Los Angeles Search Engine Optimization] uses hCard to provide address information at bottom of page
* [http://www.fracturedstudios.com Los Angeles Search Engine Optimization] uses hCard to provide address information at bottom of page
Line 226: Line 303:
* [http://www.thebeanmachine.nl/ The Bean Machine] at the bottom right, our contact information is marked up as a hcard
* [http://www.thebeanmachine.nl/ The Bean Machine] at the bottom right, our contact information is marked up as a hcard
* [http://www.universalmedicalid.com/canada Universal Medical ID Canada] uses hCard to provide address information at bottom of page, as well as on a number of pages within the site.
* [http://www.universalmedicalid.com/canada Universal Medical ID Canada] uses hCard to provide address information at bottom of page, as well as on a number of pages within the site.
* [http://www.floristfullerton.com/ fullerton florsit] uses an hcard for the web site footer [http://www.floristfullerton.com/ florist fullerton].
* [http://puronicsorangecounty/ Puronics Orange County] uses an hcard for example view footer [http://puronicsorangecounty.com/ water softener orange county].
* [http://web.mac.com/a.gibson/ Alex Gibson Web Developer] uses hCard for contact info on his homepage.
* [http://web.mac.com/a.gibson/ Alex Gibson Web Developer] uses hCard for contact info on his homepage.
* [http://www.wardelldesign.com/html/contact/index.php Wardell Design] uses hCard for contact info with optional vCard download.
* [http://www.wardelldesign.com/html/contact/index.php Wardell Design] uses hCard for contact info with optional vCard download.
Line 261: Line 340:
* [http://www.kleinassoc.com/ Klein & Associates - Estate Planning] used hcard to mark up contact details on law firm's contact page.
* [http://www.kleinassoc.com/ Klein & Associates - Estate Planning] used hcard to mark up contact details on law firm's contact page.
* [http://www.markuspage.com/markus/en/contact Markus Kil&aring;s] uses hCard to mark up his contact details.
* [http://www.markuspage.com/markus/en/contact Markus Kil&aring;s] uses hCard to mark up his contact details.
* [http://www.dominicanhairecare.co.uk/ Silicon Mix UK] uses an hCard for their website.
* [http://www.southsidewarriors.com/impressum.cfm Southside Warriors] uses hcard to mark up contact details on the imprint page.
* [http://www.southsidewarriors.com/impressum.cfm Southside Warriors] uses hcard to mark up contact details on the imprint page.
* [http://applesold.com/ Apple Realty - Bristol Real Estate Company] uses hcard to mark up company details in the footer of website.
* [http://applesold.com/ Apple Realty - Bristol Real Estate Company] uses hcard to mark up company details in the footer of website.
Line 318: Line 398:
**Only [http://www.mtgd.gov.md/ Romanian] and [http://www.mtgd.gov.md/ru/ Russian] versions available yet   
**Only [http://www.mtgd.gov.md/ Romanian] and [http://www.mtgd.gov.md/ru/ Russian] versions available yet   
* [http://www.auctionlink.com.au/ AuctionLink] uses hCard for Auctioneer records like [http://www.auctionlink.com.au/Auctioneers/Auctioneer/Cam_Brown_Auctions/ Cam Brown Auctions] (also uses hCalendar)
* [http://www.auctionlink.com.au/ AuctionLink] uses hCard for Auctioneer records like [http://www.auctionlink.com.au/Auctioneers/Auctioneer/Cam_Brown_Auctions/ Cam Brown Auctions] (also uses hCalendar)
* [http://www.wlzine.com/ WLZine] uses hcard to mark up contact details for diet programs (see [http://wlzine.com/south-beach-diet-one-of-the-best-diets-out-there/ South Beach Diet]
* [[User:WebOrganics|User WebOrganics]] The Microformats wiki has hcards on its user pages.
* [[User:WebOrganics|User WebOrganics]] The Microformats wiki has hcards on its user pages.
* [http://www.ontwerpkliniek.nl Ontwerpkliniek - Bureau voor Visuele Identiteit] uses the hCard contact information at the frontpage and the contact page.
* [http://www.ontwerpkliniek.nl Ontwerpkliniek - Bureau voor Visuele Identiteit] uses the hCard contact information at the frontpage and the contact page.
Line 331: Line 412:
* [http://www.accountviewsoftware.nl/ AccountviewSoftware.nl] makes use of hCards for the dealer directory [http://www.accountviewsoftware.nl/dir/ (directory)]
* [http://www.accountviewsoftware.nl/ AccountviewSoftware.nl] makes use of hCards for the dealer directory [http://www.accountviewsoftware.nl/dir/ (directory)]
* [http://www.crystalvision.co.il/ CrystalVision] uses hCard on their contact page and in the footer throughout the site.
* [http://www.crystalvision.co.il/ CrystalVision] uses hCard on their contact page and in the footer throughout the site.
* [http://www.indigoclothing.com/ Indigo Clothing] a London based t-shirt company uses hCard with Technorati's Add to Address Book throughout the site in the footer
* [http://www.joshuamcginnis.com Joshua McGinnis] uses hCard to display his contact information to potential clients.
* [http://www.joshuamcginnis.com Joshua McGinnis] uses hCard to display his contact information to potential clients.
* [http://www.myaffordablemarketing.com/contact.php Affordable Marketing Solutions' contact page] uses hCard with Technorati "Add to Address Book".
* [http://www.bo.ingv.it/contents/INGV-Bologna/Staff.html INGV Bologna] implemented hCards for staff-members, marked-up as HTML table-rows ([[include-pattern]] also used to add organization-name and fax-number to each hCard).
* [http://www.bo.ingv.it/contents/INGV-Bologna/Staff.html INGV Bologna] implemented hCards for staff-members, marked-up as HTML table-rows ([[include-pattern]] also used to add organization-name and fax-number to each hCard).
* [http://www.lefora.com Lefora] is a free forum hosting site (using custom forum software). Every user's profile contains an hCard. (Example forum for testing: [http://funstuff.lefora.com funstuff.lefora.com])
* [http://www.lefora.com Lefora] is a free forum hosting site (using custom forum software). Every user's profile contains an hCard. (Example forum for testing: [http://funstuff.lefora.com funstuff.lefora.com])
* [http://www.handlairsystems.com H&L Air Systems] uses hCard with Technorati link Add to Address Book on all contact pages.
* [http://theultimates.whitepages.com WhitePages.com] A special version of whitepages.com has all its listings marked up in hCard.
* [http://theultimates.whitepages.com WhitePages.com] A special version of whitepages.com has all its listings marked up in hCard.
* [http://piermontweb.com/contact/ Piermont Web Design] uses hCard on its contact page.
* [http://piermontweb.com/contact/ Piermont Web Design] uses hCard on its contact page.
Line 375: Line 453:
* [http://www.tomstone.se Tom Stone - Trollkarl] has a hCard in the footer of each page of the site.
* [http://www.tomstone.se Tom Stone - Trollkarl] has a hCard in the footer of each page of the site.
* [http://www.rolandinsh.lv/ Rolands Umbrovskis]'s home page has hCard in [http://www.rolandinsh.lv/?ro=contacts contact page] and all other pages with contact information.
* [http://www.rolandinsh.lv/ Rolands Umbrovskis]'s home page has hCard in [http://www.rolandinsh.lv/?ro=contacts contact page] and all other pages with contact information.
* [http://www.epiphanysolutions.co.uk/ Epiphany Solutions Ltd] use a hCard on their contact us page. We intend to use the hCard on everypage if successfully implemented, along with a link to the Technorati vCard generator.
* [http://twitter.com Twitter] uses hCard for user information (along with [http://ihack.us/2007/05/14/twitter-gets-microformatted/ several other microformats])
* [http://twitter.com Twitter] uses hCard for user information (along with [http://ihack.us/2007/05/14/twitter-gets-microformatted/ several other microformats])
* [http://www.bendodson.com/developer/ Ben Dodson] uses an hCard for his contact details on every page of his site as well as using hCards for any XFN relationships in his blogrolls.
* [http://www.bendodson.com/developer/ Ben Dodson] uses an hCard for his contact details on every page of his site as well as using hCards for any XFN relationships in his blogrolls.
Line 415: Line 492:
* [http://optics.org/cws/Contact/OurTeam.do optics.org]'s team page.
* [http://optics.org/cws/Contact/OurTeam.do optics.org]'s team page.
* [http://www.robcottingham.ca/contact Rob Cottingham]'s first foray into microformats is an hCard on the contact page of his personal blog. (He was inspired by Tantek Çelik's presentation at Web Directions North 2007.)
* [http://www.robcottingham.ca/contact Rob Cottingham]'s first foray into microformats is an hCard on the contact page of his personal blog. (He was inspired by Tantek Çelik's presentation at Web Directions North 2007.)
* [http://redmonk.net/about-this-site Steve Ivy] - hcard about page, includes the usual suspects + XFN on 'url's, photo, amd geo.
* [http://seattleu.edu Seattle University] uses hCard on it's front page and most pages that share an official template.  
* [http://seattleu.edu Seattle University] uses hCard on it's front page and most pages that share an official template.  
* [http://www.josemarti.waw.pl Jose Marti XXII Secondary School in Warsaw] includes hCard on Contact and About Author sections
* [http://www.josemarti.waw.pl Jose Marti XXII Secondary School in Warsaw] includes hCard on Contact and About Author sections
Line 433: Line 509:
*[http://wizardishungry.com/blog/ wizardishungry/blog] has the author's hCard in the footer of every page with a link to X2V.
*[http://wizardishungry.com/blog/ wizardishungry/blog] has the author's hCard in the footer of every page with a link to X2V.
* [http://www.walkerfineart.com Walker Fine Art Gallery] Most pages contain an hCard in the footer.
* [http://www.walkerfineart.com Walker Fine Art Gallery] Most pages contain an hCard in the footer.
* [http://www.brdatasystems.com.au/contact-us.html B&R Data Systems] is an organisation hCard. We have also used the technorati tool to download as a vCard, which I think is useful for a business.
* [http://chewbittel.com/contact.php Chew Bittel Assoc., Inc.] is an organization hCard. It's got abbr's in there, and a duplicate telephone field, and some hidden things. I'm really pushing things to the limit here. This should be a great test for your parser.
* [http://chewbittel.com/contact.php Chew Bittel Assoc., Inc.] is an organization hCard. It's got abbr's in there, and a duplicate telephone field, and some hidden things. I'm really pushing things to the limit here. This should be a great test for your parser.
* [[User:Steve Ivy|Steve Ivy]]'s [http://redmonk.net/about-this-site/ about page] has his hcard, including a link to Technorati's contacts feed to let visitors download his contact information.
* Scott Allan Wallick's hCard is [[User:ScottWallick|his user page]] and on his blog, [http://www.plaintxt.org/about/2/ plaintxt.org]
* Scott Allan Wallick's hCard is [[User:ScottWallick|his user page]] and on his blog, [http://www.plaintxt.org/about/2/ plaintxt.org]
* [[User:Bob_Jonkman|Bob Jonkman's hCard]] '''on this 'wiki''''  
* [[User:Bob_Jonkman|Bob Jonkman's hCard]] '''on this 'wiki''''  
Line 560: Line 634:
* [http://www.lefdal.cc/info.php Alf KÃ¥re Lefdal] uses hCard in the markup of his contact information
* [http://www.lefdal.cc/info.php Alf KÃ¥re Lefdal] uses hCard in the markup of his contact information
* [http://www.pignwhistle.com.au/ Pig N Whistle, a chain of pubs in Brisbane, Australia] is using hcard to mark up all the contact pages for its outlets and head office
* [http://www.pignwhistle.com.au/ Pig N Whistle, a chain of pubs in Brisbane, Australia] is using hcard to mark up all the contact pages for its outlets and head office
* [http://www.applianceman-repair-fortbend.com/ac-air-conditioning-repair-katy-tx.html Air Conditioning Katy TX] uses hCard in the footer of the air conditioning repair website. To view an example visit [http://www.applianceman-repair-fortbend.com/sugar-land-appliance-repair.html Appliance Repair Sugar Land]
* [http://kollitsch.de/ Patrick Kollitsch] has built his personal Profil as hCard
* [http://kollitsch.de/ Patrick Kollitsch] has built his personal Profil as hCard
* [http://www.audiophile.pl/ Car Audio] uses the hCard in his contacts section.
* [http://www.audiophile.pl/ Car Audio] uses the hCard in his contacts section.
Line 568: Line 643:
* [http://rejuvenation.com/ Rejuvenation] is now using hCard for contact information.
* [http://rejuvenation.com/ Rejuvenation] is now using hCard for contact information.
* [http://www.mattash.com/contact/ Matthew Ash] uses the hCard in his contacts section.
* [http://www.mattash.com/contact/ Matthew Ash] uses the hCard in his contacts section.
* [http://www.atbbuildinginc.com/ Kitchen Remodeling Detroit] uses the hCard in the footer section of the home remodeling website. To view an example visit [http://www.atbbuildinginc.com/kitchen-remodeling-farmington-hills.html kitchen remodeling farmington hills mi]
* [http://www.metrohomeimprovementsinc.com/ General Contractor Detroit] uses the hCard in the header section of the contractor website. To see example visit [http://www.metrohomeimprovementsinc.com/insulation.html insulation contractor detroit]
* [http://yarmouthguide.com/business.php Yarmouth Guide] uses hCard for each business details page.
* [http://yarmouthguide.com/business.php Yarmouth Guide] uses hCard for each business details page.
* [http://www.merchantcircle.com MerchantCircle] has embedded an hCard in every one of their 15+ million US business listings.
* [http://www.merchantcircle.com MerchantCircle] has embedded an hCard in every one of their 15+ million US business listings.
Line 579: Line 656:
* [http://www.Sylphen.com Sylphen] is a IT-solutions-provider and uses hCards on the [http://www.sylphen.com/content/kontakt/kontakt.htm Contact]
* [http://www.Sylphen.com Sylphen] is a IT-solutions-provider and uses hCards on the [http://www.sylphen.com/content/kontakt/kontakt.htm Contact]
** '''invalid''' two of the three examples lack the required <code>fn</code> or <code>fn org</code> property
** '''invalid''' two of the three examples lack the required <code>fn</code> or <code>fn org</code> property
* [http://www.reefscape.net reefscape.net] Personal blog page that has a hidden hCard in the about section on every page. A vCard can be downloaded using the Technorati service.
**Hidden.
* [http://www.cosmotourist.com www.cosmotourist.com] and [http://www.cosmotourist.de www.cosmotourist.de] A new German and English portal around travel tips. Using hidden hCard for hotel listings, wherever address data is available.  
* [http://www.cosmotourist.com www.cosmotourist.com] and [http://www.cosmotourist.de www.cosmotourist.de] A new German and English portal around travel tips. Using hidden hCard for hotel listings, wherever address data is available.  
**Hidden.
**Hidden.
Line 650: Line 725:
* [http://www.go-curiosity.com/about.htm Piercarlo Slavazza] has published an hCard.
* [http://www.go-curiosity.com/about.htm Piercarlo Slavazza] has published an hCard.
* [http://zooibaai.nl/ Rob Mientjes] has published his hCard on [http://zooibaai.nl/about/ his about page].
* [http://zooibaai.nl/ Rob Mientjes] has published his hCard on [http://zooibaai.nl/about/ his about page].
* [http://www.dumpsterrentalsdetroit.com/ Dumpster Rental Detroit] has published their hCard on the footer of every page see [http://www.dumpsterrentalsdetroit.com/ Kincaide Dumpster Rental].
* [http://rbach.priv.at/Contact Robert Bachmann] has published his hCard and [http://rbach.priv.at/Images/hcard a button].
* [http://rbach.priv.at/Contact Robert Bachmann] has published his hCard and [http://rbach.priv.at/Images/hcard a button].
* [http://blah Scott Reynen has published his hCard on [http://www.randomchaos.com/document.php?source=scott_reynen his profile page].
* [http://blah Scott Reynen has published his hCard on [http://www.randomchaos.com/document.php?source=scott_reynen his profile page].
Line 682: Line 758:
* [http://www.musiktagespflege-leichlingen.de Musiktagespflege Leichlingen] uses hCard for imprint and contact informations.
* [http://www.musiktagespflege-leichlingen.de Musiktagespflege Leichlingen] uses hCard for imprint and contact informations.
* [http://www.siam-property.com Siam Property Thailand] uses hCard for property consultants.
* [http://www.siam-property.com Siam Property Thailand] uses hCard for property consultants.
* [http://www.atbbuildinginc.com/ ATB Building Royal Oak MI] is using hCard on the contact page of their website.
* [http://www.badspiderbites.com/ Bad Spider Bites] uses hCard on their about page for customer submissions and contact information.
* [http://www.xn--mxacivya8br.net/ Φαψεβοοκ] Φαψεβοοκ uses hCard on their about page for customer contact information.
* [http://www.xn--oxaagxsa.com.gr/ Γοογλε] Γοογλε uses hCard on their [http://www.γοογλε.com.gr/terms/about-us/ about page] for their name and URL.
** one valid hCard, one invalid one.


== examples by category ==
== examples by category ==
'''Want hCard?''' Get started with writing an [[hcard|hCard]] using the [http://microformats.org/code/hcard/creator hCard creator] to write up some contact information, [[validators#hCard|validate]] and publish it, or following the [[hcard-authoring|hCard authoring tips]] to add hCard markup to your current site.  Check out this section for similar examples of types of pages that benefit from hCard markup.
'''Want hCard?''' Get started with writing an [[hcard|hCard]] using the [http://microformats.org/code/hcard/creator hCard creator] to write up some contact information, [[validators#hCard|validate]] and publish it, or following the [[hcard-authoring|hCard authoring tips]] to add hCard markup to your current site.  Check out this section for similar examples of types of pages that benefit from hCard markup.


This section organizes examples into several rough categories as follows. If an example fits in more than one cateogry, use the *last* matching category in this list that matches the specific hCard example(s) in the wild that you are trying to categorize.
This section organizes examples into several rough categories as follows. If an example fits in more than one category, use the *last* matching category in this list that matches the specific hCard example(s) in the wild that you are trying to categorize.
# '''[[hcard-examples-in-wild#Individuals|Individuals]]''' - one card per person, perhaps sort alphabetically by "family-name".  People with their own hCards (typically) on their own site.
# '''[[hcard-examples-in-wild#Individuals|Individuals]]''' - one card per person, perhaps sort alphabetically by "family-name".  People with their own hCards (typically) on their own site.
# '''[[hcard-examples-in-wild#Organizations|Organizations]]''' - one card per organization, alphabetical by "fn".  Organizations with their own hCard(s) (typically) on their own site.
# '''[[hcard-examples-in-wild#Organizations|Organizations]]''' - one card per organization, alphabetical by "fn".  Organizations with their own hCard(s) (typically) on their own site.
Line 692: Line 773:
# '''[[hcard-supporting-user-profiles|Online Profiles]]''' - which host profiles for more than one person, with a count estimating the # of hCards, e.g. 10m+ for Flickr.com.  Alphabetically sorted by company / service name.
# '''[[hcard-supporting-user-profiles|Online Profiles]]''' - which host profiles for more than one person, with a count estimating the # of hCards, e.g. 10m+ for Flickr.com.  Alphabetically sorted by company / service name.
# '''[[hcard-examples-in-wild#Online_Venues|Online Venues]]''' - which provide listings for businesses or organizations, with a count estimating the # of venues, e.g. ~10k for Upcoming.org. Alphabetically sorted by service/site name, with perhaps a few specific venues listed in a single sub-bullet, comma delimited, sorted by "fn".
# '''[[hcard-examples-in-wild#Online_Venues|Online Venues]]''' - which provide listings for businesses or organizations, with a count estimating the # of venues, e.g. ~10k for Upcoming.org. Alphabetically sorted by service/site name, with perhaps a few specific venues listed in a single sub-bullet, comma delimited, sorted by "fn".
# '''[[hcard-examples-in-wild#Event_Speakers|Event Speakers]]''' - event pages where the speaker for the event is marked up with hCard.
# '''[[hcard-examples-in-wild#Speakers_Listings|Speakers Listings]]''' - event sites' speakers pages where the speakers are marked up with hCard.  Sort by date, sub-grouped by year.  Most recent first.  Perhaps a few individuals listed in a single sub-bullet each event, comma delimited, sorted by "family-name".
# '''[[hcard-examples-in-wild#Speakers_Listings|Speakers Listings]]''' - event sites' speakers pages where the speakers are marked up with hCard.  Sort by date, sub-grouped by year.  Most recent first.  Perhaps a few individuals listed in a single sub-bullet each event, comma delimited, sorted by "family-name".
# '''[[hcard-examples-in-wild#Group_Blogs|Group Blogs]]''' - blogs with multiple authors marked up with hCard
# '''[[hcard-examples-in-wild#Group_Blogs|Group Blogs]]''' - blogs with multiple authors marked up with hCard
Line 724: Line 806:
* [http://christophertcressman.com/ Christopher T. Cressman] put his contact details on [http://christophertcressman.com/ Who is Chris Cressman?] and marked them up with hCard.
* [http://christophertcressman.com/ Christopher T. Cressman] put his contact details on [http://christophertcressman.com/ Who is Chris Cressman?] and marked them up with hCard.


* [http://monkinetic.com/ Steve Ivy] with hCard and [http://monkinetic.com/about-this-site.html about page] with the usual suspects + XFN on 'url's, photo.
* [http://www.ryanmjones.com Ryan Jones]'s home page is also an hCard.
* [http://www.ryanmjones.com Ryan Jones]'s home page is also an hCard.
* [http://factoryjoe.com/hcard.html Chris Messina] has a page set aside with his contact details.
* [http://factoryjoe.com/hcard.html Chris Messina] has a page set aside with his contact details.
Line 742: Line 825:


=== Organizations ===
=== Organizations ===
Sites for specific organizations with their own hCard on home page, or contact/about page(s). Grouped by country, sorted alphabetically. When this section gets too big we can make a separate business directory page.
==== US orgs ====
* [http://www.pinewoodgroup.com/ Pinewood Shepperton plc] includes an hCard on their home page, and several more upon clicking their "Contact Us" button (found via [http://www.thedrum.co.uk/news/2011/09/07/25776-pinewood-studios-launch-website-created-by-multiply/ 2011-09-07 Pinewood Studios launch website created by Multiply] [[press]] article).
* [http://www.pinewoodgroup.com/ Pinewood Shepperton plc] includes an hCard on their home page, and several more upon clicking their "Contact Us" button (found via [http://www.thedrum.co.uk/news/2011/09/07/25776-pinewood-studios-launch-website-created-by-multiply/ 2011-09-07 Pinewood Studios launch website created by Multiply] [[press]] article).
* [http://www.michrome.com Michrome Marketing Lists (UK)] use hCard on all their search result data.  For example, [http://michrome.com/free-leads/162-Bradford-BD9 Startup Companies in Bradford].
* [http://www.primerica.com/public/contact.html Primerica] uses hCard on "Contact Primerica" page for home office address.
* [http://www.primerica.com/public/contact.html Primerica] uses hCard on "Contact Primerica" page for home office address.
* [http://RippleFxInc.com/ RippleFxInc.com] including both [http://blog.RippleFxInc.com/ Ideas Blog @ Ripple FX] and [http://wiki.RippleFxInc.com/ Knowledge Wiki @ Ripple FX] use hCard markup and allows for vCard download on their page footers; because they care, the same is standard on every site they design.
* [http://RippleFxInc.com/ RippleFxInc.com] including both [http://blog.RippleFxInc.com/ Ideas Blog @ Ripple FX] and [http://wiki.RippleFxInc.com/ Knowledge Wiki @ Ripple FX] use hCard markup and allows for vCard download on their page footers; because they care, the same is standard on every site they design.
* [http://technorati.com Technorati] (3)
* [http://www.sfmoma.org/ San Francisco Museum of Modern Art] (SFMOMA)'s home page and pages in general have their address marked up in hCard.
** [http://technorati.com/about/ about], [http://technorati.com/press/ press], and [http://technorati.com/about/contact.html contact] pages are marked up with hCard and have "Add to Address Book" links that use the [http://feed.technorati.com/contacts/ Technorati Contacts Feed service].
 
* [http://technorati.jp Technorati Japan] (1)
==== Australia orgs ====
** [http://technorati.jp/about/contact.html contact] page is marked up with hCard.
* [http://www.brdatasystems.com.au/contact-us.html B&R Data Systems] is an organisation hCard. We have also used the technorati tool to download as a vCard, which I think is useful for a business.
* The imprint of [http://www.hsg-kl.de/impressum/index.php Hohenstaufen Gymnasium Kaiserslautern]
 
==== England orgs ====
* [http://www.aldridgedentists.co.uk/ Anchor Road Dental Practice] uses hCard markup on its  [http://www.aldridgedentists.co.uk/contact-us/ Contact] page.The page also includes a [http://aldridgedentists.co.uk/anchorroaddentalpractice.vcf vCard].
* [http://www.alexandersremovals.co.uk/ Alexanders Removals] uses hCard for business address and contact details.
* [http://www.top-removals.co.uk/ DTop Removals] uses hCard for business address and contact details.
* [http://www.confidence2smile.co.uk/ Confidence 2 Smile] uses hCard for business address and contact details.
* [http://www.dovetaildental.co.uk/ Dovetail Dental] uses hCard for business address and contact details.
* [https://wecare-removals.co.uk WeCare Removals and Storage] uses hCard for business address and contact details.
* [http://www.electricalcerts.co.uk/ Electrical Certs] uses hCard for business address and contact details.
* [http://www.removalslondon.co/ Removals London] uses hCard for business address and contact details.
* [http://www.london-man-van.com/ London Man Van] uses hCard for business address and contact details.
* [http://www.all-removals-london.com/ All Removals London] uses hCard for business address and contact details.
 
==== Germany orgs ====
* [http://www.hsg-kl.de/impressum/index.php Hohenstaufen Gymnasium Kaiserslautern] has hCard contact info
** '''suboptimal''': <code>adr</code> subproperties are not recognized due to lack of explicit "adr" property.
** '''suboptimal''': <code>adr</code> subproperties are not recognized due to lack of explicit "adr" property.
*** evidence that has helped drive the flatter design of [[microformats-2]] including h-card which permits adr properties, e.g. 'street-address' directly inside the hCard instead of requiring an explicit 'adr' in the hierarchy. - [[User:Tantek|Tantek]] 01:46, 17 May 2012 (UTC)
==== Georgia orgs ====
* [http://www.serviceklimatistikon.gr/contact/ magiClima's contact page] uses for customer contact information.
==== Netherlands orgs ====
* [http://www.kdvkabouterbos.nl/ Kinderdagverblijf Kabouterbos], a day care / nursery that uses an hCard for their contact information (footer).
Mis-sorted - this should be moved to a search results section:
* [http://www.michrome.com Michrome Marketing Lists (UK)] use hCard on all their search result data.  For example, [http://michrome.com/free-leads/162-Bradford-BD9 Startup Companies in Bradford].


International:
Old: (these sites used to have hCard, some may have gone offline)
* Dutch: [http://www.kdvkabouterbos.nl/ Kinderdagverblijf Kabouterbos], a day care / nursery that uses an hCard for their contact information (footer).
* <nowiki>http://technorati.com Technorati</nowiki> (2004-2011)
** <nowiki>http://technorati.com/about/ about, http://technorati.com/press/ press, and http://technorati.com/about/contact.html contact</nowiki> pages with hCard and have "Add to Address Book" links with the <nowiki>http://feed.technorati.com/contacts/ Technorati Contacts Feed service</nowiki>.
* <nowiki>http://technorati.jp Technorati Japan</nowiki> (2004-2011)
** <nowiki>http://technorati.jp/about/contact.html contact</nowiki> page marked up with hCard.


=== Institutions ===
=== Institutions ===
* [http://conferences.oreillynet.com/contacts.csp O'Reilly's Conferences Team page] has hCards for their team (~14) with a link to "Download the below contact info in vcf format" that uses the [http://feeds.technorati.com/contacts/ Technorati contacts feed service] to convert the hCards into vCards.
* Mozilla's WebFWD [https://webfwd.org/about/experts/ experts] and [https://webfwd.org/about/team/ team] pages have hCards, including [[microformats-2]] h-card markup.
* [http://conferences.oreillynet.com/contacts.csp O'Reilly's Conferences Team page] has hCards for their team (~14) with a link to "Download the below contact info in vcf format" that uses the old Technorati contacts feed service to convert the hCards into vCards.
** needs updating to use [[H2VX]] instead of Technorati
** '''suboptimal''': The "org" shouldn't be hidden with "display:none". Instead, use the [[include-pattern]] to include the "org" from text elsewhere on the page (to avoid duplicating the text).
** '''suboptimal''': The "org" shouldn't be hidden with "display:none". Instead, use the [[include-pattern]] to include the "org" from text elsewhere on the page (to avoid duplicating the text).
* [http://technorati.com/about/staff.html Technorati's Staff page] has hCards for its employees (~31)
 
** E.g. [http://technorati.com/about/staff.html?s=matthew_levine#matthew_levine Matthew Levine], [http://technorati.com/about/staff.html?s=ryan_king#ryan_king Ryan King], etc.
'''with some problems:'''
'''with some problems:'''
* The [http://www.ibm.com/contact/employees/ IBM Employee Directory] returns hCards in its query results
* The [http://www.ibm.com/contact/employees/ IBM Employee Directory] returns hCards in its query results
Line 779: Line 892:
** '''suboptimal''': job "title" is included inside within "fn" property.
** '''suboptimal''': job "title" is included inside within "fn" property.
* ...
* ...
old:
* 2005-2010(?) <nowiki>http://technorati.com/about/staff.html Technorati's Staff page had hCards for its employees (~31)</nowiki>
** E.g. <nowiki>http://technorati.com/about/staff.html?s=matthew_levine#matthew_levine Matthew Levine, http://technorati.com/about/staff.html?s=ryan_king#ryan_king Ryan King, etc.</nowiki>


=== Online Profiles ===
=== Online Profiles ===
Line 792: Line 909:
* [http://rinklinks.ca/ RinkLinks.ca: A Comprehensive Rinks and Arenas Directory for North America] supports an hCards for listings in their directory.
* [http://rinklinks.ca/ RinkLinks.ca: A Comprehensive Rinks and Arenas Directory for North America] supports an hCards for listings in their directory.
* [http://www.sydneydirectory.org/ Sydney Directory Wiki] supports hCard and geographical coordinates for locations, e.g. the [http://www.sydneydirectory.org/index.php/Opera_House Sydney Opera House].
* [http://www.sydneydirectory.org/ Sydney Directory Wiki] supports hCard and geographical coordinates for locations, e.g. the [http://www.sydneydirectory.org/index.php/Opera_House Sydney Opera House].
=== Event Speakers ===
* [http://fluentconf.com/fluent2012 O'Reilly fluent conference 2012] sessions, e.g. [http://fluentconf.com/fluent2012/public/schedule/detail/25831 Federated Wiki Mashes Data in Your Browser] have speakers marked up with hCard.
* ...


=== Speakers Listings ===
=== Speakers Listings ===
* ... lots more to add from events since 2007, e.g. every dConstruct etc.
==== 2007 ====
==== 2007 ====
[[to-do]]: check 2007 [[presentations]] as they likely contain links to conferences that marked up their speakers page(s) with hCard.
[[to-do]]: check 2007 [[presentations]] as they likely contain links to conferences that marked up their speakers page(s) with hCard.
Line 827: Line 950:


=== Authors ===
=== Authors ===
* [http://time.com TIME.com] marks up articles with hAtom including authors with hCard, e.g. [http://techland.time.com/2012/05/10/like-to-brag-on-facebook-or-twitter-thats-because-self-disclosure-is-like-eating-and-sex-says-study/ Like to Brag on Facebook or Twitter? That’s Because Self-Disclosure Is like Eating and Sex, Says Study]
* [http://lazylibrary.com LazyLibrary] uses author hCard's on every book page. Example: [http://lazylibrary.com/book/0751370576]
* [http://lazylibrary.com LazyLibrary] uses author hCard's on every book page. Example: [http://lazylibrary.com/book/0751370576]
** '''suboptimal''' [http://lazylibrary.com/book/0751370576 Example] has an fn of "Dorling Kindersley, David West Reynolds" which should be split into two hCards! (site would also benefit from hReview).
** '''suboptimal''' [http://lazylibrary.com/book/0751370576 Example] has an fn of "Dorling Kindersley, David West Reynolds" which should be split into two hCards! (site would also benefit from hReview).
* ... many more (e.g. see unsorted list above, verify and move here)


=== Search Results ===
=== Search Results ===
Line 839: Line 964:
=== Listing Contact ===
=== Listing Contact ===
Contact information for listings, e.g. job postings, items for sale, etc.
Contact information for listings, e.g. job postings, items for sale, etc.
 
* [http://bestsecurityjobs.co.uk/ Best Security Jobs] is a UK jobs board that uses hCard on the homepage for job listings.
* [http://seogadget.co.uk/search-marketing-executive-upto-30k-portsmouth/ search marketing executive] published by [http://seogadget.co.uk/ SEOgadget].
* [http://seogadget.co.uk/search-marketing-executive-upto-30k-portsmouth/ search marketing executive] published by [http://seogadget.co.uk/ SEOgadget].
** '''invalid url property''' - href of the url property element lacks <nowiki>http://</nowiki>, thus being invalid and linking to a non-existent relative URL.
** '''invalid url property''' - href of the url property element lacks <nowiki>http://</nowiki>, thus being invalid and linking to a non-existent relative URL.
Line 846: Line 971:
===UTF8 Examples===
===UTF8 Examples===
These examples all contain one or more characters in UTF8 that are outside the ASCII7 range and make for excellent test cases to make sure you are handling UTF8 properly throughout your hCard parsing and transforming. And especially if you are generating vCards, these test cases will help you make sure you are generating UTF8 vCards in such a way that can be recognized by UTF8 supporting vCard applications. Sorted roughly alphabetically (per Unicode).
These examples all contain one or more characters in UTF8 that are outside the ASCII7 range and make for excellent test cases to make sure you are handling UTF8 properly throughout your hCard parsing and transforming. And especially if you are generating vCards, these test cases will help you make sure you are generating UTF8 vCards in such a way that can be recognized by UTF8 supporting vCard applications. Sorted roughly alphabetically (per Unicode).
* [http://imageconcept.ru/contacts.html ImageConcept (ИмиджКонцепт)] embedded UTF8 encoded hCard with Russian characters in «Contacts» page of website.
* [http://sphinx.net.ru/author/ Dmitry Dzhus] embedded his UTF8 encoded hCard with Russian characters in «Author» page of his website.
* [http://sphinx.net.ru/author/ Dmitry Dzhus] embedded his UTF8 encoded hCard with Russian characters in «Author» page of his website.
* [http://ecdlweb.com/ ECDLWeb.com] encodes hCard and Geo information of ECDL and ICDL test centres in UTF-8. Test case for Central European ([http://ecdlweb.com/en/czech-republic/sps-ceska-lipa Czech], [http://ecdlweb.com/en/hungary/athene-idegenforgalmi-informatikai-es-uzletemberkepzo-szakkozepiskola Hungarian] etc.) and [http://ecdlweb.com/en/belarus/belhard Cyrillic] characters.
* [http://ecdlweb.com/ ECDLWeb.com] encodes hCard and Geo information of ECDL and ICDL test centres in UTF-8. Test case for Central European ([http://ecdlweb.com/en/czech-republic/sps-ceska-lipa Czech], [http://ecdlweb.com/en/hungary/athene-idegenforgalmi-informatikai-es-uzletemberkepzo-szakkozepiskola Hungarian] etc.) and [http://ecdlweb.com/en/belarus/belhard Cyrillic] characters.
Line 851: Line 977:
* [http://technorati.jp/about/contact.html Technorati Japan contact information] encodes Japanese as inline UTF8.
* [http://technorati.jp/about/contact.html Technorati Japan contact information] encodes Japanese as inline UTF8.
* [http://uk.wikipedia.org/wiki/%D0%93%D0%B5%D1%82%D1%8C%D0%BC%D0%B0%D0%BD_%D0%92%D0%B0%D0%B4%D0%B8%D0%BC_%D0%9F%D0%B5%D1%82%D1%80%D0%BE%D0%B2%D0%B8%D1%87 Vadym Hetman] (Wikipedia-UK (Ukranian))
* [http://uk.wikipedia.org/wiki/%D0%93%D0%B5%D1%82%D1%8C%D0%BC%D0%B0%D0%BD_%D0%92%D0%B0%D0%B4%D0%B8%D0%BC_%D0%9F%D0%B5%D1%82%D1%80%D0%BE%D0%B2%D0%B8%D1%87 Vadym Hetman] (Wikipedia-UK (Ukranian))
==== nickname only ====
==== nickname only ====
These UTF8 examples only have UTF8 for the "nickname" property and are thus are a bit easier for testing than the previous examples.
These UTF8 examples only have UTF8 for the "nickname" property and are thus are a bit easier for testing than the previous examples.
Line 865: Line 992:
== related pages ==
== related pages ==
{{hcard-related-pages}}
{{hcard-related-pages}}
* [[hcalendar-examples-in-wild|hCalendar examples in the wild]]

Latest revision as of 16:25, 18 July 2020

ℹ️ Note:

As of 2017 there are millions of hCards in the wild (e.g. on WordPress by default for years), and thus hCard examples are closed to new additions. Existing examples may be removed if no longer applicable, or may be updated for historical accuracy purposes only.

DO NOT add new examples to this page. If you do, we'll assume you've actively disregarded this warning, and you'll be banned.

Please use h-card which supersedes hCard and add to h-card examples in the wild accordingly. Thank you.


Want hCardsHave hCards

This page is an informative section of the hCard specification.

The following sites have published hCards, and thus are a great place to start for anyone looking for examples "in the wild" for inspiration, or try parsing and indexing.

new and uncategorized examples

Have hCard? Great! Now go add h-card. If you have a site with hCard(s), add it to the top of this list. Include at least one URL to a page that includes actual hCard markup. Examples without direct links to pages with hCard(s) will be removed. Check back after a few days, to see if anyone has found any problems with the examples supplied. Note that examples may be categorized and moved to the grouped section below.

You may want to use these buttons on your pages with hCards. See buttons#hCard for any recent additions.

mf_hcard.png microformat_hcard.png

  • The Brownbook - the open yellow pages The Brownbook is a peer-produced (like a wiki, but not a using a wiki engine) local business search website. It Uses hCard to allow users to export local business contact details to Outlook or other desktop apps, plus for providing detailed maps from Google.
    • Example of a search results page: Hairdressers in Egham
      • suboptimal: Adresses, e.g "2 Station Rd North, Egham, Surrey", are marked up as street-address
    • Example of a single business's details The Hair Emporium.
      • suboptimal: Adresses, e.g "2 Station Rd North, Egham, Surrey", are marked up as street-address
  • Sylphen is a IT-solutions-provider and uses hCards on the Contact
    • invalid two of the three examples lack the required fn or fn org property
  • www.cosmotourist.com and www.cosmotourist.de A new German and English portal around travel tips. Using hidden hCard for hotel listings, wherever address data is available.
    • Hidden.
  • Venn uses a hidden hCard on the contact page.
    • Hidden.
  • Last FM has hCards hidden on their profile pages e.g. [18].
    • Hidden.
  • Kriss Watt has hidden an hCard his blog footer.
    • Hidden.
  • Frances Berriman has a hidden vCard in the footers of her website.
    • Hidden.
  • CandleScience Candle Supply added a hidden hcard sitewide.
    • Hidden.
  • Meryl K. Evans has a hidden hCard on her homepage.
    • Hidden.
  • High Flyers Careers, India's first flight-crew placement agency uses microformats for their corporate information page. Using standards couldn't be easier or better.
    • Has honorific prefixes as part of "fn", rather than marked up separatley.
  • Spotstor.com eg - [19] uses hCard on profile pages (where user has elected to show contact information).
  • Natural England (new UK government agency, formed 2006-10-01).
    • No "fn" - which makes it invalid.
  • G3:2 uses hCard with geo tags in the copyright and on the about me page
    • Address data is hidden using CSS.
  • ZDnet Contact Us Page supports hCard.
  • Gerard Braad has published an example on his profile page that is almost consistent with his original vCard file. Also progress is made for transforming his FoaF file to a hCard encoded representation (also done for my spouse:Yong Yuan)
    • (2005-09-27) PASSED, PASSED
    • WARNINGS
      • uses 'n given-name' and 'n family-name' instead of nesting the given- and family- names inside the 'n'
      • has one 'tel' value with a bunch of values stuffed in
      • probably more problems --RyanKing 17:19, 5 Jan 2006 (PST)
  • Cori Schlegel discusses how he has updated his contact page with hCard
    • INVALID - using 'prefix' instead of 'honorific-prefix' and type's in classnames (in both adr and tel) and has two photo's (the second could be 'logo') --RyanKing 15:15, 5 Jan 2006 (PST)
  • Landsbanki Føroya
    • INVALID - using embedded RDF/XML invalidly
  • Yellow Pencil Using microformats to present company contact information
    • First hcard has empty "fn" and no "n". "fn" should be with "org" -- ScottReynen 21:29, 19 Jun 2006 (CST)

examples by category

Want hCard? Get started with writing an hCard using the hCard creator to write up some contact information, validate and publish it, or following the hCard authoring tips to add hCard markup to your current site. Check out this section for similar examples of types of pages that benefit from hCard markup.

This section organizes examples into several rough categories as follows. If an example fits in more than one category, use the *last* matching category in this list that matches the specific hCard example(s) in the wild that you are trying to categorize.

  1. Individuals - one card per person, perhaps sort alphabetically by "family-name". People with their own hCards (typically) on their own site.
  2. Organizations - one card per organization, alphabetical by "fn". Organizations with their own hCard(s) (typically) on their own site.
  3. Institutions - which list more than one person, with a count estimating the # of hCards, e.g. 40k for Avon. Also indicate complexity of information supplied, eg. just name+number vs. complete details. Alphabetically sorted by "org" with perhaps a few individuals listed in a single sub-bullet, comma delimited, sorted by "family-name".
  4. Online Profiles - which host profiles for more than one person, with a count estimating the # of hCards, e.g. 10m+ for Flickr.com. Alphabetically sorted by company / service name.
  5. Online Venues - which provide listings for businesses or organizations, with a count estimating the # of venues, e.g. ~10k for Upcoming.org. Alphabetically sorted by service/site name, with perhaps a few specific venues listed in a single sub-bullet, comma delimited, sorted by "fn".
  6. Event Speakers - event pages where the speaker for the event is marked up with hCard.
  7. Speakers Listings - event sites' speakers pages where the speakers are marked up with hCard. Sort by date, sub-grouped by year. Most recent first. Perhaps a few individuals listed in a single sub-bullet each event, comma delimited, sorted by "family-name".
  8. Group Blogs - blogs with multiple authors marked up with hCard
  9. Wiki templates - community wikis that have templates that automatically generate hCards on pages
  10. Authors - pages about some other thing, such as books, perhaps reviews etc., which have marked up their authors with hCard
  11. Search Results - results pages from search engines (either generic or for people/organizations) that return people marked up with hCards.
  12. Listing Contact - contact information for a listing like a job posting, for sale offering, etc.

In addition there is a separate "UTF8 Examples" section that can be used to put another link to any hCard examples in the wild which exercise various non-ASCII7 / non-english characters for various property values.

As each section itself become quite large (we might be there already, once we sort through the above "Reviewed Examples"), it will probably be moved to a separate page, leaving its heading here in place, and replacing its contents here with a link to the separate page and perhaps a stats summary.

Individuals

Groupings alphabetically by "family-name".

Nicely styled:

  • Jared Hanson's home page has a beautiful hCard with numerous ways of contacting him, and live updating of his online status on various messaging networks (uses javascript).
  • Rogie King's contact info is marked up with hCard and very nicely styled.
  • Tim Van Damme's home page is a beautiful hCard.
  • Paul Tarjan's home page has hCard and is a rel="me" hub

Simple web pages (sorted by family name)

Hidden! Invisible data is strongly discouraged, these examples have been grouped here in the hopes that the authors will someday make their hCards visible:

  • A.J. Brown's home page includes a hidden hCard at the bottom of the page.

Former. URLs that seem to have broken.

  • http://tomleo.com/about.html Tom Leo's about page had an hCard. (missing as of 2009-08-23)
  • http://bogomil.info?l=en/ Bogomil Shopov had an hCard for himself (missing as of 2011-125)

Organizations

Sites for specific organizations with their own hCard on home page, or contact/about page(s). Grouped by country, sorted alphabetically. When this section gets too big we can make a separate business directory page.

US orgs

Australia orgs

  • B&R Data Systems is an organisation hCard. We have also used the technorati tool to download as a vCard, which I think is useful for a business.

England orgs

Germany orgs

  • Hohenstaufen Gymnasium Kaiserslautern has hCard contact info
    • suboptimal: adr subproperties are not recognized due to lack of explicit "adr" property.
      • evidence that has helped drive the flatter design of microformats-2 including h-card which permits adr properties, e.g. 'street-address' directly inside the hCard instead of requiring an explicit 'adr' in the hierarchy. - Tantek 01:46, 17 May 2012 (UTC)

Georgia orgs

Netherlands orgs

Mis-sorted - this should be moved to a search results section:

Old: (these sites used to have hCard, some may have gone offline)

  • http://technorati.com Technorati (2004-2011)
    • http://technorati.com/about/ about, http://technorati.com/press/ press, and http://technorati.com/about/contact.html contact pages with hCard and have "Add to Address Book" links with the http://feed.technorati.com/contacts/ Technorati Contacts Feed service.
  • http://technorati.jp Technorati Japan (2004-2011)
    • http://technorati.jp/about/contact.html contact page marked up with hCard.

Institutions

  • Mozilla's WebFWD experts and team pages have hCards, including microformats-2 h-card markup.
  • O'Reilly's Conferences Team page has hCards for their team (~14) with a link to "Download the below contact info in vcf format" that uses the old Technorati contacts feed service to convert the hCards into vCards.
    • needs updating to use H2VX instead of Technorati
    • suboptimal: The "org" shouldn't be hidden with "display:none". Instead, use the include-pattern to include the "org" from text elsewhere on the page (to avoid duplicating the text).

with some problems:

old:

  • 2005-2010(?) http://technorati.com/about/staff.html Technorati's Staff page had hCards for its employees (~31)
    • E.g. http://technorati.com/about/staff.html?s=matthew_levine#matthew_levine Matthew Levine, http://technorati.com/about/staff.html?s=ryan_king#ryan_king Ryan King, etc.

Online Profiles

Online Venues

Event Speakers

Speakers Listings

  • ... lots more to add from events since 2007, e.g. every dConstruct etc.

2007

to-do: check 2007 presentations as they likely contain links to conferences that marked up their speakers page(s) with hCard.

2006

to-do: check 2006 presentations as they likely contain links to conferences that marked up their speakers page(s) with hCard.

2005

to-do: check 2005 presentations as they likely contain links to conferences that marked up their speakers page(s) with hCard.

Group Blogs

  • The IBM Shortcuts Podcast has authors marked up with hCard but has some problems:
    • hidden: The root hCard element as well as every property contained therein is made invisible through a style attribute containing "position:absolute; visibility:hidden".

Wiki Templates

Authors

Search Results

  • University of Bath Person Finder results are encoded with hCards so you can easily create a vCard from any result.
    • invalid: attempt to use Implied-N optimization where that's not possible,
    • suboptimal: honorific-prefix could be explicitly marked up
      • Error appears for external users only. Won't be fixed any time soon. -- PhilWilson 00:03, 28 Jan 2006 (GMT)
  • YourTraces SocialSearch Try high results (hohe Relevanz) to get only websites marked with hcard as a person.

Listing Contact

Contact information for listings, e.g. job postings, items for sale, etc.

  • Best Security Jobs is a UK jobs board that uses hCard on the homepage for job listings.
  • search marketing executive published by SEOgadget.
    • invalid url property - href of the url property element lacks http://, thus being invalid and linking to a non-existent relative URL.
    • invalid XHTML - W3C validator reports this page as XHTML 1.0 Transitional (109 errors as of 2009-08-20).

UTF8 Examples

These examples all contain one or more characters in UTF8 that are outside the ASCII7 range and make for excellent test cases to make sure you are handling UTF8 properly throughout your hCard parsing and transforming. And especially if you are generating vCards, these test cases will help you make sure you are generating UTF8 vCards in such a way that can be recognized by UTF8 supporting vCard applications. Sorted roughly alphabetically (per Unicode).

nickname only

These UTF8 examples only have UTF8 for the "nickname" property and are thus are a bit easier for testing than the previous examples.

non-HTML examples

missing

Examples that used to have one or more hCards but now don't seem to have any. If you do find one, please include direct links to at least two (assuming there are two or more) pages at the referenced site that have one or more hCards.

related pages

The hCard specification is a work in progress. As additional aspects are discussed, understood, and written, they will be added. These thoughts, issues, and questions are kept in separate pages.