collect all og tags - Githubissues

hamilton commented 3 years ago

@magorlick can chime in on the og tag set we want to collect. There's no reason not to add all of them that are in use to the playtest repository.

magorlick commented 3 years ago

This website captures canonical og tags.

Here are additional product tags that would be useful to collect: product:plural_title product:price.amount product:price.currency

Example:

<meta property="og:type" content="product">
<meta property="og:title" content="Kinetic Wedge Sandal">
<meta property="og:url" content="https://www.dsw.com/en/us/product/sorel-kinetic-wedge-sandal/477603">
<meta property="og:image" content="https://images.dsw.com/is/image/DSWShoes/477603_010_ss_01?$pdp-image$">
<meta property="og:description" content="Keep your style looking top-notch with the Kinetic sandal from Sorel. This athletic pair features a mix of leather and nylon for a durable upper, and a chunky outsole that's fashioned with aggressive treads.">
<meta property="product:plural_title" content="Kinetic Wedge Sandals">
<meta property="product:price.amount" content=" 129.99">
<meta property="product:price.currency" content="USD">

hamilton commented 3 years ago

Given that the product tags are not standardized, it might be useful to do a deeper examination of the different versions of this.

Pinterest suggests product:price:amount, og:price:standard_amount, product:price:currency, og:brand, og:availability, and a ton of others

Facebook suggests the ones you mentioned, but with a different syntax

<!DOCTYPE html>
<html>
 <head prefix=
    "og: http://ogp.me/ns# 
     fb: http://ogp.me/ns/fb# 
     product: http://ogp.me/ns/product#">
    <meta property="og:type"                   content="og:product" />
    <meta property="og:title"                  content="Friend Smash Coin" />
    <meta property="og:image"                  content="http://www.friendsmash.com/images/coin_600.png" />
    <meta property="og:description"            content="Friend Smash Coins to purchase upgrades and items!" />
    <meta property="og:url"                    content="http://www.friendsmash.com/og/coins.html" />
    <meta property="product:plural_title"      content="Friend Smash Coins" />
    <meta property="product:price:amount"      content="0.30"/>
    <meta property="product:price:currency"    content="USD"/>
    <meta property="product:price:amount"      content="0.20"/>
    <meta property="product:price:currency"    content="GBP"/>
  </head>
</html>

Shopify has different recommendations.

We should also check Google too to see what they expect.

Amazon does not use any sort of tags for pricing information.

mozilla-rally / quantified-self-playtest

collect all og tags #25