{"type":"PARAGRAPH"

Topic contents Toggle about microformats Encoding data using microformats Nested microformats Invisible content Review items: Excellent explanation - 90% Successful participation - 85% We still need more information - 85% We are waiting for more details - 79% 85% About microformats Encoding data using microformats Microformats are simple transformations (known as entities) used on web pages to describe a specific type of information. —For example, a comment, event, product, business, or person.

Each entity has its own independent characteristics. For example, person properties are name, address, job title, position, company, and email address.

Microformats generally use the class attribute in HTML tags (often n or n) to assign short, descriptive names to entities and to set their properties. Below is a sample short HTML block showing basic contact information for Abdel Moneim Ibrahim.

Abdel Moneim Ibrahim Senior Editor at Arabco Reviews 200 Qasr El Nil Street Cairo, P.O. Box 12345 Below is the HTML itself encoded using the named microformat 

hCard  

(person). Abdel Moneim Ibrahim is a senior editor at Arabco Reviews

200 Qasr El Nil Street, Cairo, P.O. Box 12345

Here's how this model works. On the first line, the class="vcard" indicates that the HTML included in describes a person. (The microformat used to describe people is called hCard and is referred to in HTML as vcard.

This is not a typo.) The form describes the properties of the person element, such as photo, name, title, organization, and title. To classify properties about the person described by a vcard, each element containing one of these properties is assigned a class attribute that indicates a property (such as , or , or ). For example, fn describes the person's name and title describes the job title.

(The Help article for each type of information includes a complete list of the properties that are recognized.) Properties can contain other properties. In the example above, adr describes a person's address and includes subproperties street-address, locality, region, and postal-code. Nested microformats It is common for one microformat (such as a review) to contain another format (such as contact information for the reviewer).

The review form below includes information about Abdel Moneim Ibrahim's job and employer. Blast 'Em Up - Review by Abdel Moneim Ibrahim, Senior Editor, Arabco Reviews Rating: 4.5 out of 5 This is a great game. I enjoyed it from the opening battle to its conclusion by eliminating the bad guys.

Below is the HTML itself, encoded using the hReview and hCard microformats. To represent information about references Abdel Moneim, a microformat has been integrated 

hCard  

(the person) inside the microformat  hReview (the review) microformat.

Blast 'Em Up Review By Abdel Moneim Ibrahim, Senior Editor at Arabco Reviews Rating: 4.5 out of 5.

This is a great game. I enjoyed it from the opening battle until it ended with the elimination of the evil aliens. Here's how this model works.

Reviews are described by the microformat  hReview , which is written as class="hreview".

Since this is a review, the entire HTML block is included in the div with the class="hreview" attribute. To find references, you can use span. However, in this case we want to provide additional information about the reviewer using a microformat called vcard(person).

You can do this by putting the reviewer and the vcard on one line, separated by a space, like this:. The vcard properties, fn, title, and org, describe Abdel Moneim's name, title, and organization where he works. For more examples, see 

Overlapping entities. Invisible Content In general, Google will not show the user invisible content. In other words, don't display content to users in one way, and use hidden text to encode information separately for search engines and web applications.

You should encode the text that actually appears to users when they visit web pages. However, in some cases, you can benefit from providing more detailed information to search engines, even if you don't want this information to be displayed to page visitors. For example, providing the longitude and latitude of a place can help Google ensure that its map is drawn correctly, as can providing the date of an event according to 

Standard date formatting   can help ensure it appears correctly in search results.

In this case you can use 

Value class style   for microformats.

See the following example:

Oct 15, 7 PM Including   in the block labeled class="dtstart" is your indication that the rich snippet parser should use the value in the title attribute to find the start date of the event.

The date in the title attribute can be represented using a standard date format without affecting the way the date is displayed to users. Review elements: Excellent explanation - 90% Successful participation - 85% We still need more information - 85% We are waiting for more details - 79% 85% Vote of some programmers User rating: 1.42 (3 votes) #microformat #usingformatsmicroformat #formatsmicroformat