h-review: Difference between revisions
GRegorLove (talk | contribs) (set up status/editor/participate section, remove redundant DisplayTitle:h-review) |
GRegorLove (talk | contribs) m (s/<source>/<syntaxhighlight>/) |
||
Line 16: | Line 16: | ||
Here is a simple review example: | Here is a simple review example: | ||
< | <syntaxhighlight lang="html"> | ||
<div class="h-review"> | <div class="h-review"> | ||
<h1 class="p-name">Microformats: is structured data worth it?</h1> | <h1 class="p-name">Microformats: is structured data worth it?</h1> | ||
Line 34: | Line 34: | ||
</div> | </div> | ||
</div> | </div> | ||
</ | </syntaxhighlight> | ||
Parsed JSON: | Parsed JSON: | ||
< | <syntaxhighlight lang="json"> | ||
{ | { | ||
"items": [ | "items": [ | ||
Line 96: | Line 96: | ||
] | ] | ||
} | } | ||
</ | </syntaxhighlight> | ||
=== Get started === | === Get started === | ||
Line 155: | Line 155: | ||
For backward compatibility, you may wish to use classic [[hReview]] classnames on an h-review permalink page in addition to the more future-proof h-review properties, for example: | For backward compatibility, you may wish to use classic [[hReview]] classnames on an h-review permalink page in addition to the more future-proof h-review properties, for example: | ||
< | <syntaxhighlight lang="html"> | ||
<div class="h-review hreview"> | <div class="h-review hreview"> | ||
<h1 class="p-name fn">My great review</h1> | <h1 class="p-name fn">My great review</h1> | ||
</div> | </div> | ||
</ | </syntaxhighlight> | ||
See [https://aaronparecki.com/ Aaron Parecki]’s [https://aaronparecki.com/2016/12/17/8/owning-my-reviews Why Microformats? Owning My Reviews] for a reason to be backwards compatible. | See [https://aaronparecki.com/ Aaron Parecki]’s [https://aaronparecki.com/2016/12/17/8/owning-my-reviews Why Microformats? Owning My Reviews] for a reason to be backwards compatible. |
Revision as of 21:23, 26 July 2023
h-review is a simple, open format for publishing reviews on the web. h-review is one of several open microformat draft standards suitable for embedding data in HTML.
h-review is the microformats2 update to hReview.
- Status
- This is a Draft Specification
- Participate
- IRC: #microformats on Libera
- Editor
- Tantek Çelik (Editor)
- License
- Per CC0, to the extent possible under law, the editors have waived all copyright and related or neighboring rights to this work. In addition, as of 2024-11-25, the editors have made this specification available under the Open Web Foundation Agreement Version 1.0.
Example
Here is a simple review example:
<div class="h-review">
<h1 class="p-name">Microformats: is structured data worth it?</h1>
<blockquote>
<a class="p-item h-item" href="http://microformats.org">Microformats</a> are the simplest way to publish structured data on the web.
</blockquote>
<p>
<data class="p-rating" value="5">★★★★★</data>
Published <time class="dt-published" datetime="2013-06-12 12:00:00">12<sup>th</sup> June 2013</time>
by <a class="p-author h-card" href="http://example.com">Joe Bloggs</a>.
</p>
<div class="e-content">
<p>Yes, microformats are undoubtedly great. They are the simplest way to markup structured data in HTML and reap the benefits thereof, including using your web page as your API by automatic conversion to JSON. The alternatives of microdata/schema and RDFa are much more work, require more markup, and are more complicated (harder to get right, more likely to break).</p>
</div>
</div>
Parsed JSON:
{
"items": [
{
"type": [
"h-review"
],
"properties": {
"name": [
"Microformats: is structured data worth it?"
],
"item": [
{
"value": "Microformats",
"type": [
"h-item"
],
"properties": {
"name": [
"Microformats"
],
"url": [
"http://microformats.org"
]
}
}
],
"rating": [
"5"
],
"published": [
"2013-06-12 12:00:00"
],
"author": [
{
"value": "Joe Bloggs",
"type": [
"h-card"
],
"properties": {
"name": [
"Joe Bloggs"
],
"url": [
"http://example.com"
]
}
}
],
"content": [
{
"value": "Yes, microformats are undoubtedly great. They are the simplest way to markup structured data in HTML and reap the benefits thereof, including using your web page as your API by automatic conversion to JSON. The alternatives of microdata/schema and RDFa are much more work, require more markup, and are more complicated (harder to get right, more likely to break).",
"html": "<p>Yes, microformats are undoubtedly great. They are the simplest way to markup structured data in HTML and reap the benefits thereof, including using your web page as your API by automatic conversion to JSON. The alternatives of microdata/schema and RDFa are much more work, require more markup, and are more complicated (harder to get right, more likely to break).</p>"
}
]
}
}
]
}
Get started
The class h-review
is a root class name that indicates the presence of an h-review.
p-name, p-item, p-rating, dt-published, p-author, e-content and the other property class names listed below defined elements as properties of the h-review.
The class h-item
is a root class name that indicates an embedded h-item for the p-item property.
The class h-card
is a root class name that indicates an embedded h-card for the p-author property.
See microformats2-parsing to learn more about property class names.
Properties
h-review properties, inside an element with class h-review:
p-name
- name of the reviewp-item
- thing being reviewed, including embedded microformat for e.g. business or person (h-card), event (h-event), place (h-adr or h-geo), product (h-product), recipe (h-recipe), website, url, or other item (h-item).p-author
- person who authored the review, optionally with an embedded h-carddt-published
- date time of when the review was written and publishedp-rating
- value from 1-5 indicating a rating for the item (5 best).p-best
- define best rating value. can be numerically lower than worst.p-worst
- define worst rating value. can be numerically higher than best.e-content
- the full text written evaluation and opinion of the reviewerp-category
- freeform categories or tags applied to the item by the revieweru-url
- review permalink URL
All properties are optional.
Experimental properties currently in use in the wild but not (yet) part of the official h-review spec. Several of these seem to be because of h-review convergence towards h-entry, as h-review gets used alongside h-entry within h-feed:
p-location
- location the review was posted from, optionally embed h-card, h-adr, or h-geop-summary
- short review summaryu-syndication
- URL(s) of syndicated copies of this review. The property equivalent of rel-syndication (example with syndication to Amazon)
Status
h-review is a microformats.org draft specification. Public discussion on h-review takes place on h-review-feedback and the #microformats irc channel on irc.freenode.net.
h-review is ready to use.
Property Details
(stub, add any property explanations here)
Examples in the Wild
- … add any h-review examples you find in the wild
- https://cleverdevil.io/2015/blood-rites-book-six-of-the-dresden-files
- https://aaronparecki.com/2018/01/29/10/ (more on Aaron’s review feed)
Implementations
Validating
Test and validate microformats2 markup in general with:
- https://pin13.net/mf2/ - enter your markup directly
- https://pin13.net/ - enter a URL to a page to test where it says "Microformats Parser"
Backward Compatibility
Publisher Compatibility
For backward compatibility, you may wish to use classic hReview classnames on an h-review permalink page in addition to the more future-proof h-review properties, for example:
<div class="h-review hreview">
<h1 class="p-name fn">My great review</h1>
</div>
See Aaron Parecki’s Why Microformats? Owning My Reviews for a reason to be backwards compatible.
Parser Compatibility
Microformats parsers should detect classic properties and parse them as microformats 2 properties. If an "h-review" is found, don't look for an "hReview" on the same element.
Compatibility root class name: hreview
Properties: (parsed as p- plain text unless otherwise specified)
summary
parse asp-name
fn
- parse as p-name of the item being reviewed (p-item h-item p-name)photo
- parse as u-photo of the item being reviewed (p-item h-item u-photo)url
- parse as u-url of the item being reviewed (p-item h-item u-url)item
(without vcard, vevent, hproduct) - parse as p-item h-item including backcompat nested properties:fn
- parse as p-name of the item being reviewed (p-item h-item p-name)photo
- parse as u-photo of the item being reviewed (p-item h-item u-photo)url
- parse as u-url of the item being reviewed (p-item h-item u-url)
item vcard
- parse as p-item h-card including backcompat hCard parsingitem vevent
- parse as p-item h-event including backcompat hCalendar vevent property parsingitem hproduct
- parse as p-item h-product including backcompat hProduct parsingreviewer
- parse as p-author, including compat root vcard in the absence of h-carddtreviewed
- parse as dt-publishedrating
best
worst
description
- parse as e-contentrel=tag
- parse asp-category
. While not a class name nor typical microformats property, rel=tag was the typical way to tag an hreview. Thus parsers should look for rel=tag hyperlinks inside an hreview, and take the last path segment of their "href" value as a value for ap-category
property.rel="self bookmark"
- parse as u-url. note thatrel
attribute value is treated as a space separated set, thus any presence of "self" and "bookmark" within such a set in a rel value is accepted.
Note: The hReview format has three properties which make use of rel
attribute, these are tag
, permalink (via the self
and bookmark
values) and license
. Microformats 2 parsers SHOULD map these URLs into the page scoped rel collection.
prior property names
There may be a handful of h-reviews out there (only one known so far) that use prior h-review property names. Parsers encountering these *may* interpret them as follows:
dt-reviewed
treat as a fallback fordt-published
e-description
treat as a fallback fore-content
p-reviewer
treat as a fallback forp-author
Background
h-review is based on the existing hReview specification.