Within Liffery there are many ways in which content from your website will be presented to people. Structured data gives you control over what Liffery shows to people.
Item Cards #
Item cards are the main components of Liffery. They are what people see when they log in. What they see then they view another persons profile. And what they see when they view channels.
If someone has posted a link to your website Liffery will generate the best preview of the product you are selling that we can do. This data is cached, so don’t worry, if 10,000 people post the same link to your website we will only crawl it the first time to generate the cache.
Item Detail Page #
After seeing an item card, if a person likes what they see they might click on it for more detail or to interact with the poster.
Structured Data #
The content showing in both the item card example and the item detail example can be controlled by you. There are two ways in which you can provide us with structured data. Both are widely used standards for providing rich content for social media and improving SEO. First by the Open Graph (OG) protocol. Second by using JSON-LD (linked data). JSON-LD is formatted according to Schema.org.
OG Tags #
In the hierarchy of importance, any data in OG tags is considered to be the most important. It will supercede any data found elsewhere. The following is an example of the OG tags which would be scraped by Liffery to generate the previews used on this post.
<meta property="og:type" content="product" />
<meta property="og:title" content="Organic Canvas Tote Bag" />
<meta property="og:url" content="https://shop.liffery.com/products/organic-canvas-tote-bag" />
<meta property="og:image" content="https://cdn.shopify.com/s/files/1/0558/7982/7595/products/35bff1ab030890e922eeb8df09d271e0.jpg?v=1643917810" />
<meta property="og:description" content="Designed with nature-approved materials, these personalized Econscious EC8040 canvas tote bags come with a 100% certified-organic cotton body and web handles. The open main compartment adds daily function with its easy-access, while the Econscious tag on the handle base is a discreet nod to this personalized tote bag being a green choice." />
<meta property="product:price:amount" content="41.05" />
<meta property="product:price:currency" content="GBP" />These are all the OG tags you need. You can read more on price in this post here.
JSON-LD #
An awful lot of data can be placed into JSON-LD script tags, and it is encouraged for SEO, but the most important object you can place in your JSON-LD for Liffery is the Product object. Liffery gives preference to the product object over any other JSON-LD type. And in the hierarchy of what we find important, it is the second highest behind OG tags.
<script type="application/ld+json">
{
"@context":"https://schema.org/",
"@type":"product",
"offers":{
"@type":"Offer",
"availability":"https://schema.org/InStock",
"url":"https://shop.liffery.com/products/organic-canvas-tote-bag",
"priceCurrency":"GBP",
"price":"41.05"
},
"productId":"6368471",
"sku":"109222604",
"url":"https://shop.liffery.com/products/organic-canvas-tote-bag",
"name":"Organic Canvas Tote Bag",
"description":"Designed with nature-approved materials, these personalized Econscious EC8040 canvas tote bags come with a 100% certified-organic cotton body and web handles. The open main compartment adds daily function with its easy-access, while the Econscious tag on the handle base is a discreet nod to this personalized tote bag being a green choice.",
"image":"https://cdn.shopify.com/s/files/1/0558/7982/7595/products/35bff1ab030890e922eeb8df09d271e0.jpg?v=1643917810",
}
</script>The main keys that we are looking for in JSON-LD are: name, description, image, url, price and priceCurrency. These keys are standard as described on Schema.org.
The advantage of a JSON-LD tag is that the script tag can be injected anywhere on the page. It doesn’t have to be in the header. This makes it easier for Content Management Systems such as WordPress or Shopify to inject this data onto the page automatically without you needing to know how to code yourself. If your CMS is not currently doing this please get in touch with them to ask how. Or if you are managing it yourself please research how to add JSON-LD to the product pages of your chosen CMS.
Backup #
If we cannot find all the data we need in the structured data you provide, or you don’t provide any structured data, we will attempt to find a description and picture from the page itself.
Hierarchy of Data #
The hierarchy of data is in the order of this post. OG > JSON-LD > Nothing. Any data in OG tags will be used over data found elsewhere. If we don’t find everything in the OG tags we will analyse the JSON-LD script tags you provide as well. If after going through OG and JSON-LD we still haven’t found enough data to generate a cache we will attempt to automatically find the best description and picture from the page, but there is no guarantee it will be the best description or picture.
