events/2013-07-25-sfhtml5: Difference between revisions

From Microformats Wiki
Jump to navigation Jump to search
(add lanyrd)
m (Replace <entry-title> with {{DISPLAYTITLE:}})
 
(7 intermediate revisions by one other user not shown)
Line 1: Line 1:
<entry-title>microformats2 & HTML5: The Next Evolutionary Step For Web Data at SFHTML5</entry-title>
{{DISPLAYTITLE:microformats2 & HTML5: The Next Evolutionary Step For Web Data at SFHTML5}}
<div class="event-page h-event vevent">
<div class="event-page h-event vevent">
== Details ==
== Details ==
Line 18: Line 18:
; Slides  
; Slides  
: http://tantek.com/presentations/2013/07/microformats2
: http://tantek.com/presentations/2013/07/microformats2
; Video
: http://youtu.be/kDQigkxyiqE


   
   
Line 58: Line 60:
* Search for photographs from this event on Flickr: [http://flickr.com/photos/tags/microformats-session-2013-07-25 Photographs tagged microformats-session-2013-07-25] or for [http://flickr.com/photos/tags/microformats-session all photographs from microformats sessions].
* Search for photographs from this event on Flickr: [http://flickr.com/photos/tags/microformats-session-2013-07-25 Photographs tagged microformats-session-2013-07-25] or for [http://flickr.com/photos/tags/microformats-session all photographs from microformats sessions].


In rough time sequence order:
[http://www.meetup.com/sfhtml5/photos/16309232/#263780682 http://photos3.meetupstatic.com/photos/event/5/0/c/a/600_263780682.jpeg]
[http://www.meetup.com/sfhtml5/photos/16309232/#263786152 http://photos2.meetupstatic.com/photos/event/6/6/2/8/600_263786152.jpeg]
[http://www.meetup.com/sfhtml5/photos/16309232/#263800512 http://photos1.meetupstatic.com/photos/event/9/e/4/0/600_263800512.jpeg]
[https://twitter.com/sfhtml5/status/360586298366521344 https://pbs.twimg.com/media/BQEPU_FCcAAFnO6.jpg][http://www.meetup.com/sfhtml5/photos/16309232/#263804212]
[http://www.meetup.com/sfhtml5/photos/16309232/#263804362 http://photos2.meetupstatic.com/photos/event/a/d/4/a/600_263804362.jpeg]
[http://www.meetup.com/sfhtml5/photos/16309232/#263808802 http://photos1.meetupstatic.com/photos/event/b/e/a/2/600_263808802.jpeg]
[https://lh3.googleusercontent.com/-svSntRqAorQ/UfHmXPvbxpI/AAAAAAAALLE/ITCg455sDIc/w965-h586-no/13+-+3 https://lh5.googleusercontent.com/-svSntRqAorQ/UfHmXPvbxpI/AAAAAAAALLE/ITCg455sDIc/w477-h290-no/13+-+3?x=.jpg]


''Add another photograph from this event here''.
''Add another photograph from this event here''.
Line 69: Line 86:
* [[microformats2]]
* [[microformats2]]


Notes on https://etherpad.mozilla.org/microformats2
Notes taken on https://etherpad.mozilla.org/microformats2
 
=== Q and A ===
Questions:
 
Q: Who is consuming [[microformats2]] in the wild?
* A: Numerous [[indieweb]] sites, at least one service (spinn3r) has claimed to consume h-entry as well.
 
Q: What can we do to get a microformat adopted?
* A: Keep it as simple as possible. Cut your spec and vocabularies in half. Choose about 10 properties at most.


...
Q: Why are some microformats pushed more and more successful than others?
* A: We publish with multiple formats to see which ones get adopted. We took the subset of the [[vCard]] standard that was useful for the [[hCard]] microformat. [[hEntry]] came from [[Atom]]. We tried to be very disciplined to use existing standards as much as possible, benefit from the hard work of others.
 
Q: What happened to [[rel-tag]]?
* A: rel=tag is a published microformat that was originally supported very well by [[Technorati]] and [[IceRocket]], neither of which support it any longer. rel-tag lingers but isn't consumed by anyone that we know of anymore. [[p-category]] is where tag data seems to be going (e.g. in [[h-card]], [[h-event]], [[h-review]], etc.).
 
Q: Why is [[h-product]] not listed as ready to use today?
* A: All of the microformats2 vocabularies listed on that slide we listed (e.g. [[h-card]], [[h-entry]], [[h-event]], [[rel-in-reply-to]], etc.) are being *consumed* today. We don't know of anyone consuming h-product today. Existing parsers will handle all of these that are currently specc'd out.
 
Q: How do you markup hidden data? E.g. Different (regional) states that products are available in for instance.
* A: The question is, what do you do with info you want to present globally to a search engine that you wouldn't need to show the user because they come with a context? It's a good question. Hidden information and meta tags tend to get out of sync with actual visible information. So we recommend not to use hidden data if possible, and markup whatever information you *do* have visible in the page or in inputs/selects for both users/browsers and search engines.
 
Q: Is [[microdata]] a classic microformat syntax?
* A: No, it's another format for markup in [[HTML5]] or later. Tends to require much more extra markup. It's a lot less work and code to use microformats.
 
Q: Should I replace my microdata with microformats?
* A: If you've already finished your microdata markup, then it's less work to just leave it. Add microformats in addition (both classic for the body tag, and [[microformats2]] for all the data on the page for your page API), and that should work fine.


== Articles and Blog Posts ==
== Articles and Blog Posts ==
Articles and blog posts following up on the meetup. Add a link to your post in the list below:
Articles and blog posts following up on the meetup. Add a link to your post in the list below:
 
* 2013-07-24 Peter Lubbers: [https://plus.google.com/u/0/+PeterLubbers/posts/ELJG3NT6r1C Looking forward to tomorrow's #sfhtml5 meetup about #microformats with +Tantek Çelik]
* 2013-07-25 Peter Lubbers: [https://plus.google.com/u/0/+PeterLubbers/posts/VTGtmtfnDJ1 It's HTML5 &lt;time&gt; +Tantek Çelik talks about #microformats2 at +SFHTML5]
* 2013-07-30 Marakana: [http://marakana.com/s/post/1520/microformats_with_tantek_celik_video Microformats with Tantek Çelik]
* 2013-08-02 http://christopheducamp.com/w/2013-08-02#microformats
* …
* …
   
   
<!-- Event Author: Update the following URL to use this event's tag -->
<!-- Event Author: Update the following URL to use this event's tag -->
Also, find posts on this meetup on [http://blogsearch.google.co.uk/blogsearch?q=microformats-session-2013-07-25 Google Blog Search] or [http://technorati.com/search/microformats-session-2013-07-25 Technorati].
Also, find posts on this meetup on [http://blogsearch.google.co.uk/blogsearch?q=microformats-session-2013-07-25 Google Blog Search] or [http://technorati.com/search/microformats-session-2013-07-25 Technorati].


== Tweets and Testimonials ==
== Tweets and Testimonials ==

Latest revision as of 16:22, 18 July 2020

Details

When
from -
Where
Adobe, 601 Townsend st., San Francisco, California
What
microformats2 & HTML5: The Next Evolutionary Step For Web Data
Web
http://microformats.org/wiki/events/2013-07-25-sfhtml5
http://lanyrd.com/2013/sfhtml5/
http://www.meetup.com/sfhtml5/events/125476252/
Etherpad
https://etherpad.mozilla.org/microformats2
Slides
http://tantek.com/presentations/2013/07/microformats2
Video
http://youtu.be/kDQigkxyiqE


Add this event to your calendar microformat_hcalendar.png

Description

New HTML5 elements and microformats give us a simple way to represent web data without additional URLs, file formats, or callbacks. Microformats2 and HTML5 improvements bring better accessibility, simpler markup, improved semantics, and a direct mapping to JSON APIs for data consumers.

Millions of web sites use microformats to make their data available. Other approaches have emerged as well (e.g. RDFa, microdata, OGP, schema, Twitter Cards). Tantek will discuss which microformats to use for search engines and for public APIs.

Tags

Use the following tags on related content (blog posts, photos, tweets): tags: h5m2 html5-microformats2 html5 microformats2 microformats sfhtml5 townsend-street san-francisco microformats-session microformats-session-2013-07-25

If you use Twitter, mention @microformats in tweets about the event, and track them on Twitter Search.

Attendees

Photographs

In rough time sequence order:

600_263780682.jpeg

600_263786152.jpeg

600_263800512.jpeg

BQEPU_FCcAAFnO6.jpg[1]

600_263804362.jpeg

600_263808802.jpeg

13+-+3?x=.jpg

Add another photograph from this event here.

Notes

Presentation slides:

Topics:

Notes taken on https://etherpad.mozilla.org/microformats2

Q and A

Questions:

Q: Who is consuming microformats2 in the wild?

  • A: Numerous indieweb sites, at least one service (spinn3r) has claimed to consume h-entry as well.

Q: What can we do to get a microformat adopted?

  • A: Keep it as simple as possible. Cut your spec and vocabularies in half. Choose about 10 properties at most.

Q: Why are some microformats pushed more and more successful than others?

  • A: We publish with multiple formats to see which ones get adopted. We took the subset of the vCard standard that was useful for the hCard microformat. hEntry came from Atom. We tried to be very disciplined to use existing standards as much as possible, benefit from the hard work of others.

Q: What happened to rel-tag?

  • A: rel=tag is a published microformat that was originally supported very well by Technorati and IceRocket, neither of which support it any longer. rel-tag lingers but isn't consumed by anyone that we know of anymore. p-category is where tag data seems to be going (e.g. in h-card, h-event, h-review, etc.).

Q: Why is h-product not listed as ready to use today?

  • A: All of the microformats2 vocabularies listed on that slide we listed (e.g. h-card, h-entry, h-event, rel-in-reply-to, etc.) are being *consumed* today. We don't know of anyone consuming h-product today. Existing parsers will handle all of these that are currently specc'd out.

Q: How do you markup hidden data? E.g. Different (regional) states that products are available in for instance.

  • A: The question is, what do you do with info you want to present globally to a search engine that you wouldn't need to show the user because they come with a context? It's a good question. Hidden information and meta tags tend to get out of sync with actual visible information. So we recommend not to use hidden data if possible, and markup whatever information you *do* have visible in the page or in inputs/selects for both users/browsers and search engines.

Q: Is microdata a classic microformat syntax?

  • A: No, it's another format for markup in HTML5 or later. Tends to require much more extra markup. It's a lot less work and code to use microformats.

Q: Should I replace my microdata with microformats?

  • A: If you've already finished your microdata markup, then it's less work to just leave it. Add microformats in addition (both classic for the body tag, and microformats2 for all the data on the page for your page API), and that should work fine.

Articles and Blog Posts

Articles and blog posts following up on the meetup. Add a link to your post in the list below:

Also, find posts on this meetup on Google Blog Search or Technorati.

Tweets and Testimonials

In time sequence order:

  • ...

Related Pages