Schema Markup / Rich Results
#
OverviewFalcon UI Kit comes complete with a few handy components to provide your app with Schema markup in the form of JSON.
To test your app you can use Googles rich results testing tool.
For full schema markup docs please see schema.org.
#
Featues- Organisation
- Product
- Product list
- Blog post
- Blog list
#
Organisation SchemaIdeally the organisation schema component will be added to your route App.js
file so it exists on all page.
The props expected are:
logo
- Path to site logoname
- Site / App nameurl
- Organisation URL (probably your sites URL)sameAs
- Array or organisation URLs (normally social network links)
#
Product SchemaThe product schema should be added to your route product component (client/src/pages/shop/Product.js
in our example apps).
The product schema expects a product
prop. This should be an object:
#
Product List SchemaThe product list uses the product schema but is imported into our ProductCard
component.
#
Blog Post SchemaThe blog post component is added to the root blog post component (client/src/pages/blog/Post.js
in our example).
It expects 1 prop, blog
. This should be an object with blog post information:
#
Blog List SchemaThe blog list schema uses the same component as the blog post but is added to the BlogPostCard
component.