Advanced Guides

Structured Data and SEO

RapidSaaS Conduit's components come pre-built with support for structured data and SEO. This means that you will have Product and Offers automatically added to your pages, which will help search engines understand your content better.

The structured data is added to the following components:

  • Product Card = contains the structured data for a single Product and all of it's Prices/Offers.
  • Products = contains the structured data for a list of Products and all of their Prices/Offers.
  • Buy Button = contains the structured data for the given Price and/or Product.
  • Cart Button = contains the structured data for the given Price and/or Product.

You can validate your structured data using the Schema.org Validator.

Example

Here is an example of how the structured data is added to the Buy Button component, the below code is only an example of the output if the $price Model was a T-Shirt with a price of $19.99.

1<x-conduit::buy-button:price="$price" />
2 
3{{-- Will be rendered as --}}
4 
5<ahref="..."itemscope="itemscope"itemtype="https://schema.org/Offer">
6 <spanitemprop="price">$19.99</span>
7 <spanitemprop="description">A quick description of the Price</span>
8 <spanitemprop="category">Apparel</span>
9 <spanitemprop="name">Graphic T-Shirt</span>
10 <spanitemprop="image">https://test.imgix.net/media/123456/test.png</span>
11 
12 Buy Now
13</a>
Previous
Filament Dashboards
Code highlighting provided by Torchlight