get-started: Difference between revisions
(what next - advocacy of course) |
AndyMabbett (talk | contribs) (merging from use) |
||
| Line 2: | Line 2: | ||
Get started by adding support for microformats to your website, services, and products. | Get started by adding support for microformats to your website, services, and products. | ||
Microformats are designed to be similar to current markup styles. This means that it is quite possible that you won't have to do much work to produce microformats on your site. Many common kinds of content can be marked up in microformats. Chances are, you already have some of them on your site. Start with the obvious ones. For example... | |||
== yourself == | == yourself == | ||
| Line 9: | Line 11: | ||
* add hCard+[[xfn|XFN]] to your friends list or blog roll | * add hCard+[[xfn|XFN]] to your friends list or blog roll | ||
* add your website and contact page to the [[hcard-examples-in-wild]] page. | * add your website and contact page to the [[hcard-examples-in-wild]] page. | ||
Start with the [http://microformats.org/code/hcard/creator hCard creator] and take a look at the [[hcard-examples]]. Read [[hcard-authoring]] for tips and guidelines on how to best markup existing content with hCard. | |||
=== your blog === | === your blog === | ||
| Line 23: | Line 27: | ||
==== events ==== | ==== events ==== | ||
Use hCalendar anywhere on the website that publishes event information. | Use hCalendar anywhere on the website that publishes event information. Start with the [http://microformats.org/code/hcalendar/creator hCalendar creator]. | ||
===== history ===== | ===== history ===== | ||
| Line 38: | Line 42: | ||
Any publication of information about people, events, reviews etc. could benefit from being marked up with hCard, hCalendar, and hReview respectively. | Any publication of information about people, events, reviews etc. could benefit from being marked up with hCard, hCalendar, and hReview respectively. | ||
=== other content === | |||
* Do you have an explicit copyright license on your content? Then markup the link to your license with [[rel-license]]. | |||
* Do you publish social network / relationship info? Then mark that up with [http://gmpg.org/xfn/ XFN]. | |||
* Are you tagging things? Then use [[rel-tag]] (for your own stuff) or [[xFolk]] (for tagging any URL). | |||
* Are you publishing lists or outlines? Then use [[XOXO]]. | |||
* Do you publish reviews? Then use [[hReview]]. | |||
** Start with the [http://microformats.org/code/hreview/creator hReview creator]. | |||
* Do you publish press releases? Then use [[hatom|hAtom]]. | |||
== what next == | == what next == | ||
Once you have added microformats support to your website and helped your company and organization do so as well: | Once you have added microformats support to your website and helped your company and organization do so as well: | ||
* [[advocacy|Advocate]] the use and support of microformats on other sites as well. | * [[advocacy|Advocate]] the use and support of microformats on other sites as well. | ||
And here're a few more tips: | |||
* Try to produce clean, semantic xhtml. Often this will get you very close to microformats on its own. | |||
** [http://tantek.com/log/2004/07.html#classmeaningnotshow Class for meaning not for show] | |||
** http://microformats.org/wiki/SemanticXHTMLDesignPrinciples | |||
** [http://tantek.com/presentations/20040928sdforumws/semantic-xhtml.html Semantic XHTML] | |||
** [http://tantek.com/presentations/2005/03/elementsofxhtml Meaningful XHTML] | |||
** [http://www.tantek.com/presentations/2004etech/realworldsemanticspres.html Real World Semantics] | |||
** ... | |||
== see also == | == see also == | ||
* [[advocacy]] | * [[advocacy]] | ||
* [[spread-microformats]] | * [[spread-microformats]] | ||
Revision as of 14:01, 30 August 2007
Get Started
Get started by adding support for microformats to your website, services, and products.
Microformats are designed to be similar to current markup styles. This means that it is quite possible that you won't have to do much work to produce microformats on your site. Many common kinds of content can be marked up in microformats. Chances are, you already have some of them on your site. Start with the obvious ones. For example...
yourself
your website
If you have your own website, read hcard-authoring and:
- add hCard to your contact info page along with an "Add to address book" link
- add hCard+XFN to your friends list or blog roll
- add your website and contact page to the hcard-examples-in-wild page.
Start with the hCard creator and take a look at the hcard-examples. Read hcard-authoring for tips and guidelines on how to best markup existing content with hCard.
your blog
If you have a blog:
- add hAtom to your blog pages
- add your blog to the hatom-examples-in-wild page.
your organization
website
contact info
- Contact info. Every company or organization has a contact or about page of some sort on their website. Read hcard-authoring and add hCard to the contact/about pages along with "Add to address book" links for each hCard.
- Employee directory. If your company has a page listing employees or others that belong to the organization, add hCard to the listings or search results.
- add those pages with hCards to the hcard-examples-in-wild page.
events
Use hCalendar anywhere on the website that publishes event information. Start with the hCalendar creator.
history
If your organization publishes its history, mark up the events noted with hCalendar, thus allowing anybody to build a dynamic timeline application with your history.
products
Does your company make any products that generate HTML?
- Make sure such products generate POSH and whenever possible, the appropriate microformats.
- Then add those products to the implementations page.
enterprise
Wondering how to use microformats in an enterprise scenario?
Any publication of information about people, events, reviews etc. could benefit from being marked up with hCard, hCalendar, and hReview respectively.
other content
- Do you have an explicit copyright license on your content? Then markup the link to your license with rel-license.
- Do you publish social network / relationship info? Then mark that up with XFN.
- Are you tagging things? Then use rel-tag (for your own stuff) or xFolk (for tagging any URL).
- Are you publishing lists or outlines? Then use XOXO.
- Do you publish reviews? Then use hReview.
- Start with the hReview creator.
- Do you publish press releases? Then use hAtom.
what next
Once you have added microformats support to your website and helped your company and organization do so as well:
- Advocate the use and support of microformats on other sites as well.
And here're a few more tips:
- Try to produce clean, semantic xhtml. Often this will get you very close to microformats on its own.